@charset "UTF-8";
/* v1.0.2 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
  width: 600px;
  height: 400px;
  position: relative;
  direction: ltr;
}

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none;
}

.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: transparent;
}

.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}

.rsArrow,
.rsThumbsArrow {
  cursor: pointer;
}

.rsThumb {
  float: left;
  position: relative;
}

/*.rsFullscreenBtn,*/
.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}

.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  -o-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  transition: visibility 0s linear 0.3s,opacity 0.3s linear;
}

.rsGCaption {
  width: 100%;
  float: left;
  text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  display: none;
}

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto;
}

.rsContent {
  width: 100%;
  height: 100%;
  position: relative;
}

.rsPreloader {
  position: absolute;
  z-index: 0;
}

.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none;
}

.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}

.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22;
}

.rsTabs {
  float: left;
}

.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}

.rsVideoContainer {
  /*left: 0;
  top: 0;
  position: absolute;*/
  /*width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  float: left;*/
  width: auto;
  height: auto;
  line-height: 0;
  position: relative;
}

.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: .3s;
}

.rsVideoFrameHolder.rsVideoActive {
  opacity: 1;
}

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px;
}

.rsABlock {
  left: 100px;
  top: 190px;
  position: absolute;
  z-index: 15;
  -webkit-backface-visibility: hidden;
}

.grab-cursor {
  cursor: url(grab.png) 8 8, move;
}

.grabbing-cursor {
  cursor: url(grabbing.png) 8 8, move;
}

.rsNoDrag {
  cursor: auto;
}

.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  background: url(blank.gif);
  -webkit-backface-visibility: hidden;
}

/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/
/* Background */
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
  /*background: #3fab44;*/
  background: white;
}

/*.rsDefault{
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);; 
}*/
/***************
*
*  1. Arrows
*
****************/
.rsDefault .rsArrow {
  height: 100%;
  width: 40px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
}

.rsDefault.rsVer .rsArrow {
  width: 100%;
  height: 44px;
}

.rsDefault.rsVer .rsArrowLeft {
  top: 0;
  left: 0;
}

.rsDefault.rsVer .rsArrowRight {
  bottom: 0;
  left: 0;
}

.rsDefault.rsHor .rsArrowLeft {
  left: 0;
  top: 0;
}

.rsDefault.rsHor .rsArrowRight {
  right: 0;
  top: 0;
}

.rsDefault .rsArrowIcn {
  width: 40px;
  height: 70px;
  /*
  width: 32px;
  height: 100px;*/
  top: 50%;
  left: 50%;
  margin-top: -35px;
  margin-left: -20px;
  position: absolute;
  cursor: pointer;
  /*background: url('rs-default.png');*/
  background: url("arrows_lr.png");
  /*background-color: #f5f5f5;*/
  /**background-color: #111;*/
  /*border-radius: 2px;*/
}

.rsDefault .rsArrowIcn:hover {
  background-color: #e9e9e9;
  /*height: 100%;*/
}

.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
  /*background: url('../../img/arrow_right.png');*/
  background-position: 5px 70px;
}

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn {
  /*background: url('../../img/arrow_top.png');*/
  /*background-position: -96px -32px; */
}

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn:hover {
  /*background: url('../../img/arrow_top_hover.png');*/
}

.rsDefault.rsVer .rsArrowRight .rsArrowIcn {
  /*background: url('../../img/arrow_bottom.png');*/
  /*background-position: -96px -64px; */
}

.rsDefault.rsVer .rsArrowRight .rsArrowIcn:hover {
  /*background: url('../../img/arrow_bottom_hover.png');*/
}

.rsDefault .rsArrowDisabled .rsArrowIcn {
  background-color: rgba(0, 0, 0, 0.4);
  opacity: .4;
  *display: none;
}

/***************
*
*  2. Bullets
*
****************/
.rsDefault .rsBullets {
  position: absolute;
  z-index: 35;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  margin: 0 auto;
  /*background: #000;
  background: rgba(0,0,0,0.75);*/
  text-align: center;
  line-height: 18px;
  overflow: hidden;
}

.rsDefault .rsBullet {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 5px 1px;
  /*border-radius: 2px;*/
  /*background: #eee;*/
  background: black;
  margin: 6px;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}

.rsDefault .rsBullet.rsNavSelected {
  background-color: #e9e9e9;
  width: 11px;
  height: 11px;
  border-radius: 7px;
  /*border: 1px solid #ccc;*/
  /*-webkit-transform: rotate(45deg);*/
  /* Firefox */
  /*-moz-transform: rotate(45deg);*/
  /* IE */
  /*-ms-transform: rotate(45deg);*/
}

/***************
*
*  3. Thumbnails
*
****************/
.rsDefault .rsThumbsHor {
  padding-bottom: 4px;
  width: 100%;
  height: 50px;
}

.rsDefault .rsThumbsVer {
  padding-right: 4px;
  width: 96px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.rsDefault.rsWithThumbsHor .rsThumbsContainer {
  position: relative;
  height: 100%;
}

.rsDefault.rsWithThumbsVer .rsThumbsContainer {
  position: relative;
  width: 100%;
}

.rsDefault .rsThumb {
  float: left;
  overflow: hidden;
  width: 150px;
  height: 50px;
  text-align: center;
  border-radius: 10px;
}

.rsDefault .rsThumb img {
  width: 100%;
  height: 100%;
}

.rsDefault .rsThumb.rsNavSelected {
  background: #02874a;
}

.rsDefault .rsThumb.rsNavSelected img {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.rsDefault .rsTmb {
  display: block;
}

/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
  height: 100%;
  width: 20px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
}

.rsDefault .rsThumbsArrow:hover {
  background: rgba(0, 0, 0, 0.9);
}

.rsDefault.rsWithThumbsVer .rsThumbsArrow {
  width: 100%;
  height: 20px;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft {
  top: 0;
  left: 0;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowRight {
  bottom: 0;
  left: 0;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft {
  left: 0;
  top: 0;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight {
  right: 0;
  top: 0;
}

.rsDefault .rsThumbsArrowIcn {
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
  position: absolute;
  cursor: pointer;
  background: url("rs-default.png");
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -128px -32px;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -128px -48px;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -144px -32px;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -144px -48px;
}

.rsDefault .rsThumbsArrowDisabled {
  display: none !important;
}

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
  .rsDefault .rsThumb {
    width: 59px;
    height: 44px;
  }

  .rsDefault .rsThumbsHor {
    height: 44px;
  }

  .rsDefault .rsThumbsVer {
    width: 59px;
  }
}
/***************
*
*  4. Tabs
*
****************/
.rsDefault .rsTabs {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  padding-top: 12px;
  position: relative;
}

.rsDefault .rsTab {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  height: auto;
  width: auto;
  color: #333;
  padding: 5px 13px 6px;
  min-width: 72px;
  border: 1px solid #D9D9DD;
  border-right: 1px solid #f5f5f5;
  text-decoration: none;
  background-color: #FFF;
  background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
  background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
  background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
  -webkit-box-shadow: inset 1px 0 0 #fff;
  box-shadow: inset 1px 0 0 #fff;
  *display: inline;
  *zoom: 1;
}

.rsDefault .rsTab:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.rsDefault .rsTab:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #cfcfcf;
}

.rsDefault .rsTab:active {
  border: 1px solid #D9D9DD;
  background-color: #f4f4f4;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
}

.rsDefault .rsTab.rsNavSelected {
  color: white;
  border: 1px solid #999;
  text-shadow: 1px 1px #838383;
  -webkit-box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
  box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
  background: #ACACAC;
  background-image: -webkit-linear-gradient(top, #acacac, #bbbbbb);
  background-image: -moz-llinear-gradient(top, #acacac, #bbbbbb);
  background-image: linear-gradient(to bottom, #acacac, #bbbbbb);
}

/***************
*
*  5. Fullscreen button
*
****************/
.rsDefault .rsFullscreenBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 22;
  display: block;
  position: absolute;
  cursor: pointer;
}

.rsDefault .rsFullscreenIcn {
  display: block;
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url("rs-default.png") 0 0;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000;
  border-radius: 2px;
}

.rsDefault .rsFullscreenIcn:hover {
  background-color: rgba(0, 0, 0, 0.9);
}

.rsDefault.rsFullscreen .rsFullscreenIcn {
  background-position: -32px 0;
}

/***************
*
*  6. Play/close video button
*
****************/
.rsDefault .rsPlayBtn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  cursor: pointer;
}

.rsDefault .rsPlayBtnIcon {
  width: 64px;
  display: block;
  height: 64px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: url(rs-default.png) no-repeat 0 -32px;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  *background-color: #000;
}

.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
  background-color: rgba(0, 0, 0, 0.9);
}

.rsDefault .rsBtnCenterer {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
}

.rsDefault .rsCloseVideoBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 500;
  position: absolute;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}

.rsDefault .rsCloseVideoBtn.rsiOSBtn {
  top: -38px;
  right: -6px;
  /*top: -6px;
  right: -38px;*/
}

.rsDefault .rsCloseVideoIcn {
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url("rs-default.png") -64px 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.rsDefault .rsCloseVideoIcn:hover {
  background-color: rgba(0, 0, 0, 0.9);
}

/***************
*
*  7. Preloader
*
****************/
.rsDefault .rsPreloader {
  width: 20px;
  height: 20px;
  background-image: url(preloader-white.gif);
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
}

@font-face {
  font-family: 'quicksandlight';
  src: url("fonts/quicksand-light-webfont.eot");
  src: url("fonts/quicksand-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/quicksand-light-webfont.woff") format("woff"), url("fonts/quicksand-light-webfont.ttf") format("truetype"), url("fonts/quicksand-light-webfont.svg#quicksandlight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'proxima_novalight';
  src: url("fonts/proximanova-light-webfont.eot");
  src: url("fonts/proximanova-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/proximanova-light-webfont.woff") format("woff"), url("fonts/proximanova-light-webfont.ttf") format("truetype"), url("fonts/proximanova-light-webfont.svg#proxima_novalight") format("svg");
  font-weight: normal;
  font-style: normal;
}
.original-price {
  color: #900000;
  text-decoration: line-through;
}

.img_wrapper {
  position: relative;
  padding-top: 75%;
  margin-bottom: 40px;
  background: #fafafa;
  overflow: hidden;
}

.img_wrapper img {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -ms-transition: opacity .5s;
  transition: opacity .5s;
}

/**{
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform-style: preserve-3d;
}*/
* {
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  /*border-style: none;*/
}

html {
  margin: 0;
  padding: 0;
}

body {
  /*min-height: 1000px;*/
  /*font: 25px 'quicksandlight', helvetica, sans-serif;*/
  font: 25px 'proxima_novalight';
  margin: 0;
  /*background: url('../../img/production/backgrounds/monogram.png');*/
  background-color: #e9e9e9;
  /*background-position: fixed;*/
  /*background-attachment: fixed;*/
}

h1 {
  font-weight: 400;
}

h2 {
  font-family: 'proxima_novalight', sans-serif;
  font-size: 40px;
}

#fixedBg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  /*background: url('../../img/production/backgrounds/monogram.png');*/
  /*background-repeat: no-repeat;*/
  background-color: #e9e9e9;
  /*background-position: center; */
  /*-webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;*/
}

#fixedText {
  height: 100px;
  width: 500px;
  top: 50%;
  margin-top: -50px;
  left: 50%;
  margin-left: -250px;
  text-align: center;
  font-size: 70px;
  letter-spacing: 10px;
  position: absolute;
  font-family: 'proxima_novalight';
  color: white;
}

#header {
  font-size: 0;
  position: fixed;
  text-align: left;
  z-index: 101;
  width: 100%;
  color: white;
  background: white;
  opacity: 1;
  height: 75px;
  text-align: center;
}

.titleDesc {
  font-size: 15px;
  font-weight: normal;
  color: #ccc;
}

#header_bg {
  position: fixed;
  width: 100%;
  height: 80px;
  opacity: 0.6;
  /*background: #ff5009;*/
  /*background: #ab1610;*/
  /*background: #b84036;*/
  background: black;
  z-index: 125;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  /*-webkit-box-shadow: 0 7px 7px -7px #333;
  -moz-box-shadow: 0 7px 7px -7px #333;
  box-shadow: 0 7px 7px -7px #333;*/
}

.fullWidth {
  width: 100%;
}

 #overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  /*background: #f1f2f6;*/
  background: black;
  z-index: 120;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* Good browsers */
  opacity: 0.8;
}

#logo_top {
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*padding-top: 2px;*/
  width: 177px;
  height: 66px;
  z-index: 150;
  /*    background-image: url(../../img/production/assets/logoie8.png);
      background-position: center;
      background-size: 100%;*/
  vertical-align: top;
  margin-top: 5px;
}
#logo_top path {
  fill: white;
}

.svg #header_logo {
  width: 52px;
}

.no-svg #header_logo {
  width: 47px;
}

#menuLinks {
  width: 100%;
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: absolute;
  top: -5px;
}
#menuLinks a {
  color: white;
}

.no-touch .mainMenuItem:hover {
  color: #3A574D;
}

.mainMenuItem {
  width: 20%;
  max-width: 250px;
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  *display: inline;
  text-align: center;
  font-size: 20px;
  font-family: "proxima_novalight", sans-serif;
  letter-spacing: 2px;
  text-decoration: none;
  padding-top: 23px;
  height: 57px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/*.mainMenuItem:hover {
    background: $logoGreen;
    color: #fff;
}*/
#collection-tab {
  position: fixed;
  height: 0;
  width: 100%;
  top: 70px;
  color: white;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  z-index: 131;
  font-size: 0;
}
#collection-tab a {
  position: relative;
  color: white;
  text-decoration: none;
  height: 100px;
}

.expanded-menu-tabs {
  position: relative;
  font-family: 'proxima_novalight', sans-serif;
  width: 50%;
  /*height: 100%;*/
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: left;
  letter-spacing: 1px;
}
.expanded-menu-tabs .menu-title {
  display: inline-block;
  *display: inline;
  text-align: left;
  padding: 10px 20px;
  letter-spacing: 2px;
  /*color :#333;*/
  font-size: 25px;
  /*background: white;*/
  color: white;
  background: #024930;
  border-bottom-right-radius: 15px;
  opacity: 0.9;
}
.expanded-menu-tabs .menu-desc {
  display: inline;
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: left;
  padding: 5px 20px;
  font-size: 13px;
  letter-spacing: 1px;
  color: white;
  background: black;
  opacity: 0.9;
  border-top-left-radius: 10px;
}

.autographMenu {
  background: url(../../img/production/backgrounds/autograph_menu.jpg) no-repeat center center;
  background-size: cover;
  height: 100%;
}

.signatureMenu {
  background: url(../../img/production/backgrounds/signature_menu.jpg) no-repeat center center;
  background-size: cover;
  background-color: white;
  height: 100%;
}

.subtab {
  position: relative;
  margin: auto;
  cursor: pointer;
  /*float: left;*/
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 30%;
  height: 400px;
  text-align: center;
  opacity: .9;
  white-space: collapse;
}
.subtab div {
  font-size: 20px;
}

.subtab:hover {
  opacity: 1;
}

#classic-subtab {
  background-image: url(../../img/production/backgrounds/classic_tab.png);
  background-position: center;
  background-repeat: no-repeat;
  /*background-size: 100%;*/
}

#minimalist-subtab {
  background-image: url(../../img/production/backgrounds/minimalist-tab.png);
  background-position: center;
  background-repeat: no-repeat;
  /*background-size: 100%;*/
}

#nature-subtab {
  background-image: url(../../img/production/backgrounds/nature_tab.png);
  background-position: center;
  background-repeat: no-repeat;
  /*background-size: 100%;*/
}

#homeMain {
  /*height: 1000px;*/
  /*width: 100%;*/
}
#homeMain img {
  width: 100%;
  /*height: 100%;*/
}

#content {
  position: relative;
}

#autograph_wrapper {
  width: 100%;
  min-height: 650px;
  overflow: hidden;
  background: black;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

#productStage {
  width: 105%;
  height: 100%;
  white-space: nowrap;
  font-size: 0;
  -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);
  position: relative;
  left: 0;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -ms-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
#productStage .heroWrapper {
  width: 100%;
  min-height: 823px;
  height: 100%;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
}
#productStage img {
  width: 100%;
}

.preview {
  font-size: 0;
  text-align: center;
}

.autograph_text {
  display: none;
  position: absolute;
  top: 100px;
  width: 74%;
  left: 50%;
  margin-left: -40%;
  font-size: 35px;
  background: white;
  padding: 20px;
  border-radius: 10px;
}

.autograph_subtext {
  padding-top: 20px;
  width: 100%;
  line-height: 150%;
  font-size: 20px;
  background: white;
}

.largeThumb {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 46%;
  margin: 1%;
  text-align: left;
}
.largeThumb img {
  width: 100%;
}

.specs {
  box-shadow: none;
  -webkit-box-shadow: none;
}

#autograph_breadcrumbs {
  font-family: 'proxima_novalight', sans-serif;
  /*width: 940px;*/
  max-width: 100%;
  position: absolute;
  left: 50%;
  margin-left: -470px;
  top: 125px;
  font-size: 17px;
  letter-spacing: 2px;
  /*background: black;*/
  color: white;
  z-index: 98;
}
#autograph_breadcrumbs > div {
  width: 220px;
  /*display: inline-block;*/
  padding: 10px;
  /*display: inline-block;*/
  text-align: center;
}

.faintBorderShadow {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

#devicePicker {
  font-weight: bold;
  background: black;
  color: white;
  border-radius: 10px;
  opacity: 0.7;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
#devicePicker div {
  cursor: pointer;
  margin: 15px 5px;
}
#devicePicker div:hover {
  text-decoration: underline;
}

#autograph_info {
  position: relative;
  margin: auto;
  font-size: 15px;
  color: white;
  top: 20px;
  background: #666;
  border-radius: 10px;
}
#autograph_info ul {
  padding: 10px 0;
  margin: 0;
}
#autograph_info li {
  list-style: none;
  padding: 5px 0;
}

#productControls {
  font-family: 'proxima_novalight', sans-serif;
  font-size: 20px;
  letter-spacing: 2px;
  position: absolute;
  top: 15px;
  height: 600px;
  width: 940px;
  left: 50%;
  margin-left: -470px;
  text-align: center;
}
#productControls #productControlsColumn {
  position: relative;
  width: 180px;
  float: right;
  text-align: center;
}
#productControls #autograph_caption {
  font-size: 15px;
  line-height: 25px;
  padding: 0 10px 20px;
}
#productControls #autograph_description {
  position: relative;
  top: 235px;
  font-size: 25px;
  margin: auto;
  padding: 10px 0;
  border-radius: 10px;
  background: #666;
  color: white;
}
#productControls #autograph_addCart, #productControls #autograph_coming {
  position: relative;
  /*right: 20px;*/
  top: 270px;
  margin: auto;
  padding: 12px;
  width: 150px;
  border-radius: 10px;
  cursor: pointer;
  color: white;
  background: #024930;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
#productControls #colorPicker {
  position: relative;
  text-align: left;
  top: 200px;
  width: 114px;
  font-size: 0;
  margin: auto;
  /* > div:hover{
       border: 1px solid #333;
   }*/
}
#productControls #colorPicker > div {
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 53px;
  height: 53px;
  overflow: hidden;
  border-radius: 50%;
  margin: 2px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
#productControls #colorPicker > div img {
  max-width: 100%;
  max-height: 100%;
}

.no-touch #autograph_addCart:hover {
  background: #126f4e !important;
}

@media only screen and (min-width: 768px) {
  /* tablets and desktop */
}
@media only screen and (max-width: 767px) {
  /* phones */
  #productControls {
    width: 100%;
    left: 0;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  /* portrait phones */
}
#autograph_emboss {
  font-family: 'proxima_novalight',sans-serif;
  position: absolute;
  width: 500px;
  max-width: 100%;
  height: 584px;
  max-height: 100%;
  max-height: 100%;
  top: 110px;
  left: 50%;
  margin-left: -250px;
  /*margin: auto;*/
  background: #f1eae4;
  z-index: 122;
  border-radius: 16px;
  overflow: hidden;
}
#autograph_emboss .autograph_emboss_sub_left {
  float: left;
  position: relative;
  width: 62%;
}
#autograph_emboss .autograph_emboss_sub_left #emboss_text {
  position: absolute;
  top: 135px;
  width: 100%;
  letter-spacing: 1px;
  text-align: center;
  /*left: 50%;*/
  /*margin-left: 15px;*/
  font-family: georgia, serif;
  color: #433c34;
  font-size: 48px;
  text-transform: uppercase;
}
#autograph_emboss .autograph_emboss_sub_right {
  float: left;
  position: relative;
  width: 33%;
  text-align: center;
}
#autograph_emboss .emboss_button {
  position: relative;
  /*height: 40px;*/
  text-align: center;
  font-size: 15px;
  padding: 10px;
  color: #eee;
  border-radius: 8px;
  cursor: pointer;
  margin: 0 10px;
}
#autograph_emboss #emboss_save {
  top: 160px;
  background: #024930;
}
#autograph_emboss #emboss_skip {
  top: 180px;
  background: gray;
}
#autograph_emboss #emboss_close {
  position: absolute;
  top: 3px;
  right: 0;
  width: 30px;
  height: 30px;
  font-size: 17px;
  padding-top: 5px;
  cursor: pointer;
}
#autograph_emboss #emboss_label {
  position: relative;
  top: 50px;
  font-size: 15px;
  text-align: center;
}
#autograph_emboss #emboss_label2 {
  position: relative;
  top: 100px;
  font-size: 13px;
  text-align: center;
  font-style: italic;
}
#autograph_emboss #emboss_message {
  position: relative;
  top: 220px;
  font-size: 13px;
  color: red;
}
#autograph_emboss #emboss_user_text {
  position: relative;
  top: 75px;
  width: 80px;
  margin: auto;
  font-size: 30px;
  font-family: georgia, serif;
  text-transform: uppercase;
}
#autograph_emboss #emboss_phone {
  text-align: left;
  width: 100%;
}
#autograph_emboss #emboss_phone img {
  width: 100%;
}

.sections {
  width: 100%;
  height: 100%;
  min-height: 500px;
  position: relative;
  background: none;
  text-align: center;
  z-index: 90;
  height: 800px;
}

#slide1 {
  background-image: url(../../img/production/backgrounds/truffol_signature.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /*top: 0;*/
  /*height: 700px;*/
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #slide1 {
    background-image: url(../../img/production/backgrounds/iphone5/truffol_signature.jpg);
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  #slide1 {
    height: 530px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  #slide1 {
    height: 320px;
  }
}

#introSlide {
  background-image: url(../../img/production/backgrounds/truffol_signature_intro.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /*top: 100%;*/
  height: 1000px;
  margin-top: 100px;
  /*@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
      background-image: url(../../img/production/backgrounds/iphone5/truffol_signature_intro.jpg);
  }*/
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  #introSlide {
    height: 530px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  #introSlide {
    height: 320px;
  }
}

#carousel {
  box-sizing: border-box;
  position: relative;
  margin: 100px auto 0;
  width: 400px;
  max-width: 100%;
  height: 540px;
  left: 50%;
  margin-left: -200px;
  background-image: url(../../img/production/assets/carousel/3.jpg), auto;
  z-index: 10;
  cursor: url(../../img/production/assets/carousel_cursor.png), auto;
  border: 10px solid #25375b;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  #carousel {
    /*height: 530px;*/
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  #carousel {
    width: 320px;
    height: 450px;
    margin-top: 30px;
    margin-left: -160px;
  }
}

#carousel div {
  /*width: 20%;*/
  height: 100%;
  position: absolute;
  z-index: 11;
  cursor: url(../../img/production/assets/carousel_cursor.png), auto;
}

#carousel1 {
  left: 0;
}

#carousel2 {
  left: 20%;
}

#carousel3 {
  left: 40%;
}

#carousel4 {
  left: 60%;
}

#carousel5 {
  left: 80%;
}

.carouselAnchor {
  width: 20%;
}

.carouselImage {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
}

.carouselImage img {
  width: 100%;
}

#minimalist_intro_text {
  position: absolute;
  top: 40%;
  left: 20%;
  z-index: 500;
  width: 20%;
  text-align: center;
}

#minimalist-target, #classic-target, #nature-target {
  box-sizing: border-box;
  position: absolute;
  top: 65%;
  right: 25%;
  width: 25%;
  cursor: pointer;
  z-index: 500;
  padding: 10px 10px;
  text-align: center;
  font-size: 30px;
  border-radius: 7px;
  background: #2d2925;
  color: white;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #minimalist-target, #classic-target, #nature-target {
    width: 30%;
    height: 20px;
    font-size: 16px;
    padding: 0;
    border-radius: 0;
    right: 22%;
    top: 60%;
  }
}

#classic-target {
  background: #c21f1d !important;
}

#minimalist-target {
  background: #333 !important;
}

#signature-minimalist {
  /*background: 0;*/
  /*top: 200%;*/
  margin-top: 100px;
  z-index: 80 !important;
  text-align: right;
  overflow: hidden;
  /*height: 700px;*/
  /*border-top: 20px solid $darkGrey;
  border-bottom: 20px solid $darkGrey;*/
  /*box-shadow: 0px 2px 10px $darkGrey, 0px -2px 10px $darkGrey;*/
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22), 0 -1px 4px rgba(0, 0, 0, 0.22);
  height: 1000px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #signature-minimalist {
    width: 100%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #signature-minimalist {
    width: 100%;
    height: 568px;
    margin: 30px 0;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  #signature-minimalist {
    height: 530px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  #signature-minimalist {
    height: 320px;
  }
}

#signature-classic, #signature-nature {
  /*background: 0;*/
  /*top: 300%;*/
  margin-top: 100px;
  z-index: 80 !important;
  overflow: hidden;
  text-align: right;
  /*height: 700px;*/
  /*    border-top: 20px solid $darkGrey;
      border-bottom: 20px solid $darkGrey;*/
  /*box-shadow: 0px 2px 2px $darkGrey, 0px -2px 2px $darkGrey;*/
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22), 0 -1px 4px rgba(0, 0, 0, 0.22);
  height: 1000px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #signature-classic, #signature-nature {
    width: 100%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #signature-classic, #signature-nature {
    width: 100%;
    height: 568px;
    margin: 30px 0;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  #signature-classic, #signature-nature {
    height: 530px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  #signature-classic, #signature-nature {
    height: 320px;
  }
}

.panel {
  position: relative;
  margin: 100px auto 0;
  width: 80%;
  height: 768px;
  z-index: 10;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22), 0 -1px 4px rgba(0, 0, 0, 0.22);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .panel {
    width: 100%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .panel {
    width: 100%;
    height: 568px;
    margin: 30px 0;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  .panel {
    height: 530px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  .panel {
    height: 320px;
  }
}

 /*
.panel_img{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}*/
.panel_desc {
  box-sizing: border-box;
  /*padding: 250px 0;*/
  font-family: 'proxima_novalight',sans-serif;
  position: absolute;
  left: 25%;
  width: 33%;
  /*height: 100%;*/
  font-size: 18px;
  line-height: 30px;
  /*font-size: 20px;*/
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

#brushingPanel {
  background-image: url(../../img/production/backgrounds/brushing.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#brushingPanel .panel_desc {
  padding-top: 300px;
  /*width: 36%;*/
}

#cncPanel {
  background-image: url(../../img/production/backgrounds/cnc.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#cncPanel .panel_desc {
  color: white;
  left: 55%;
  text-align: right;
  padding-top: 500px;
}

#versatilePanel {
  background-image: url(../../img/production/backgrounds/versatility.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#versatilePanel .panel_desc {
  text-align: center;
  left: 30%;
  width: 40%;
  margin-top: 450px;
  color: white;
  padding: 20px;
  opacity: 0.4;
  border-radius: 15px;
}

#versatilePanel .panel_desc:hover {
  background: #d5ae91;
  opacity: 0.9;
}

#leatherPanel {
  background-image: url(../../img/production/backgrounds/leather.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#leatherPanel .panel_desc {
  left: 25%;
  margin-top: 250px;
  padding: 20px;
  /*text-shadow: 1px 1px #eee;*/
  /*background: white;*/
  border-radius: 15px;
  opacity: 0.4;
}

#leatherPanel .panel_desc:hover {
  background: white;
  opacity: 0.9;
}

#naturePanel {
  background-image: url(../../img/production/backgrounds/nature_slide.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#naturePanel .panel_desc {
  left: 25%;
  width: 50%;
  margin-top: 330px;
  padding: 20px;
  /*text-shadow: 1px 1px #eee;*/
  /*background: white;*/
  border-radius: 15px;
  opacity: 0.4;
}

#naturePanel .panel_desc:hover {
  color: #e2ad8d;
  background: #474240;
  opacity: 0.9;
}

#blackPanel {
  background-image: url(../../img/production/backgrounds/black_series.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#blackPanel .panel_desc {
  text-align: left;
  left: 25%;
  width: 50%;
  margin-top: 350px;
  padding: 20px;
  color: #c89f84;
  opacity: 0.4;
  border-radius: 15px;
}

#blackPanel .panel_desc:hover {
  background: black;
  opacity: 0.9;
}

#goldPanel {
  background-image: url(../../img/production/backgrounds/rosegold.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#goldPanel .panel_desc {
  text-align: center;
  left: 25%;
  width: 50%;
  margin-top: 330px;
  padding: 20px;
  color: #c89f84;
  opacity: 0.4;
  border-radius: 15px;
}

#goldPanel .panel_desc:hover {
  background: black;
  opacity: 0.9;
}

#review {
  padding: 50px 0;
  width: 100%;
  height: auto;
  background: white;
  text-align: center;
}

#review div {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

#review img {
  border-style: none;
}

.formDiv {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
}

.subEmail {
  font-size: 18px;
  padding-top: 5px;
}

.formDiv div {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  margin: 0 2px;
}

.footerSubscriptionBox {
  float: left;
  width: 200px;
  line-height: 30px;
  height: 30px;
}

.footerSubscribeButton {
  padding: 12px;
  width: 100px;
  border-radius: 10px;
  cursor: pointer;
  color: white;
  background: #024930;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  font-size: 0.6em;
}

#subscription {
  text-align: center;
  background: #333;
  color: white;
}
#subscription #subscription_text {
  width: 60%;
  margin: auto;
  padding: 200px 0 100px;
}
#subscription a {
  color: white;
}
#subscription #subscription_mobile_text {
  width: 100%;
  padding: 20px 0;
  font-size: 16px;
}
#subscription #subscriptionBox {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 100%;
  margin: auto;
  font-size: 20px;
  height: 25px;
}
#subscription div.options {
  margin: auto;
  display: inline-block;
  width: 25%;
  vertical-align: top;
}
#subscription div.options img {
  width: 100px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #subscription div.options {
    width: 75%;
  }
}
#subscription input[type=submit] {
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-style: none;
  height: 31px;
  background: #333;
  border: 4px double white;
  color: white;
  cursor: pointer;
  border-radius: none;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #subscription input[type=submit] {
    border: none;
  }
}

#story .panel_desc {
  left: 50%;
  width: 66%;
  margin-left: -33%;
  background: black;
  padding: 50px;
  height: auto;
  text-align: center;
  color: white;
  opacity: 0.7;
  bottom: 0;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #story .panel_desc {
    width: 100%;
    font-size: 16px;
    height: auto;
    left: 0;
    padding: 10px;
    background: white;
    color: black;
    opacity: 1;
  }
}

.footer {
  position: relative;
  z-index: 2;
  font-family: 'proxima_novalight', sans-serif;
  letter-spacing: 1px;
  width: 100%;
  font-size: 0;
  padding: 35px 0 50px 0;
  margin: 10px 0 10px 0;
  min-width: 1280px;
}

.footer-column {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  width: 15%;
  max-width: 210px;
  font-size: 16px;
  text-align: left;
  padding: 0 30px;
}

.footer-column—last {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  width: 38%;
  font-size: 16px;
  text-align: left;
  padding: 0px;
  text-align: right;
}

.footer-header {
  padding: 10px 0;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}

.footer-entry {
  padding: 5px 0;
  font-size: 14px;
  text-decoration: none;
}

.footer-entry a:hover {
  color: #3A574D;
}

.footer a {
  text-decoration: none;
  color: black;
}

.footer a:hover {
  text-decoration: none;
  color: #3A574D;
}

#homeFooter {
  font-size: 18px;
  margin-top: 100px;
  padding: 100px 0;
  width: 100%;
  background: black;
  /*height: 700px;*/
  position: relative;
  z-index: 10;
  color: white;
  text-align: center;
}
#homeFooter div {
  display: inline-block;
}

#homeFooter a {
  display: block;
  /*margin: 50px;*/
  text-decoration: none;
  color: #fff;
}

#homeFooter a:hover {
  text-decoration: underline;
  color: #fff;
}

#sideButtons {
  position: relative;
  width: 450px;
  height: 540px;
  top: 250px;
  left: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 10;
  /*top: 400%*/
}

#brushingDesc {
  background: white;
  /*box-sizing: border-box;*/
  /*border: 4px double #333;*/
  height: 270px;
  width: 440px;
  text-align: left;
  position: relative;
  top: -170px;
  left: 20%;
  /*margin-left: -270px;*/
  z-index: 10;
  opacity: 0.9;
  font-size: 20px;
  line-height: 145%;
  padding: 20px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #brushingDesc {
    left: 25%;
    width: 270px;
  }
}

#slide5 {
  background-image: url(../../img/production/backgrounds/cnc_bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /*top: 500%;*/
}

#versatility {
  background-image: url(../../img/production/backgrounds/versatile.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /*top: 600%;*/
}

#slide10 {
  background-image: url(../../img/production/backgrounds/classic_family.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /*top: 700%;*/
}

#slide4 {
  background-image: url(../../img/production/backgrounds/craft_bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /*top: 800%;*/
}

#installation {
  background: url(../../img/production/backgrounds/versatile2.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /*top: 900%*/
}

#specifications {
  /*background: url(../../img/production/backgrounds/specs.jpg);*/
  /*background-size: cover;
  background-position: center;
  background-repeat: no-repeat;*/
  font-family: 'proxima_novalight',sans-serif;
  background: white;
  line-height: 140%;
  font-size: 18px;
  height: auto;
}
#specifications div {
  box-sizing: border-box;
  padding: 10px 50px;
  width: 100%;
  /*margin: auto;*/
}
#specifications .panelHeading {
  width: 100%;
  text-align: center;
  padding: 50px 0;
  font-size: 70px;
}
#specifications .panelSubheading {
  font-size: 25px;
  /*text-decoration: underline;*/
}
#specifications .panelText {
  box-sizing: border-box;
  margin: 0 20px;
  width: auto;
}

#slide6 {
  /*top: 1000%*/
}

#slide7 {
  background: #666;
  /*top: 1100%*/
}

#influencer {
  background-image: url(../../img/production/backgrounds/outreach.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /*top: 1200%*/
}

#influencer .panel_desc {
  position: absolute;
  left: 25%;
  top: 50%;
  width: 50%;
  text-align: center;
  /*color: #ccc;*/
}

#contactLink {
  color: white;
  padding: 10px;
  background: #333;
  text-decoration: none;
  border: 4px double white;
  position: relative;
  /*border-radius: 3px;*/
  /*box-shadow: 2px 2px 2px #333;*/
}

#story {
  background-image: url(../../img/production/backgrounds/story2.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /*top: 1400%*/
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #story {
    margin-top: 30px;
    background: none;
  }
}

#slide8 {
  background-image: url(../../img/production/backgrounds/story.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  top: 1500%;
}

#slide9 {
  background: #231f20;
  top: 1600%;
}

#quotes, #quotes2 {
  width: 80%;
  max-width: 100%;
}

#quotes img, #quotes2 img {
  display: inline-block;
}

#distributor_wrapper {
  width: 80%;
  padding: 100px 0;
  margin: auto;
  font-family: 'proxima_novalight', sans-serif;
  font-size: 20px;
  height: 700px;
}
#distributor_wrapper .title {
  font-size: 30px;
  padding: 20px 0;
}
#distributor_wrapper .subtitle {
  padding-top: 20px;
  font-size: 23px;
}
#distributor_wrapper .distributorText {
  width: 95%;
  margin: 10px auto;
}

#corporate {
  width: 80%;
  padding: 100px 0;
  margin: auto;
  font-family: 'proxima_novalight', sans-serif;
  font-size: 20px;
  line-height: 40px;
}
#corporate .corporateText {
  padding: 20px 0;
}
#corporate .title {
  font-size: 30px;
  padding: 20px 0;
}

#storyDesc {
  background: #231f20;
  border: 4px double #fff;
  color: #fff;
  width: 460px;
}

#versatileDesc {
  position: absolute;
  /*height: 330px;*/
  top: 0;
  right: 0;
  /*margin: -150px 0 0 75px;*/
  margin-right: 75px;
  width: 320px;
  /*border: 4px double #2f1c0c;*/
  color: #000;
  /*opacity: .9;*/
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

#leatherDesc {
  position: absolute;
  /*height: 330px;*/
  top: 50%;
  left: 0;
  margin: -185px 0 0 75px;
  width: 300px;
  border: 4px double #ff5000;
  color: #000;
  opacity: .7;
}

#cncDesc {
  position: absolute;
  /*height: 300px;*/
  top: 50%;
  right: 0;
  margin: -150px 75px 0 0;
  width: 320px;
  /*border: 4px double #666;*/
  color: white;
  height: 100%;
  background: black;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

#roseGoldDesc {
  position: absolute;
  /*height: 430px;*/
  top: 50%;
  right: 0;
  margin: -260px 75px 0 0;
  width: 400px;
  border: 4px double #d6a787;
  color: #d6a787;
  background: #333;
}

.signature-description-title {
  color: #000;
  font-size: 20px;
  text-align: center;
  padding: 20px 0;
}

.signature-description-text {
  color: #000;
  font-size: 20px;
  text-align: center;
}

#signature-minimalist-wrapper, #signature-classic-wrapper {
  height: 400px;
  padding: 15px;
  border: 4px double #d3d4d5;
  position: relative;
  top: 150px;
}

#signature-minimalist-heading, #signature-classic-heading {
  position: relative;
  top: -10px;
  text-align: center;
  padding-bottom: 5px;
  color: #444;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #signature-minimalist-heading {
    top: -100px !important;
    width: 100%;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #signature-minimalist-heading {
    top: -200px !important;
    color: #444;
    font-size: 30px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #signature-minimalist-heading {
    width: 100%;
    text-align: center;
    /*top: 15px;*/
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #signature-classic-heading, #signature-nature-heading {
    top: -200px !important;
    color: #444;
    font-size: 30px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #signature-classic-heading, #signature-nature-heading {
    top: -100px !important;
    width: 100%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #signature-classic-heading, #signature-nature-heading {
    width: 100%;
    text-align: center;
    /*top: 15px;*/
  }
}

#signature-minimalist-subtitle, #signature-classic-subtitle, #signature-nature-subtitle {
  font-size: 14px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #signature-minimalist-subtitle, #signature-classic-subtitle, #signature-nature-subtitle {
    font-size: 25px;
  }
}

#signature-minimalist-price, #signature-classic-price, #signature-nature-price {
  text-align: center;
  position: relative;
  top: -17px;
  color: #000;
  width: 150px;
  margin: auto;
  font-size: 30px;
}
#signature-minimalist-price div, #signature-classic-price div, #signature-nature-price div {
  font-size: 20px;
  color: #900000;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #signature-minimalist-price, #signature-classic-price, #signature-nature-price {
    top: -100px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #signature-minimalist-price, #signature-classic-price, #signature-nature-price {
    top: -200px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  #signature-minimalist-price, #signature-classic-price, #signature-nature-price {
    top: -35px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #signature-nature-price {
    top: 0 !important;
  }
}

#signature-minimalist-color, #signature-classic-color, #signature-nature-color {
  width: 330px;
  text-align: center;
  margin: auto;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #signature-minimalist-color, #signature-classic-color, #signature-nature-color {
    width: 100px !important;
    position: absolute;
    right: 0;
    top: 20%;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #signature-minimalist-color, #signature-classic-color, #signature-nature-color {
    /*position: absolute;
    top: -250px !important;
    left: -732px;
    width: 100px;*/
    right: 0;
    position: absolute;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #signature-minimalist-color, #signature-classic-color, #signature-nature-color {
    position: absolute;
    width: 50px;
    top: 150px;
    right: 0;
  }
}

#signature-minimalist-color {
  width: 220px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #signature-minimalist-color {
    width: 50px !important;
  }
}

.signature-minimalist-pallet, .signature-classic-pallet, .signature-nature-pallet {
  display: inline-block;
  zoom: 1;
  *display: inline;
  cursor: pointer;
  height: 100px !important;
  width: 100px !important;
  position: relative;
  z-index: 9999;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .signature-minimalist-pallet, .signature-classic-pallet, .signature-nature-pallet {
    float: left;
    height: 50px !important;
    width: 50px !important;
  }
}

.classicInfo, .minInfo, .natureInfo {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  opacity: 0;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .classicInfo, .minInfo, .natureInfo {
    opacity: 1;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .classicInfo, .minInfo, .natureInfo {
    opacity: 1;
  }
}

#pallet_min1 {
  background: url(../../img/production/assets/colorSprite.jpg);
  background-position: 0 800px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #pallet_min1 {
    background: url(../../img/production/assets/colorSprite2.jpg);
    background-position: 0 400px;
  }
}

#pallet_min2 {
  background: url(../../img/production/assets/colorSprite.jpg);
  background-position: 0 700px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #pallet_min2 {
    background: url(../../img/production/assets/colorSprite2.jpg);
    background-position: 0 350px;
  }
}

#pallet_min3 {
  background: url(../../img/production/assets/colorSprite.jpg);
  background-position: 0 600px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #pallet_min3 {
    background: url(../../img/production/assets/colorSprite2.jpg);
    background-position: 0 300px;
  }
}

#pallet_min4 {
  background: url(../../img/production/assets/colorSprite.jpg);
  background-position: 0 1300px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #pallet_min4 {
    background: url(../../img/production/assets/colorSprite2.jpg);
    background-position: 0 650px;
  }
}

#pallet_class1 {
  background: url(../../img/production/assets/colorSprite.jpg);
  background-position: 0 500px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #pallet_class1 {
    background: url(../../img/production/assets/colorSprite2.jpg);
    background-position: 0 250px;
  }
}

#pallet_class2 {
  background: url(../../img/production/assets/colorSprite.jpg);
  background-position: 0 400px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #pallet_class2 {
    background: url(../../img/production/assets/colorSprite2.jpg);
    background-position: 0 200px;
  }
}

#pallet_class3 {
  background: url(../../img/production/assets/colorSprite.jpg);
  background-position: 0 300px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #pallet_class3 {
    background: url(../../img/production/assets/colorSprite2.jpg);
    background-position: 0 150px;
  }
}

#pallet_class4 {
  background: url(../../img/production/assets/colorSprite.jpg);
  background-position: 0 200px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #pallet_class4 {
    background: url(../../img/production/assets/colorSprite2.jpg);
    background-position: 0 100px;
  }
}

#pallet_class5 {
  background: url(../../img/production/assets/colorSprite.jpg);
  background-position: 0 100px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #pallet_class5 {
    background: url(../../img/production/assets/colorSprite2.jpg);
    background-position: 0 50px;
  }
}

#pallet_class6 {
  background: url(../../img/production/assets/colorSprite.jpg);
  background-position: 0 1400px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #pallet_class6 {
    background: url(../../img/production/assets/colorSprite2.jpg);
    background-position: 0 700px;
  }
}

#pallet_nature1 {
  background: url(../../img/production/assets/colorSprite.jpg);
  background-position: 0 1200px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #pallet_nature1 {
    background: url(../../img/production/assets/colorSprite2.jpg);
    background-position: 0 600px;
  }
}

#pallet_nature2 {
  background: url(../../img/production/assets/colorSprite.jpg);
  background-position: 0 1100px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #pallet_nature2 {
    background: url(../../img/production/assets/colorSprite2.jpg);
    background-position: 0 550px !important;
  }
}

#pallet_nature3 {
  background: url(../../img/production/assets/colorSprite.jpg);
  background-position: 0 1000px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #pallet_nature3 {
    background: url(../../img/production/assets/colorSprite2.jpg);
    background-position: 0 500px !important;
  }
}

#pallet_nature4 {
  background: url(../../img/production/assets/colorSprite.jpg);
  background-position: 0 900px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #pallet_nature4 {
    background: url(../../img/production/assets/colorSprite2.jpg);
    background-position: 0 450px !important;
  }
}

#pallet_nature5 {
  background: url(../../img/production/assets/colorSprite.jpg);
  background-position: 0 1500px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #pallet_nature5 {
    background: url(../../img/production/assets/colorSprite2.jpg);
    background-position: 0 750px !important;
  }
}

#signature-minimalist-colorText, #signature-classic-colorText, #signature-nature-colorText {
  position: relative;
  top: 20px;
  padding-bottom: 20px;
}

#signature-minimalist-description, #signature-classic-description, #signature-nature-description {
  position: relative;
  top: 10px;
  font-size: 17px;
  text-align: center;
  padding: 20px 0;
  color: #333;
}

#signature-minimalist-addCart, #signature-classic-addCart, #signature-nature-addCart, #nature-sold-out, #shipping-addCart {
  box-sizing: border-box;
  margin: auto;
  width: 50%;
  cursor: pointer;
  font-size: 17px;
  border-radius: 3px;
  background: #ddd;
  text-align: center;
  padding: .5em 1em;
  color: #000;
  text-decoration: none;
  -webkit-transition: background .2s ease-out;
  -moz-transition: background .2s ease-out;
  -o-transition: background .2s ease-out;
  transition: background .2s ease-out;
  box-shadow: 1px 1px 2px #666;
  font-family: "proxima_novalight", sans-serif;
  letter-spacing: 1px;
}

#nature-sold-out {
  display: none;
  background: #c21f1d !important;
  color: white !important;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #signature-minimalist-addCart {
    width: 200px;
    position: absolute;
    bottom: -225px;
    left: 50%;
    margin-left: -100px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #signature-minimalist-addCart {
    bottom: -150px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #signature-minimalist-addCart {
    bottom: -250px;
    position: relative;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #signature-classic-addCart, #signature-nature-addCart {
    width: 200px;
    position: absolute;
    bottom: -100px;
    left: 50%;
    margin-left: -100px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #signature-classic-addCart, #signature-nature-addCart {
    bottom: -300px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #signature-classic-addCart, #signature-nature-addCart {
    bottom: -250px;
    position: relative;
  }
}

.no-touch #signature-minimalist-addCart:hover, .no-touch #signature-classic-addCart:hover, .no-touch #signature-nature-addCart:hover {
  background: #aaa;
}

#min-slides {
  z-index: 95;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  font-size: 0;
  -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);
  -webkit-transition: all 1.4s ease-out;
  -moz-transition: all 1.4s ease-out;
  -ms-transition: all 1.4s ease-out;
  -o-transition: all 1.4s ease-out;
  transition: all 1.4s ease-out;
}

.min-slide {
  width: 100%;
  height: 100%;
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-size: cover;
  background-position: center;
}

.animate {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

#minimalist_main_panel, #classic_main_panel, #nature_main_panel {
  height: 680px;
  margin-top: -355px;
  top: 50%;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #minimalist_main_panel, #classic_main_panel, #nature_main_panel {
    top: 100px;
  }
}

/*#minimalist_main_panel {
    height: 520px;
    margin-top: -275px;
    top: 50%;
    @media only screen and (min-device-width : 768px) and (max-device-width :1024px) {
        top: 150px;
    }
}*/
#minimalist_main_panel, #classic_main_panel, #nature_main_panel {
  display: none;
  opacity: 0;
  color: #333;
  width: 330px;
  background: 0;
  z-index: 100;
  margin-right: 75px;
  right: 0;
  padding: 25px 5px;
  width: 330px;
  /*max-width: 60%;*/
  text-align: center;
  line-height: 30px;
  font-size: 20px;
  /*color: #024930;*/
  /*opacity: .95;*/
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  position: absolute;
  border-radius: 10px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #minimalist_main_panel, #classic_main_panel, #nature_main_panel {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    background: none;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #minimalist_main_panel, #classic_main_panel, #nature_main_panel {
    width: 100%;
    box-sizing: border-box;
    margin: 0 !important;
    background: none;
    top: 0 !important;
    height: 100% !important;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  #minimalist_main_panel, #classic_main_panel, #nature_main_panel {
    top: -25px !important;
  }
}

.no-touch #minimalist_main_panel:hover, .no-touch #classic_main_panel:hover, .no-touch #nature_main_panel:hover {
  background: rgba(255, 255, 255, 0.9);
}

#minslides, #classicSlides, #natureSlides {
  width: 500%;
  height: 100%;
  position: absolute;
  top: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  -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);
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -ms-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}

#natureSlides {
  width: 600% !important;
}

#classicSlides {
  width: 700% !important;
}

#minslides li {
  width: 20%;
}

#classicSlides li {
  width: 14.28571%;
}

#natureSlides li {
  width: 16.6666%;
}

#minslides li, #classicSlides li, #natureSlides li {
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  z-index: inherit;
  position: relative;
}

#minimal-slide-0 {
  background: url(../../img/production/backgrounds/minimalist_intro.jpg);
  background-color: #f6f6f6;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

#minimal-slide-1 {
  background: url(../../img/production/backgrounds/min1.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#minimal-slide-2 {
  background: url(../../img/production/backgrounds/min2.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#minimal-slide-3 {
  background: url(../../img/production/backgrounds/min3.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#minimal-slide-4 {
  background: url(../../img/production/backgrounds/min4.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#classic-slide-0 {
  background: url(../../img/production/backgrounds/classic_intro.jpg);
  background-color: #f6f6f6;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

#classic-slide-1 {
  background: url(../../img/production/backgrounds/classic1.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#classic-slide-2 {
  background: url(../../img/production/backgrounds/classic2.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#classic-slide-3 {
  background: url(../../img/production/backgrounds/classic3.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#classic-slide-4 {
  background: url(../../img/production/backgrounds/classic4.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#classic-slide-5 {
  background: url(../../img/production/backgrounds/classic5.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#classic-slide-6 {
  background: url(../../img/production/backgrounds/classic6.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#nature-slide-0 {
  background: url(../../img/production/backgrounds/nature_intro.jpg);
  background-color: #f6f6f6;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

#nature-slide-1 {
  background: url(../../img/production/backgrounds/nature1.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#nature-slide-2 {
  background: url(../../img/production/backgrounds/nature2.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#nature-slide-3 {
  background: url(../../img/production/backgrounds/nature3.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#nature-slide-4 {
  background: url(../../img/production/backgrounds/nature4.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#nature-slide-5 {
  background: url(../../img/production/backgrounds/nature5.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#minimalist_zoom, #nature_zoom {
  display: none;
  opacity: 0;
  position: absolute;
  /*height: 100px;
  width: 500px;*/
  height: 500px;
  width: 100px;
  top: 50%;
  margin-top: -250px;
  left: 0;
  /*bottom: 0;*/
  background: #fff;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  z-index: 300;
  cursor: pointer;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #minimalist_zoom, #nature_zoom {
    height: 500px;
    width: 100px;
    left: 0;
    bottom: 95px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #minimalist_zoom, #nature_zoom {
    height: 250px;
    width: 50px;
    margin-top: -125px;
  }
}

#classic_zoom {
  display: none;
  opacity: 0;
  position: absolute;
  height: 500px;
  width: 100px;
  /*bottom: 0;*/
  left: 0;
  top: 50%;
  margin-top: -250px;
  background: #fff;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  z-index: 300;
  cursor: pointer;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #classic_zoom {
    height: 500px;
    width: 100px;
    left: 0;
    bottom: 95px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #classic_zoom {
    height: 250px;
    width: 50px;
    margin-top: -125px;
  }
}

#minimalist_zoom_close, #nature_zoom_close {
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0;
  bottom: 0;
  text-align: center;
  font-size: 25px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  #minimalist_zoom_close, #nature_zoom_close {
    right: 200px;
    bottom: -10px;
  }
}

#classic_zoom_close {
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0;
  bottom: 0;
  text-align: center;
  font-size: 25px;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  #classic_zoom_close {
    right: 200px;
    bottom: -10px;
  }
}

.class_preview, .minimalist_preview, .nature_preview {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100px;
  width: 100px;
  z-index: 500;
  -webkit-transition: all .7s ease-out;
  -moz-transition: all .7s ease-out;
  -ms-transition: all .7s ease-out;
  -o-transition: all .7s ease-out;
  transition: all .7s ease-out;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .class_preview, .minimalist_preview, .nature_preview {
    height: 50px !important;
    width: 50px !important;
  }
}

#classic_zoom_area, #minimalist_zoom_area, #nature_zoom_area {
  position: absolute;
  height: 0;
  width: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  left: 100px;
}

#minimalist_preview1 {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100px;
  width: 100px;
  z-index: 500;
  background: url(../../img/production/assets/products/min1_icon.jpg);
}

#minimalist_preview2 {
  /*left: 100px;
  bottom: 0;*/
  left: 0;
  bottom: 100px;
  height: 100px;
  width: 100px;
  z-index: 500;
  background: url(../../img/production/assets/products/min2_icon.jpg);
  background-position: 0 -200px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #minimalist_preview2 {
    left: 0;
    bottom: 100px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #minimalist_preview2 {
    left: 0;
    bottom: 50px;
  }
}

#minimalist_preview3 {
  /*left: 200px;
  bottom: 0;*/
  left: 0;
  bottom: 200px;
  height: 100px;
  width: 100px;
  z-index: 500;
  background: url(../../img/production/assets/products/min3_icon.jpg);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #minimalist_preview3 {
    left: 0;
    bottom: 200px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #minimalist_preview3 {
    left: 0;
    bottom: 100px;
  }
}

#minimalist_preview4 {
  /*left: 300px;
  bottom: 0;*/
  left: 0;
  bottom: 300px;
  height: 100px;
  width: 100px;
  z-index: 500;
  background: url(../../img/production/assets/products/min4_icon.jpg);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #minimalist_preview4 {
    left: 0;
    bottom: 300px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #minimalist_preview4 {
    left: 0;
    bottom: 150px;
  }
}

#minimalist_preview5 {
  /*left: 400px;
  bottom: 0;*/
  left: 0;
  bottom: 400px;
  height: 100px;
  width: 100px;
  z-index: 500;
  background: url(../../img/production/assets/products/specs1_icon.jpg);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #minimalist_preview5 {
    left: 0;
    bottom: 400px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #minimalist_preview5 {
    left: 0;
    bottom: 200px;
  }
}

#classic_preview1 {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100px;
  width: 100px;
  z-index: 500;
  background: url(../../img/production/assets/products/class1_icon.jpg);
}

#classic_preview2 {
  left: 0;
  bottom: 100px;
  height: 100px;
  width: 100px;
  z-index: 500;
  background: url(../../img/production/assets/products/class2_icon.jpg);
  background-position: 0 -400px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #classic_preview2 {
    left: 0;
    bottom: 100px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #classic_preview2 {
    left: 0;
    bottom: 50px;
  }
}

#classic_preview3 {
  left: 0;
  bottom: 200px;
  height: 100px;
  width: 100px;
  z-index: 500;
  background: url(../../img/production/assets/products/class3_icon.jpg);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #classic_preview3 {
    left: 0;
    bottom: 200px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #classic_preview3 {
    left: 0;
    bottom: 100px;
  }
}

#classic_preview4 {
  left: 0;
  bottom: 300px;
  height: 100px;
  width: 100px;
  z-index: 500;
  background: url(../../img/production/assets/products/class4_icon.jpg);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #classic_preview4 {
    left: 0;
    bottom: 300px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #classic_preview4 {
    left: 0;
    bottom: 150px;
  }
}

#classic_preview5 {
  left: 0;
  bottom: 400px;
  height: 100px;
  width: 100px;
  z-index: 500;
  background: url(../../img/production/assets/products/class5_icon.jpg);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #classic_preview5 {
    left: 0;
    bottom: 400px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #classic_preview5 {
    left: 0;
    bottom: 200px;
  }
}

#nature_preview1 {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100px;
  width: 100px;
  z-index: 500;
  background: url(../../img/production/assets/products/nature1_icon.jpg);
}

#nature_preview2 {
  /*left: 100px;
  bottom: 0;*/
  left: 0;
  bottom: 100px;
  height: 100px;
  width: 100px;
  z-index: 500;
  background: url(../../img/production/assets/products/nature2_icon.jpg);
  background-position: 0 -300px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #nature_preview2 {
    left: 0;
    bottom: 100px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #nature_preview2 {
    left: 0;
    bottom: 50px;
  }
}

#nature_preview3 {
  /*left: 200px;
  bottom: 0;*/
  left: 0;
  bottom: 200px;
  height: 100px;
  width: 100px;
  z-index: 500;
  background: url(../../img/production/assets/products/nature3_icon.jpg);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #nature_preview3 {
    left: 0;
    bottom: 200px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #nature_preview3 {
    left: 0;
    bottom: 100px;
  }
}

#nature_preview4 {
  /*left: 300px;
  bottom: 0;*/
  left: 0;
  bottom: 300px;
  height: 100px;
  width: 100px;
  z-index: 500;
  background: url(../../img/production/assets/products/nature4_icon.jpg);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #nature_preview4 {
    left: 0;
    bottom: 300px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #nature_preview4 {
    left: 0;
    bottom: 150px;
  }
}

#nature_preview5 {
  /*left: 400px;
  bottom: 0;*/
  left: 0;
  bottom: 400px;
  height: 100px;
  width: 100px;
  z-index: 500;
  background: url(../../img/production/assets/products/nature5_icon.jpg);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #nature_preview5 {
    left: 0;
    bottom: 400px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #nature_preview5 {
    left: 0;
    bottom: 200px;
  }
}

#pinboard {
  margin: auto;
  text-align: center;
  width: 100%;
  background: url(../../img/production/backgrounds/style_bg3.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#pinboard > span {
  margin: 20px !important;
}

#buffer {
  padding-top: 120px;
}

#intro {
  padding-top: 200px;
  background: 0;
  line-height: 70px;
  color: #fff;
}

#addressFormWrapper {
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 10px;
  width: 80%;
  background: white;
  /*border-radius: 16px;*/
}

#addressSection {
  background: url(../../img/production/backgrounds/checkout1.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#summaryBlock {
  background: url(../../img/production/backgrounds/thanks.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 700px;
}

#summaryWrapper {
  height: 380px;
  width: 50%;
  margin: 0 auto;
  padding: 100px 0;
  background: white;
  color: #024930;
  border-radius: 16px;
  text-align: center;
}

#thank_you_note {
  font-size: 50px;
  font-family: 'Proxima Nova', sans-serif;
  color: #000;
  letter-spacing: 2px;
  padding: 25px;
}

#shippingInfo, #billingInfo {
  float: left;
  width: 50%;
}

#shippingInfo div, #billingInfo div {
  height: 40px;
}

#shippingInfo .input, #billingInfo .input, #userInfo {
  clear: both;
}

#userInfo div {
  width: 100%;
}

#addressFormWrapper label {
  font-size: 16px;
  padding-top: 7px;
}

#shippingInfo div label, #billingInfo div label, #userInfo div label {
  width: 40%;
  float: left;
}

#shippingInfo div input[type=text], #shippingInfo div input[type=email], #billingInfo div input[type=email], #shippingInfo div select, #shippingInfo div textarea, #billingInfo div input[type=text], #billingInfo div select, #billingInfo div textarea, #userInfo div input {
  float: left;
  height: 25px;
  width: 50%;
  font-size: 14px;
}

#shippingInfo div textarea, #billingInfo div textarea {
  height: 50px;
}

#shippingInfo .textarea, #billingInfo .textarea {
  height: 70px;
}

#checkout_share_link {
  cursor: pointer;
  padding: 6px 10px;
  background: #3b5997;
  height: 40px;
  width: 150px;
  margin: auto;
  text-decoration: none;
  color: #fff;
  font-size: 17px;
  border-radius: 4px;
}

.no-touch #checkout_share_link:hover {
  background: #3b77cb;
}

#addressSubmitButton {
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  margin: 15px 5px 5px 0;
  padding: 10px 50px;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: 2px;
  border: 2px solid #111;
  background: #111;
  color: #f8f8f8;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.15)), color-stop(1, rgba(0, 0, 0, 0.1)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.01));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.01));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.01));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.01));
  -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4) inset, -1px -1px 0 rgba(255, 255, 255, 0.4) inset, 1px 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4) inset, -1px -1px 0 rgba(255, 255, 255, 0.4) inset, 1px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4) inset, -1px -1px 0 rgba(255, 255, 255, 0.4) inset, 1px 0 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.no-touch #addressSubmitButton:hover {
  color: #fff;
}

label.error {
  display: none !important;
}

input.error {
  border: 1px dotted red;
}

#confirmTitle {
  padding-top: 5px;
  margin: auto;
  text-align: left;
  background: #024930;
  color: white;
  padding-left: 60px;
}

#confirmItems {
  width: 85%;
  margin: auto;
  background: #024930;
  color: white;
  text-align: center;
  /*margin-top: 100px;*/
  padding-bottom: 40px;
}

#cartList {
  -webkit-appearance: none;
  overflow: auto;
  height: 300px;
  font-size: 0.8em;
}

.cartTitles {
  box-sizing: border-box;
  border-bottom: 1px solid white;
}

#confirmAddress {
  text-align: left;
  font-size: 20px;
  line-height: 35px;
}

#confirmWrapper {
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  position: relative;
  padding-top: 100px;
  top: 0;
  width: 100%;
}

#confirmFormWrapper {
  position: relative;
  width: 85%;
  margin: 0 auto;
  background: white;
  text-align: center;
}
#confirmFormWrapper > div {
  padding-top: 25px;
  font-family: 'proxima_novalight', sans-serif;
  font-size: 40px;
  width: 560px;
  margin: auto;
  text-align: left;
  padding-left: 50px;
}

#freeCheckout {
  text-align: center !important;
  padding-left: 0 !important;
  padding: 50px 0;
}
#freeCheckout input {
  font-family: 'proxima_novalight', sans-serif;
  letter-spacing: 1px;
  background: #024930;
  /*width: 250px;
  height: 35px;*/
  font-size: 20px;
  padding: 15px 20px;
  color: white;
  border-radius: 8px;
}

#ppiframe {
  height: 460px;
  width: 560px;
  border-style: none;
}

#confirmSummary {
  box-sizing: border-box;
  background: white;
  width: 85%;
  margin: 0 auto;
  text-align: center;
  padding: 30px 20px;
  border-bottom: 40px solid #024930;
}
#confirmSummary > div {
  display: inline-block;
  width: 40%;
}

.confirmSummaryRow {
  text-align: right;
  margin: auto;
  width: 100%;
}
.confirmSummaryRow div {
  display: inline-block;
  padding: 15px 5px;
}

.confirmItemRow {
  width: 100%;
}

.confirmItemRow div {
  padding: 15px 5px;
}

.confirmItemName {
  text-align: center;
  width: 25%;
}

.confirmItemDesc {
  text-align: center;
  width: 40%;
}

.confirmItemQuantity {
  text-align: center;
  width: 10%;
}

.confirmItemSubtotal {
  text-align: center;
  width: 10%;
}

.confirmItemRow div {
  display: inline-block;
}

#collection-tab-close {
  position: absolute;
  text-align: center;
  cursor: pointer;
  right: 10px;
  top: 10px;
  width: 50px;
  height: 50px;
  font-size: 35px;
  color: #fff;
  z-index: 150;
}

/*.addthis_toolbox{
    margin:10px auto; 
    width: 110px;
    position: fixed;
    top: 10px;
    right: 0;
    z-index: 9999;

    @media only screen and (min-device-width : 768px) and (max-device-width :1024px) {
        position: absolute;
    }

    @media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
        position: absolute;

    }
}*/
#autograph_shipping {
  padding-top: 80px;
  color: #660000;
}

#main-slider {
  /*padding-top: 90px;*/
  padding-top: 75px;
  width: 100%;
  min-height: 550px;
  height: 100%;
}

.homePanelWrapper {
  width: 100%;
  font-size: 0;
}

.homePanel {
  font-size: 14px;
  width: 100%;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  height: 150px;
  text-align: center;
}

.homeSub {
  background-color: black;
}

.panelHeading {
  /*display: inline;*/
  font-size: 25px;
  letter-spacing: 2px;
  font-weight: bold;
  color: white;
  margin: 10px auto;
}

.panelDescription {
  /*display: inline;*/
  font-size: 13px;
  color: #e6e6e6;
  margin: 15px auto;
}

.fb_share {
  background-color: #3b5997;
}

.social div {
  min-height: 25px;
  min-width: 25px;
  text-align: center;
  vertical-align: top;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

#social_ig {
  background: url(../../img/production/assets/icons/ig_link.png);
}

#social_fb {
  background: url(../../img/production/assets/icons/fb_link.png);
}

#social_ig:hover, #social_fb:hover, #social_tw:hover, #social_press:hover, #social_pin:hover, #social_mail:hover, #social_fancy:hover {
  background-position: 0 -25px;
}

#social_small_mail:hover {
  background-position: 0 -30px;
}

#social_tw {
  background: url(../../img/production/assets/icons/tw_link.png);
}

#social_press {
  background: url(../../img/production/assets/icons/press_link.png);
}

#social_pin {
  background: url(../../img/production/assets/icons/pin_link.png);
}

#social_fancy {
  background: url(../../img/production/assets/icons/fancy_link.png);
}

#social_mail {
  background: url(../../img/production/assets/icons/mail_link.png);
}

#footerBlock {
  background: 0;
  color: #fff;
  line-height: 50px;
  text-decoration: none;
}

#footerBlock a {
  text-decoration: none;
  color: #fff;
}

#footerBlock a:hover {
  text-decoration: underline;
  color: #fff;
}

#spinnerWrapper {
  position: absolute;
  height: 450px;
  width: 700px !important;
  z-index: 1000;
  text-align: center;
  color: #000;
  background: #024930;
  top: 80px !important;
  left: 50% !important;
  margin-left: -350px !important;
  padding: 0 !important;
}

#spinnerMainWrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000;
  text-align: center;
}

div.spinnerText {
  position: absolute;
  top: 50%;
  margin: -140px auto 0 auto;
  width: 100%;
}

div.spinner {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 54px;
  height: 54px;
  margin-top: -27px;
  margin-left: -27px;
}

div.spinner div {
  width: 3%;
  height: 26%;
  background: #ddd;
  position: absolute;
  left: 44.5%;
  top: 37%;
  opacity: 0;
  -webkit-animation: fade 1s linear infinite;
  -webkit-border-radius: 50px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

div.spinner div.bar1 {
  -webkit-transform: rotate(0deg) translate(0, -142%);
  -webkit-animation-delay: 0s;
}

div.spinner div.bar2 {
  -webkit-transform: rotate(30deg) translate(0, -142%);
  -webkit-animation-delay: -.9167s;
}

div.spinner div.bar3 {
  -webkit-transform: rotate(60deg) translate(0, -142%);
  -webkit-animation-delay: -.833s;
}

div.spinner div.bar4 {
  -webkit-transform: rotate(90deg) translate(0, -142%);
  -webkit-animation-delay: -.75s;
}

div.spinner div.bar5 {
  -webkit-transform: rotate(120deg) translate(0, -142%);
  -webkit-animation-delay: -.667s;
}

div.spinner div.bar6 {
  -webkit-transform: rotate(150deg) translate(0, -142%);
  -webkit-animation-delay: -.5833s;
}

div.spinner div.bar7 {
  -webkit-transform: rotate(180deg) translate(0, -142%);
  -webkit-animation-delay: -.5s;
}

div.spinner div.bar8 {
  -webkit-transform: rotate(210deg) translate(0, -142%);
  -webkit-animation-delay: -.41667s;
}

div.spinner div.bar9 {
  -webkit-transform: rotate(240deg) translate(0, -142%);
  -webkit-animation-delay: -.333s;
}

div.spinner div.bar10 {
  -webkit-transform: rotate(270deg) translate(0, -142%);
  -webkit-animation-delay: -.25s;
}

div.spinner div.bar11 {
  -webkit-transform: rotate(300deg) translate(0, -142%);
  -webkit-animation-delay: -.1667s;
}

div.spinner div.bar12 {
  -webkit-transform: rotate(330deg) translate(0, -142%);
  -webkit-animation-delay: -.0833s;
}

.pressEntry {
  border-top: 30px solid #024930;
  margin-top: 50px;
  padding: 20px 30px;
}

.pressTitle {
  font-family: "proxima_novalight", sans-serif;
  font-size: 40px;
  line-height: 55px;
  padding: 30px 0;
  letter-spacing: 2px;
  /*margin: 30px;*/
}

.pressText, .pressLinks {
  font-family: sans-serif;
  font-size: 14px;
  line-height: 23px;
  color: #333;
}

.pressPic {
  padding: 50px 0;
  width: 100%;
}
.pressPic img {
  width: 100%;
}

#newsletterModal {
  font-size: 20px;
  background: #fff;
  color: #000;
  /*padding: 10px;*/
  text-align: left;
  height: 380px;
  max-height: 100%;
  width: 500px;
  position: fixed;
  left: 3000px;
  margin-left: -470px;
  z-index: 183;
  top: 60%;
  margin-top: -250px;
  border-radius: 6px;
  -webkit-transition: all .6s ease-out;
  -moz-transition: all .6s ease-out;
  -ms-transition: all .6s ease-out;
  -o-transition: all .6s ease-out;
  transition: all .6s ease-out;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #newsletterModal {
    box-sizing: border-box;
    width: 100%;
    height: 85%;
    top: 0;
    margin: 0;
    padding: 0;
  }
}

#chooseCountryModal {
  font-size: 20px;
  color: #000;
  position: fixed;
  left: 3000px;
  z-index: 200;
  top: 60%;
  margin-top: -250px;
  -webkit-transition: all .6s ease-out;
  -moz-transition: all .6s ease-out;
  -ms-transition: all .6s ease-out;
  -o-transition: all .6s ease-out;
  transition: all .6s ease-out;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #chooseCountryModal {
    box-sizing: border-box;
    width: 100%;
    height: 85%;
    top: 0;
    margin: 0;
    padding: 0;
  }
}

#cartModal {
  font-size: 20px;
  background: #fff;
  color: #000;
  /*padding: 10px;*/
  text-align: left;
  height: 700px;
  max-height: 100%;
  width: 1000px;
  position: fixed;
  left: 3000px;
  margin-left: -470px;
  z-index: 180;
  top: 40%;
  margin-top: -250px;
  border-radius: 6px;
  -webkit-transition: all .6s ease-out;
  -moz-transition: all .6s ease-out;
  -ms-transition: all .6s ease-out;
  -o-transition: all .6s ease-out;
  transition: all .6s ease-out;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  #cartModal {
    box-sizing: border-box;
    width: 100%;
    height: 85%;
    top: 0;
    margin: 0;
    padding: 0;
  }
}

.cartRow {
  width: 100%;
  padding: 15px 0;
}

#cartHeadings {
  height: 25px;
  margin: 30px 0 6px;
  border-bottom: 4px solid #333;
  font-family: bold;
}

.cartRow > div {
  padding: 10px 0;
}

.cartRow div, #cartHeadings div {
  float: left;
  text-align: left;
}

.cartRow .cartSubtract, .cartRow .cartAdd, .cartRow .cartProductQuantity {
  text-align: center;
}

#itemHeading, .cartProductName {
  width: 210px;
}

#styleHeading, .cartProductDescription {
  width: 100px;
}

#modelHeading, .cartModel {
  width: 150px;
}

.cartProductDescription {
  font-size: 17px;
}

#priceHeading, .cartProductPrice {
  width: 75px;
  margin-left: 10px;
}

#quantityHeading {
  width: 120px;
}

#embossHeading, .cartEmbossing {
  width: 100px;
  margin-left: 15px;
}

#subtotalHeading, .cartSubtotal {
  width: 100px;
}

.cartProductQuantity {
  width: 48px;
}

.cartSubtract {
  width: 34px;
  cursor: pointer;
}

.cartAdd {
  width: 38px;
  cursor: pointer;
}

.cartRemove {
  width: 30px;
  cursor: pointer;
}

.cartInfo {
  margin-left: 630px;
  width: 300px;
  text-align: center;
  color: #660000;
}

.cartInfo div {
  float: left;
  width: 150px;
  text-align: left;
}

#cartClear {
  clear: both;
  /*    display: inline-block;
      *display: inline;
      zoom: 1;
      width: 32%;
      text-align: center;
      cursor: pointer;*/
}

#cartCheckout {
  color: white;
  background: #660000;
}

#cartCheckout:hover {
  background: #ae0000 !important;
}

#cartContinue {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 32%;
  text-align: center;
  cursor: pointer;
}

#cartInfoWrapper {
  text-align: right;
  clear: both;
  padding: 25px 0;
}

#cartShippingWrapper {
  padding-top: 50px;
}

#cartClose {
  position: absolute;
  text-align: center;
  cursor: pointer;
  right: 10px;
  top: 10px;
  width: 50px;
  height: 50px;
  font-size: 35px;
}

#cartTitle {
  position: absolute;
  top: 5px;
  left: 15px;
  padding: 15px;
  font-size: 22px;
}

#cartOptions {
  position: absolute;
  bottom: 25px;
  width: 100%;
  text-align: center;
}
#cartOptions div {
  display: inline-block;
  *display: inline;
  zoom: 1;
  /*width: 32%;*/
  text-align: center;
  cursor: pointer;
  margin: 0 30px;
  padding: 10px;
  border-radius: 4px;
  letter-spacing: 1px;
}

#cartOptions div:hover {
  background: #024930;
  color: #fff;
}

#cartWrapper {
  margin-top: 50px;
  margin-left: 20px;
  margin-right: 20px;
}

#shippingCountries {
  background: #f2f2f2;
  padding: 10px 0 100px;
  text-align: center;
  width: 100%;
}
#shippingCountries div img {
  width: 100%;
}
#shippingCountries .shippingText {
  text-align: left;
  width: 60%;
  min-width: 300px;
  margin: auto;
  font-family: 'proxima_novalight', sans-serif;
  font-size: 18px;
  line-height: 30px;
}

#shippingCountries table {
  width: 100%;
  border: 0;
  border-spacing: 0;
}

.buttonStyle {
  background: #333;
  color: white;
  text-decoration: none;
  padding: 10px 20px;
}
.buttonStyle a {
  color: white;
  text-decoration: none;
}

#lookbookQuote {
  font-family: 'proxima_novalight', sans-serif;
}

.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
  -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  -ms-transform: translateY(0) perspective(600px) rotateX(0);
  -o-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
}

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: .8;
}

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}

@-webkit-keyframes fade {
  from {
    opacity: 1;
  }

  to {
    opacity: .25;
  }
}
.mobileOnly {
  display: none;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .desktopOnly {
    display: none;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .desktopOnly {
    display: none !important;
  }

  .mobileHide {
    display: none !important;
  }

  .mobileOnly {
    display: block !important;
  }
}
#globalWarning {
  font-size: 14px;
  color: white;
  background: #660000;
  padding: 7px;
  z-index: 9999;
  width: 100%;
  text-align: center;
}

.autograph_reviews {
  width: 100%;
  font-size: 0;
}

.review_entry {
  width: 33%;
  margin: 10px 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
  text-align: center;
}

#autograph_gold_option_wrapper {
  position: relative;
  top: 130px;
  font-size: 15px;
}

shippingText
.main-slider-title {
  position: absolute;
  margin-top: 130px;
  margin-left: 135px;
}

.main-slider-title .deviceSelector a {
  line-height: 1.6em;
  font-size: 1em;
  color: #000;
  text-decoration: none;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.selectboxit-container .selectboxit {
  max-width: 155px;
}

.dropdown-menu {
  background-color: #f5f3f3;
}

.selectboxit-container .selectboxit-options {
  padding: 0px 0px 0px 0px;
  text-align: center;
}

.selectboxit-option-anchor {
  text-align: center;
}

.selectboxit-container span, .selectboxit-container .selectboxit-options a {
  display: inline-block;
}

.selectboxit .selectboxit-option-icon-container {
  text-align: center;
  float: center;
  margin-right: 20px;
}

#shippingCountries .shippingtable {
  text-align: left;
  padding: 50px 0px;
}

#shippingCountries .shippingtable .title span {
  text-align: center;
  display: inline-block;
}

#shippingCountries .shippingtable .sub-title span {
  width: 150px;
  display: inline-block;
  padding: 5px;
}

#shippingCountries .shippingtable .item span {
  width: 150px;
  display: inline-block;
  padding: 5px;
}

#shippingCountries .shippingtable .shipping_choose {
  text-align: right;
  margin-top: 30px;
}

#shippingCountries .shippingText {
  text-align: left;
  width: 80%;
  min-width: 300px;
  margin: auto;
  font-family: 'proxima_novalight', sans-serif;
  font-size: 18px;
  line-height: 30px;
}