/* ===================
    LESS Variables
   =================== */
/* ===================
    LESS Mixins
   =================== */
.column-break-before {
  -webkit-column-break-before: always;
  -moz-column-break-before: always;
  -o-column-break-before: always;
  -ms-column-break-before: always;
  column-break-before: always;
}
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   Modified by Neptune Web
   ========================================================================== */

* {
  margin:0px;
  padding:0px;
  border:0px;
}

html,
button,
input,
select,
textarea {
  color: #464547;
}
body {
  font-size: 1em;
  line-height: 1.4;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
img {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

select, textarea {
  border: 1px solid #00acc8;
}

input[type='password'] {
 border: 1px solid #00acc8; 
 padding: 2.5px 0px;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */
body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.wrapper {
  max-width: 1132px;
  margin: 0 auto;
}
.wrapper.no-max-width {
  max-width: none;
}
/* ===================
    General Theme
   =================== */
.title {
  float: left;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* ===============
    ALL: IE Fixes
   =============== */
.ie7 .title {
  padding-top: 20px;
}
/* ==========================================================================
   Parallax styles
   ========================================================================== */
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.home-header-slides {
  /*height: 70vh;*/
  height: 455px;
}
.home-header-slides .cycle-slideshow {
  width: 100%;
  height: 100%;
  min-width: 200px;
  margin: auto;
  padding: 0;
  position: relative;
}
.home-header-slides .cycle-slideshow > .slide {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: initial;
  background-size: cover;
}
.home-header-slides .cycle-slideshow > .slide > p {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  text-transform: uppercase;
  font-size: 3em;
  line-height: 1em;
  margin: 0;
  padding: 0;
}
.home-header-slides .cycle-slideshow > .controls {
  /*width:100%; position: absolute; left: 50%; top: 50%; .transform(translate(-50%, -50%)); z-index:101; font-size:3em; line-height:0em;*/
  z-index: 999;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  font-size: 3em;
}
.home-header-slides .cycle-slideshow > .controls > span {
  display: block;
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 100%;
  width: 5%;
  text-align: center;
  line-height: 70vh;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.home-header-slides .cycle-slideshow > .controls > span#prev {
  /*left:5%*/
}
.home-header-slides .cycle-slideshow > .controls > span#next {
  /*right:5%*/
  right: 0;
}
.home-header-slides .cycle-slideshow > .controls > span:hover {
  background: rgba(255, 255, 255, 0.5);
}

/*2018*/
.dvfaq-menu-title {
  padding:1em;
}

.header-container a:hover {
  text-decoration: underline;
}

.as_search {
  width:12px;
  height:12px;
  margin-left:20px;
}

.ubermenu-responsive-default.ubermenu {
  height:53px;
}

.ubermenu .ubermenu-target {
  padding-top:20px !important;
  padding-bottom:20px !important;
}

.wholesalers_btn {
  font-size: 0.8em;
  text-transform: uppercase;
  color: #00acc8;
  text-decoration: none;
  display: inline-block;
  padding:5px 20px;
  border-left:1px solid #eaeaea;
  margin-left:20px;
  height:45px;
  line-height: 33px;
}

.manufacturing_btn {
  font-size: 0.8em;
  text-transform: uppercase;
  color: #00acc8;
  text-decoration: none;
  display: inline-block;
  padding:5px 20px;
  border-left:1px solid #eaeaea;
}

@media screen and (max-width: 480px) {
  .wholesalers_btn, .manufacturing_btn {
    padding-left:0px;
    padding-right:0px;
    margin-left:10px;
    border:0px;
  }
}

.header-container .header-right {
  height:45px;
  line-height: 35px;
}

.home-header-slides > .controls {
  z-index: 999;
  width: 5%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1000;
  font-size: 3em;
}
.home-header-slides > .controls.controls-left {
    left: 0;
}
.home-header-slides > .controls.controls-right {
    right: 0;
}
.home-header-slides > .controls > span {
  display: block;
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  text-align: center;
  line-height: 22vw;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.home-header-slides > .controls > span#next {
  right: 0;
}
.home-header-slides > .controls > span:hover {
  background: rgba(255, 255, 255, 0.5);
}
.home-slides .wrapper {
    max-width: none;
}
/*.home-header-slides {
    height: 596px;
}*/

.searchbox {
  position:relative;
  z-index: 1;
  width:100%;
  background:white;
  height:45px;
  border-radius: 6px;
  margin-left:45px;
}


.home .searchbox {
  position:absolute;
  bottom:10px;
  z-index: 1;
  width:560px;
  left:50%;
  margin-left:-280px;
  background:white;
  height:45px;
  border-radius: 6px;
}

.searchbox #s {
  height:40px;
  width:402px;
  padding-left:10px;
  border:0px;
  border-radius: 6px;
  font-size: 1.5em;
  padding:0px 20px;
}

.searchbox #smt {
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #00aec7;
  color: #00aec7;
  cursor: pointer;
  font-size: 21px;
  height:36px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width:150px;
}

.searchbox #smt:hover {
  opacity: 0.8;
}


#videolightbox {
  display: none;
}

#shopnow {
  width: 100%;
}

.sn {
  max-width: 1100px; /*940px*/
  margin:0 auto;
  text-align: center;
  padding-top:2em;
  padding-bottom:1px;
}

.sn h2 {
  text-align: left;
  color:#00aec7;
  font-size: 2.25rem;
  padding-left:20px;
}

.sn-item {
  max-width: 12%;
  margin-right:10px;
  display: inline-block;
  text-align: left;
  margin-bottom:2em;
  border-radius:4px;
  vertical-align: top;
}

.sn-item h3 {
  font-size:1.35em;
  color:#00aec7;
}

.mim {
  max-width: 100%;
  height:auto;
  border-radius:4px;
}

.as_button {
  display: block;
  max-width: 500px;
  height:60px;
  text-align: center;
  line-height: 60px;
  /*background: #00aec7;*/
  border:1px solid #00aec7;
  text-transform: uppercase;
  color:#00aec7;
  font-size: 21px;
  border-radius: 4px;
  cursor:pointer;
  text-decoration: none;
}
.c_btn {
  margin-top:0em;
  margin-bottom:1em;
  background-color:#00aec7;
  border-radius: 4px;
  padding:10px;
  display: inline-block;
}
.c_btn .as_button {
  display: inline-block;
  color:white;
  height:40px;
  line-height: 40px;
  margin:5px 20px !important;
  padding:0px 40px !important;
}

.c_btn .audience_cta {
  font-size: 0.95em !important;
  border:1px solid #fff;
}

.as_button:hover {
  opacity:0.8; 
}

.sn .as_button {
  margin:0 auto;
  padding:2px 10px;
  margin-bottom:1em;
}

.sn .as_button .icon {
  display: inline-block;
  width:40px;
  height:40px;
  line-height: 40px;
  background: url('../img/as18/i1.png') top center no-repeat;
  background-size: 80%;
  vertical-align: middle;
}
#shipping {
  background: #00aec7;
}

.sh {
  max-width: 1200px;
  margin:0 auto;
}

.sh img {
  width:30%;
  padding:30px 10px;
}

.sh .lship {
  width:67%;
  display:inline-block;
  vertical-align: middle;
}


.sh .disc {
  /*width:43%;
  vertical-align: bottom;*/
  color:white;
  display: block;
  width:100%;
  margin-right:10px;
  font-size: 0.8em;
  padding-left:10px;
}

.sh .social img {
  
  height:20px;
  padding:2px;
}

.sh .social {
  width: 20%;
  display: inline-block;
  text-align: right;
  /*border-left:1px solid white;*/
  padding-top:0px;
  padding-bottom:20px;
  vertical-align: middle;
  min-width: 155px;
}
.sh .social .facebook, .sh .social .twitter, .sh .social .pinterest, .sh .social .instagram {
  width:20px;
  height:20px;
  margin-right:10px;
  display: inline-block;
}

#featured {
  width:100%;
  position:relative;
  padding-bottom:5em;
  /*background:url('../img/as18/orange.png') top center repeat-y;*/
}

#featured .fback, #family .fback {
  width:100%;
  height:100%;
  background-size: cover;
  opacity: 0.2;
  position:absolute;
  top:0px;
  left:0px;
  z-index: -1;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

#featured .left, .fg .left {
  width: 50%;
  opacity:1;
  display: inline-block;
  min-height: 300px;
  vertical-align: top;
  overflow-y: auto;
}

#featured .left .lcontent {
  max-width:500px;
  float:right;
  position: relative;
  margin-left:20px;
  margin-right:80px;
  margin-top:4em;
  margin-bottom:5em;
  color:#667;
  font-size: 1.425em;
  line-height: 1.7em;
}

.fg .left .lcontent {
  max-width:500px;
  float:right;
  position: relative;
  margin-left:20px;
  margin-right:80px;
  margin-top:0em;
  margin-bottom:0em;
  color:#667;
  font-size: 1.425em;
  line-height: 1.7em;
}


#featured .left .lcontent strong, .fg .left .lcontent strong {
  font-size: 0.875em;
  color: #333;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
}



#featured h2, .fg h2 {
  margin-top:0px;
  font-size: 2.25rem;
  line-height: 1em;
  font-weight: 700;
}

#featured .right, .fg .right {
  opacity:1;
  max-width: 50%;
  display: inline-block;
  min-height: 300px;
  vertical-align: top;
  overflow: auto;
}

#featured .right .rcontent, .fg .right .rcontent {
  max-width: 480px;
  float:left;
  position:relative;
  margin-left:100px;
  margin-right:40px;
  margin-top:4em;
  margin-bottom:5em;
}

.fg .right .rcontent img {
  max-width: 100%;
  border-radius: 6px;
  height:auto;
}

#featured .right .rcontent img {
  max-width: 100%;
  height: auto;
}

#featured .right .rcontent .nia, .fg .right .rcontent .nia {
  width:320px;
  height:260px;
  background:#333;
}

.nia span {
  display:block;
  padding-top:35%;
  position:relative;
  text-align: center;
}

.wg-video .nia {
  width:288px;
  height:162px;
  background:#333;
}

#family .nia {
  width:526px;
  height:283px;
  background: #333;
}

#audiences {
  width:100%;
  background: #b5b5b5;
}

#audiences .caudi {
  max-width: 1200px;
  margin:0 auto;
  text-align: center;
}

#audiences .caudi .citem {
  width:32%;
  height:200px;
  display:inline-block;
  vertical-align: top;
  background:#006270;
  text-align: center;
  position: relative;
  overflow: hidden;
}

#audiences .caudi .citem .citem-back {
  position:absolute;
  z-index: 0;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  overflow: hidden;
  text-align: center;
  top:0px;
  left:50%;
  margin-left:-216px;
}

#audiences .caudi .citem .citem-back img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  opacity:0.2;
  width:432px;
  display: block;
  text-align: center;
}

#audiences .caudi .citem a {
  width:90%;
  border:2px solid white;
  padding:15px 5px;
  color:white;
  display: block;
  text-align:center;
  margin:0 auto;
  margin-top:5.5em;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  border-radius: 6px;
  position:relative;
  z-index: 1;
}

#audiences .caudi .citem a:hover {
  background: #00bce1;
  opacity:0.8;
}

#full-graphics {
  width:100%;
  height:auto;
}

.fg {
  max-width: 1200px;
  margin:0 auto;
  padding-top:11em;
  padding-bottom:5em;
}


#wmg {
  width:100%;
  background:#00bce1;
  height:auto;
  padding-top:5px;
  padding-bottom:20px;
  margin-top:0px;
  position:relative;

}

#wmg::before {
  content:"";
  position: absolute;
  display: block;
  height:100px;
  width:100%;
  background: url('../img/as18/upper-lip-@2x.png') top center no-repeat;
  background-size: 100% 100px;
  top:-100px;
}

#wmg::after {
  content:"";
  position:absolute;
  display: block;
  height:100px;
  width:100%;
  background: url('../img/as18/bottom-lip-@2x.png') top center no-repeat;
  background-size: 100% 100px;
  bottom:-100px;
}

.wmgc {
  max-width: 1200px;
  margin:0 auto;
  /*min-height: 200px;*/
  padding-top:0px;
  padding-bottom:0em;
}

.wmgc h2 {
  text-align: center;
  font-size: 2.25rem;
  color:white;
  font-weight: 700;
}

.wmgc h2 strong {
  color:#01434e;
}

.wmgc .wg-content {
  margin-top:3em;
}

.wmgc .wg-content .wg-video {
  width:48%;
  text-align: right;
  position: relative;
  margin-right:40px;
  display: inline-block;
  vertical-align: top;
}

.wmgc .wg-content .wg-video img {
  max-width: 50%;
  border-radius: 6px;
  height: auto;
}

.wmgc .wg-content .scontent {
  width:40%;
  text-align: left;
  position: relative;
  margin-left:40px;
  display: inline-block;
  vertical-align: top;
  color:#fff;
  font-size: 1.3125em;
  line-height: 1.7em;
}

#family {
  width:100%;
  position:relative;
}

.fm {
  max-width: 1200px;
  height:auto;
  padding-top:3em;
  padding-bottom:3em;
  margin:0 auto;
}

.fml {
  width:46%;
  margin-right:20px;
  margin-left:20px;
  display: inline-block;
  vertical-align: top;
}

.fmr h2 {
  color:#00aec7;
  font-size: 2.25em;
  font-weight: 700;
}

.fmr p {
  font-size: 1.315em;
  line-height: 1.7em;
  color:#606060;
}

.fmr {
  width:42%;
  display: inline-block;
  vertical-align: top;
  margin-right:20px;
}

.fml img {
  border-top:20px solid #00aec7;
  border-bottom:20px solid #00aec7;
  border-radius: 6px;
  max-width: 100%;
  height:auto;
}

@media screen and (max-width: 1024px) {
  .fg .right {
    
    width:50%;
    text-align: center;
  }

  .fg .left .lcontent {
    width:90%;
    margin-right:10px;
  }

  .fg .right .rcontent {
    margin-left:10px;
    max-width:initial;
  }

  #featured .right .rcontent .nia, .fg .right .rcontent .nia {
    display: inline-block;
    width:300px;
    height:260px;
  }
}

@media screen and (max-width:480px) {
  .as_button {
    max-width: 96%;
    height:auto;
    line-height: 1em;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
    padding-right:20px;
  }

  .sn {
    padding-bottom:2em;
  }

  .sn-item h3 {
    font-size:0.9em;
  }
  
  .sh {
    width:100%;
  }

  .sh img {
    padding-left:40px;
    padding-right: 40px;
  }

  .sh .social  {
    width:100%;
  }

  .sh .social .facebook, 
  .sh .social .pinterest, 
  .sh .social .twitter, 
  .sh .social .instagram {
    width:40px;
    height:40px;
  }

  .c_btn .audience_cta {
    font-size: 0.85em !important;
  }
  
  .wmgc h2 {
    font-size: 1.8em;
  }
}

@media screen and (max-width:720px) {
  .sh img {
    width:96%;
    text-align: center;
    padding-left:80px;
    padding-right:80px;
    padding-bottom:10px;
  }
  
  .sh .lship {
    width:100%;
  }

  .sh .disc {
     /*display: none;*/
     width:90%;
     margin-left:2%;
     margin-right:2%;
     font-size: 0.7em;
     line-height: 1em;
     text-align: center;
  }

  .sh .social {
    width:100%;
    text-align: center;
    border-left:0px;
  }

  .sn-item {
    max-width: 22%;
  }
}

@media screen and (max-width: 678px) {

  #featured .left, .fg .left {
    width:100%;
  }

  #featured .left .lcontent, .fg .left .lcontent {
    margin-bottom:0px;
    margin-right:20px;
    float:none;
  }

  #featured .left .lcontent strong{
    line-height: 1em;
  }

  #featured .right, .fg .right {
    width:100%;
    max-width: initial;
  }

  #featured .right .rcontent, .fg .right .rcontent {
    margin-left:2%;
    margin-right:2%;
    width:96%;
    text-align: center;
    max-width: initial;
  }


  .wmgc .wg-content .wg-video {
    text-align: center;
    margin-right:0px;
    width:100%;
  }

  .wmgc .wg-content .scontent {
    margin-left:0px;
    margin-right:0px;
    width:100%;
    padding-left:20px;
    padding-right:20px;
  }

  #wmg::before {
    background-size:100% 50px;
    top:-50px;
  }

  #wmg::after {
    background-size: 100% 50px;
    bottom:-100px;
  }

  .fml {
    margin-left:2%;
    margin-right:2%;
    width:96%;
    height:auto;
  }

  .fmr {
    width:96%;
    margin-left:2%;
    margin-right:2%;
  }

}


/*2018 end*/





.header-container {
  position: relative;
  z-index: 100;
  background: #fff;
  -webkit-box-shadow: inset 0 8px 6px -6px black;
  -moz-box-shadow: inset 0 8px 6px -6px black;
  -ms-box-shadow: inset 0 8px 6px -6px black;
  -o-box-shadow: inset 0 8px 6px -6px black;
  box-shadow: inset 0 8px 6px -6px black;
}
.header-container header {
  position: relative;
}
.header-container .title-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.header-container .title {
  width: 100%;
  text-align: center;
  margin: 0;
  position: absolute;
  bottom: 0;
}
.header-container .header-left {
  float: left;
}
.header-container .header-right {
  float: right;
  padding: .75em 0 0;
}
.header-container .header-right .login,
.header-container .header-right .logged-in {
  float: right;
  color: #000;
  font-size: .8em;
  margin: 0;
}
.header-container .header-right .login a,
.header-container .header-right .logged-in a {
  color: inherit;
}
.header-container .header-right .logged-in a.cart,
.header-container .header-right .login a.cart {
  text-decoration: none !important;
}
.header-container .header-right .logged-in span.cart-icon,
.header-container .header-right .login span.cart-icon {
  text-decoration: none;
  padding-left: 1em;
}
.header-container .header-right .logged-in span.cart-icon .number,
.header-container .header-right .login span.cart-icon .number {
  display: inline-block;
  padding: 1px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #00acc8;
  color: #fff;
  vertical-align: middle;
}
.header-container .header-right .logged-in span.cart-icon:after,
.header-container .header-right .login span.cart-icon:after {
  content: url(../img/css/icon-cart.png);
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 1px;
}
.header-container nav {

  background-color: #0196ae;
    background: -webkit-gradient(linear,left top,left bottom,from(#0196ae),to(#00abc7));
    background: -webkit-linear-gradient(top,#0196ae,#00abc7);
    background: -moz-linear-gradient(top,#0196ae,#00abc7);
    background: -ms-linear-gradient(top,#0196ae,#00abc7);
    background: -o-linear-gradient(top,#0196ae,#00abc7);
  clear: both;
  z-index: 200;
  position: relative;
  min-height: 54px;
}
.header-container nav .wrapper {
  position: relative;
}
.header-container.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.header-container.fixed .title-container {
  display: none;
}
.header-container.fixed .logo {
  visibility: visible;
}
.header-container.fixed + .search-container {
  position: fixed;
  width: 100%;
  background: #fff;
  z-index: 10;
}
body:not(.home) .header-container .logo {
  visibility: visible !important;
}
.main-container {
  position: relative;
  z-index: 0;
}
.main-container.search-container {
  position: static;
}
body:not(.home) .header-container.fixed + .search-container {
  background: none;
}
form.search {
  float: right;
  clear: both;
  margin: 1em 0;
}
form.search input,
form.search button {
  display: block;
  float: left;
}
form.search input[type=search] {
  border: #cecece 1px solid;
  padding: 0 10px;
  height: 18px;
  font-size: .8em;
  width: 125px;
  /*font-family: "PT Sans", sans-serif;*/
  -webkit-box-shadow: inset 0 0 10px 1px #cccccc;
  -moz-box-shadow: inset 0 0 10px 1px #cccccc;
  -ms-box-shadow: inset 0 0 10px 1px #cccccc;
  -o-box-shadow: inset 0 0 10px 1px #cccccc;
  box-shadow: inset 0 0 10px 1px #cccccc;
}
form.search input::-webkit-input-placeholder {
  color: #000;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  font-variant: small-caps;
  text-transform: uppercase;
}
form.search input:-moz-placeholder {
  color: #000;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  font-variant: small-caps;
  text-transform: uppercase;
}
form.search input::-moz-placeholder {
  color: #000;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  font-variant: small-caps;
  text-transform: uppercase;
}
form.search input:-ms-input-placeholder {
  color: #000;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  font-variant: small-caps;
  text-transform: uppercase;
}
.home-block {
  padding: 4em 0;
}
.home-block.home-slides {
  padding-bottom: 0;
  padding-top: 0;
}
.home-block.home-sweepstakes {
  padding-bottom: 0;
  margin-bottom: -2em;
}
/* for wordpress editor formatting */
.alignleft {
  display: inline;
  float: left;
}
.alignright {
  display: inline;
  float: right;
}
.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
blockquote.alignleft,
img.alignleft {
  margin: 0.4em 1.6em 1.6em 0;
}
blockquote.alignright,
img.alignright {
  margin: 0.4em 0 1.6em 1.6em;
}
blockquote.aligncenter,
img.aligncenter {
  clear: both;
  margin-top: 0.4em;
  margin-bottom: 1.6em;
}
.mosaic h1 {
  font-size: 3em;
  text-transform: uppercase;
  font-weight: normal;
  text-align: center;
  line-height: 1em;
  margin: 0 0 1em;
}
.mosaic .post-mosaic {
  background: #ececec;
  opacity: 0;
}
.mosaic .post-mosaic .grid-sizer {
  width: 20%;
}
.mosaic .post-mosaic .post-mosaic-item {
  position: relative;
  list-style: none;
  width: 20%;
  float: left;
  height: 0;
  padding-bottom: 20%;
  /*&:nth-child(5n+5) {margin-right:0;}
            &:nth-child(5n+1) {clear:left;}*/
  /*&.test {
              .test-content {
                    height:0; overflow:hidden; padding-top:100%;position:relative;
                    a.tile-link {position:absolute; top:0; left:0; right:0; bottom:0; z-index:0;  background-repeat:no-repeat; background-position:center top; }
                    h2 {
                      position:absolute; bottom:0; left:0; width:100%; z-index:1; margin:0; padding:0;
                        a {display:block; padding:1em; text-decoration:none; color:inherit;}
                    }
                }
            }
          position:relative; list-style:none; width:18.38%; float:left; margin-right:2%; margin-bottom:2%;
          &:nth-child(5n+5) {margin-right:0;}
          &:nth-child(5n+1) {clear:left;}
          img {width:100%;}
            h2 {
              margin:0; padding:1em 0; font-size:1em; font-weight:normal; text-align:center; line-height:1em; background:#ececec;
              span {
                  font-size:.8em;
                  span {text-transform:uppercase;}
              }
            }*/
}
.mosaic .post-mosaic .post-mosaic-item.width1height1 {
  width: 20%;
  padding-bottom: 20%;
}
.mosaic .post-mosaic .post-mosaic-item.width1height1 a:hover > span > span {
  bottom: 10%;
}
.mosaic .post-mosaic .post-mosaic-item.width2height1 {
  width: 40%;
  padding-bottom: 20%;
}
.mosaic .post-mosaic .post-mosaic-item.width2height1 a:hover > span > span {
  bottom: 10%;
}
.mosaic .post-mosaic .post-mosaic-item.width1height2 {
  width: 20%;
  padding-bottom: 40%;
}
.mosaic .post-mosaic .post-mosaic-item.width2height2 {
  width: 40%;
  padding-bottom: 40%;
}
.mosaic .post-mosaic .post-mosaic-item a {
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  color: inherit;
  text-decoration: none;
}
.mosaic .post-mosaic .post-mosaic-item a * {
  -webkit-transition: position 0.5s ease, left 0.5s ease, right 0.5s ease, top 0.5s ease, bottom 0.5s ease, background 0.5s ease, width 0.5s ease, height 0.5s ease, transform 0.5s ease, border 0.5s ease, line-height 0s ease, font-size 0.05s ease, font-weight 0s ease;
  -moz-transition: position 0.5s ease, left 0.5s ease, right 0.5s ease, top 0.5s ease, bottom 0.5s ease, background 0.5s ease, width 0.5s ease, height 0.5s ease, transform 0.5s ease, border 0.5s ease, line-height 0s ease, font-size 0.05s ease, font-weight 0s ease;
  -ms-transition: position 0.5s ease, left 0.5s ease, right 0.5s ease, top 0.5s ease, bottom 0.5s ease, background 0.5s ease, width 0.5s ease, height 0.5s ease, transform 0.5s ease, border 0.5s ease, line-height 0s ease, font-size 0.05s ease, font-weight 0s ease;
  -o-transition: position 0.5s ease, left 0.5s ease, right 0.5s ease, top 0.5s ease, bottom 0.5s ease, background 0.5s ease, width 0.5s ease, height 0.5s ease, transform 0.5s ease, border 0.5s ease, line-height 0s ease, font-size 0.05s ease, font-weight 0s ease;
  transition: position 0.5s ease, left 0.5s ease, right 0.5s ease, top 0.5s ease, bottom 0.5s ease, background 0.5s ease, width 0.5s ease, height 0.5s ease, transform 0.5s ease, border 0.5s ease, line-height 0s ease, font-size 0.05s ease, font-weight 0s ease;
}
.mosaic .post-mosaic .post-mosaic-item a span {
  display: block;
  width: 100%;
}
.mosaic .post-mosaic .post-mosaic-item a img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: auto;
  border: #ececec 1em solid;
  border-bottom: none;
}
.mosaic .post-mosaic .post-mosaic-item a > span {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  z-index: 1;
  margin: 0;
  padding: 0;
}
.mosaic .post-mosaic .post-mosaic-item a > span > span {
  position: absolute;
  background: rgba(236, 236, 236, 0.5);
  left: 0;
  bottom: 0;
  margin: 0;
  padding: 1em .25em;
  font-size: 1.15em;
  font-weight: normal;
  text-align: center;
  line-height: 1em;
}
.mosaic .post-mosaic .post-mosaic-item a > span > span span {
  font-size: .8em;
}
.mosaic .post-mosaic .post-mosaic-item a > span > span span span {
  text-transform: uppercase;
}
.mosaic .post-mosaic .post-mosaic-item a:hover img {
  width: 150%;
  left: -25%;
  border-top-width: 0;
}
.mosaic .post-mosaic .post-mosaic-item a:hover > span {
  color: #00acc8;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
  border: #00acc8 3px solid;
}
.mosaic .post-mosaic .post-mosaic-item a:hover > span > span {
  left: 50%;
  bottom: 30%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  background: none;
  font-size: 1.4em;
}
.mosaic .post-mosaic .post-mosaic-item a:hover > span > span span {
  font-weight: bold;
  font-size: .9em;
  line-height: 1.1em;
}
.product-main .mosaic .post-mosaic-item,
.sidebar-right .mosaic .post-mosaic-item {
  position: relative;
  list-style: none;
  width: 49%;
  float: left;
  height: 0;
  padding-bottom: 49%;
}
.product-main .mosaic .post-mosaic-item.width1height1,
.sidebar-right .mosaic .post-mosaic-item.width1height1 {
  width: 49%;
  padding-bottom: 49%;
}
.product-main .mosaic .post-mosaic-item.width1height1 a:hover > span > span,
.sidebar-right .mosaic .post-mosaic-item.width1height1 a:hover > span > span {
  bottom: 10%;
}
.product-main .mosaic .post-mosaic-item.width2height1,
.sidebar-right .mosaic .post-mosaic-item.width2height1 {
  width: 98%;
  padding-bottom: 49%;
}
.product-main .mosaic .post-mosaic-item.width2height1 a:hover > span > span,
.sidebar-right .mosaic .post-mosaic-item.width2height1 a:hover > span > span {
  bottom: 10%;
}
.product-main .mosaic .post-mosaic-item.width1height2,
.sidebar-right .mosaic .post-mosaic-item.width1height2 {
  width: 49%;
  padding-bottom: 98%;
}
.product-main .mosaic .post-mosaic-item.width2height2,
.sidebar-right .mosaic .post-mosaic-item.width2height2 {
  width: 98%;
  padding-bottom: 98%;
}
.individual-designer .mosaic .post-mosaic-item {
  position: relative;
  list-style: none;
  width: 49%;
  float: left;
  height: 0;
  padding-bottom: 49%;
}
.individual-designer .mosaic .post-mosaic-item.width1height1 {
  width: 33%;
  padding-bottom: 33%;
}
.individual-designer .mosaic .post-mosaic-item.width1height1 a:hover > span > span {
  bottom: 10%;
}
.individual-designer .mosaic .post-mosaic-item.width2height1 {
  width: 66%;
  padding-bottom: 33%;
}
.individual-designer .mosaic .post-mosaic-item.width2height1 a:hover > span > span {
  bottom: 10%;
}
.individual-designer .mosaic .post-mosaic-item.width1height2 {
  width: 33%;
  padding-bottom: 66%;
}
.individual-designer .mosaic .post-mosaic-item.width2height2 {
  width: 99%;
  padding-bottom: 99%;
}
.individual-designer .mosaic .post-mosaic .post-mosaic-item a img {
  border-width: .5em;
}
.home-block {
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: contain;
}
.home-block p.action {
  text-align: right;
  margin: 0 0 .25em;
}
.home-block p.action a {
  padding-right: 10%;
  position: relative;
  margin: 0;
  padding: 0;
  color: inherit;
  text-decoration: none;
}
.home-block p.action a:after {
  content: "";
  background: url(../img/css/action-arrow.png) no-repeat top left;
  background-size: 100% auto;
  width: 15%;
  padding-top: 15.2%;
  display: inline-block;
  vertical-align: middle;
}
.home-block p.action a span {
  display: inline-block;
  vertical-align: middle;
  padding-right: .5em;
}
.home-block p.action a span:before {
  content: "(";
}
.home-block p.action a span:after {
  content: ")";
}
.home-callout {
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  color: #fff;
}
.home-callout .home-callout-left,
.home-callout .home-callout-right {
  display: table-cell;
  vertical-align: top;
}
.home-callout .home-callout-left {
  width: 39%;
  padding-top: 5.5em;
}
.home-callout .home-callout-left img {
  width: 100%;
  display: block;
}
.home-callout .home-callout-right {
  padding-left: 7.5%;
  width: 61%;
}
.home-callout h1 {
  font-size: 2.5em;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 1em;
  margin: 0 0 1em;
}
.home-callout p,
.home-callout blockquote {
  font-size: 1.75em;
  line-height: 1.25em;
}
.home-callout blockquote {
  padding: 0;
  margin: 0 0 1em;
  position: relative;
  padding-left: 10%;
}
.home-callout blockquote:before {
  content: "";
  background: url(../img/css/quote.png) no-repeat top left;
  background-size: 100% auto;
  width: 15%;
  padding-top: 11%;
  position: absolute;
  left: -10%;
  top: .25em;
}
.home-callout p.quote-author {
  font-size: 2em;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 1em;
  text-align: right;
  margin: 0;
  padding: 0 1em 0 0;
}
.home-callout p.quote-author:before {
  content: "- ";
}
.home-carousel > h1 {
  font-size: 2.5em;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 1em;
  margin: 0 0 1em;
  text-align: center;
}
.home-carousel .home-carousel-slides .cycle-slideshow {
  width: 100%;
  min-width: 200px;
  margin: auto;
  padding: 0;
}
.home-carousel .home-carousel-slides .cycle-slideshow > .slide {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
}
.home-carousel .home-carousel-slides .cycle-slideshow > .slide > .slide-left {
  padding-left: 15%;
  width: 50%;
  float: left;
}
.home-carousel .home-carousel-slides .cycle-slideshow > .slide > .slide-right {
  width: 50%;
  padding-right: 15%;
  float: right;
}
.home-carousel .home-carousel-slides .cycle-slideshow > .slide img {
  width: 75%;
  margin: 0 auto;
}
.home-carousel .home-carousel-slides .cycle-slideshow > .slide h1 {
  font-weight: normal;
  font-size: 2em;
  margin: 0 0 1em;
  line-height: 1.1em;
}
.home-carousel .home-carousel-slides .cycle-slideshow > .slide p {
  margin: 0 0 2em;
}
.home-carousel .home-carousel-slides .cycle-slideshow > .slide p.slide-actions {
  font-size: 1.3em;
  text-transform: uppercase;
  color: #000;
}
.home-carousel .home-carousel-slides .cycle-slideshow > .slide p.slide-actions a {
  text-decoration: none;
  color: inherit;
}
.home-carousel .home-carousel-slides .cycle-slideshow > .slide .button {
  position: absolute;
  bottom: 0;
  right: 15%;
  background: #00adc4;
  color: #000;
  text-transform: uppercase;
}
.home-carousel .home-carousel-slides .cycle-slideshow > .slide .button a {
  color: inherit;
  text-decoration: none;
  display: block;
  padding: 1em 3em;
  font-weight: bold;
}
.home-carousel .home-carousel-slides .cycle-slideshow > .slide .button a:before {
  content: "\2192\a0";
}
.home-carousel .home-carousel-slides .cycle-slideshow > .slide .button a:hover {
  background: #c5dde0;
}
.home-carousel .home-carousel-slides .cycle-slideshow > .controls {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 101;
  font-size: 3em;
  line-height: 0em;
}
.home-carousel .home-carousel-slides .cycle-slideshow > .controls > span {
  display: block;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.home-carousel .home-carousel-slides .cycle-slideshow > .controls > span#home-carousel-prev {
  left: 5%;
}
.home-carousel .home-carousel-slides .cycle-slideshow > .controls > span#home-carousel-next {
  right: 5%;
}
.home-footer {
  padding: 10em 0;
  background-image: url(../img/css/bg-home-footer.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  color: #fff;
}
.home-footer .home-footer-blocks {
  background: #000000;
  background: rgba(0, 0, 0, 0.4);
  min-height: 564px;
  margin-bottom: 1em;
}
.home-footer .home-footer-blocks .block-image,
.home-footer .home-footer-blocks .block-text {
  float: left;
}
.home-footer .home-footer-blocks .block-image {
  width: 43%;
}
.home-footer .home-footer-blocks .block-image img {
  width: 100%;
  height: auto;
}
.home-footer .home-footer-blocks > article {
  padding: 8em 2em;
  color: #fff;
}
.home-footer .home-footer-blocks > article h1 {
  font-weight: normal;
  font-size: 2.25em;
  margin: 0 0 .25em;
  text-transform: uppercase;
}
.home-footer .home-footer-blocks > article p {
  /*font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;*/
  font-size: 1.85em;
  line-height: 1.2em;
  margin: 0 0 1em;
}
.home-footer .home-footer-tabs ul {
  margin: 0;
  padding: 0;
}
.home-footer .home-footer-tabs li {
  list-style: none;
  float: left;
  width: 19.2%;
  margin-left: 1%;
  /*font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;*/
  text-transform: uppercase;
  color: #fff;
}
.home-footer .home-footer-tabs li:first-child {
  margin-left: 0;
}
.home-footer .home-footer-tabs a {
  display: block;
  padding: .25em;
  min-height: 4em;
  color: inherit;
  text-decoration: none;
  background: #00acc8;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.home-footer .home-footer-tabs a:hover,
.home-footer .home-footer-tabs a.active {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.header-featured-image {
  width: 100%;
}

.search .header-featured-image {
  margin-bottom:2em;
}

.search .header-featured-image img {
  display: block;
  width: 100%;
  height: auto;
}
.main-container > .main > .secondary-content {
  padding: 6em 0 3em;
}
.main-container ~ .main-container > .main > .secondary-content {
  padding: 0 0 3em;
}
.secondary-content button.button,
.secondary-content a.button,
.secondary-content .button a,
.secondary-content input.wpsc_buy_button,
.secondary-content input[type=submit] {
  display: inline-block;
  border: none;
  background: #008da8;
  border: #008da8 1px solid;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: .8em;
  padding: .2em 1.25em;
}
.secondary-content button.button.no-bg,
.secondary-content a.button.no-bg,
.secondary-content .button a.no-bg,
.secondary-content input.wpsc_buy_button.no-bg,
.secondary-content input[type=submit].no-bg {
  background: none;
  border: 1px solid #000;
}
.secondary-content .content-main {
  /*ul li {list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAMUlEQVQIW2NkAIJv7x7/PzHBh4FTUIZBP34GAyNMACQJAnI2iTgEsWqHaUOmGYkWBADp3BneeERpDAAAAABJRU5ErkJggg==")}*/
}
.secondary-content .content-main h1,
.secondary-content .content-main h2,
.secondary-content .content-main h3,
.secondary-content .content-main h4,
.secondary-content .content-main h5 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
.secondary-content .content-main h1 {
  font-size: 2.5em;
  line-height: 1.25em;
  margin: 0 0 1em;
  text-transform: uppercase;
}
.secondary-content .content-main .product-header h1 {
  text-transform: none;
}
.secondary-content .content-main h2 {
  font-size: 1em;
  line-height: 1.165em;
  margin: 0;
  text-transform: uppercase;
}
.secondary-content .content-main h2.prodtitle {
  text-transform: none;
}
.secondary-content .content-main h3 {
  font-size: 1em;
  line-height: 1.165em;
  margin: 0;
  font-weight: bold;
}
.secondary-content .content-main p,
.secondary-content .content-main ul,
.secondary-content .content-main ol {
  font-size: 1em;
  line-height: 1.45em;
  margin: 0 0 0.83em;
}
.secondary-content .content-main ul,
.secondary-content .content-main ol {
  margin: 0 0 .85em;
  padding-left: 1.3em;
}
.secondary-content .content-main blockquote {
  font-size: 1.15em;
  line-height: 1.3em;
  margin: 0 0 .955em;
  padding-left: 5%;
  border-left: #fff 1px dotted;
  font-style: italic;
}
.secondary-content .content-main a {
  text-decoration: none;
  color: #00acc8;
}
.secondary-content .content-main a:hover {
  color: #cccccc;
}
.secondary-content .content-main header {
  font-size: 1.4em;
}
.secondary-content .content-main header h1 {
  /*font-family: 'Josefin Slab', serif;*/
  font-size: 1.7em;
  margin-bottom: .4em;
}
.secondary-content .content-main .lists {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 1em 0;
}
.secondary-content .content-main .lists dl {
  display: table-cell;
  padding: 0px 25px;
  border-left: #959595 1px solid;
}
.secondary-content .content-main .lists dl:first-child {
  border-left: none;
  padding-left: 0;
}
.secondary-content .content-main .lists dl:last-child {
  padding-right: 0;
}
.secondary-content .content-main .lists dl dt {
  text-transform: uppercase;
}
.secondary-content .content-main .lists dl dd {
  margin: 0;
  padding: 0 0 0 .5em;
  position: relative;
  break-before: avoid;
}
.secondary-content .content-main .lists dl dd:before {
  content: "\2022";
  position: absolute;
  left: 0;
  top: 0;
}
.secondary-content .content-main .product-details-messaging {
  margin: 0 0 2em;
}
.secondary-content .content-main .product-details-messaging h1 {
  font-size: 1em;
  margin: 0;
}
.secondary-content .content-main .product-slider-container h2,
.secondary-content .content-main .product-below-description h2 {
  font-weight: bold;
  padding: 0 2%;
}
.secondary-content .content-main.project-description h1 {
  margin: 0;
  font-size: 2.3em;
}
.secondary-content .content-main.project-description h2 {
  font-size: .75em;
  font-weight: bold;
}
.secondary-content .content-main.project-description p {
  margin: 1em 0 0;
}
.secondary-content .content-main.project-description h3 {
  text-transform: uppercase;
  text-align: center;
  padding: 1em 0;
  margin: 2em 0 1em;
  border-top: #959595 1px solid;
  border-bottom: #959595 1px solid;
}
.secondary-content .content-main.project-sidebar h1 {
  font-size: 1em;
  text-transform: none;
}
.secondary-content .content-main.project-sidebar h1 span {
  text-transform: uppercase;
}
.secondary-content .content-main.project-sidebar blockquote {
  margin: 0 0 .7em;
  padding: 0;
  font-style: normal;
  font-weight: bold;
}
.secondary-content .content-main.project-sidebar blockquote p {
  font-size: 1em;
}
.secondary-content .content-main.project-sidebar p {
  font-size: .8em;
}
.secondary-content .content-main.project-sidebar a {
  color: inherit;
}
.secondary-content .content-main.project-sidebar a.author-name {
  text-decoration: underline;
}
.secondary-content .content-main.project-instructions h1 {
  text-transform: uppercase;
  text-align: center;
  padding: .2em 0;
  margin: 2em 0 1em;
  border-top: #959595 1px solid;
  border-bottom: #959595 1px solid;
}
.secondary-content .content-main.project-instructions h2 {
  font-weight: bold;
}
.secondary-content .content-main.project-instructions .instruction-step:not(:first-child) {
  margin: 2em 0 0;
}
.secondary-content .content-main.project-instructions .instruction-step .instruction-step-image ul {
  margin: 0;
  padding: 0;
}
.secondary-content .content-main.project-instructions .instruction-step .instruction-step-image li {
  list-style: none;
  display: none;
  width: 100%;
}
.secondary-content .content-main.project-instructions .instruction-step .instruction-step-image img {
  width: 100%;
  height: auto;
  display: block;
}
.secondary-content .content-main.quick-shop-modal {
  /* label, legend {font-size:.9em; text-transform:uppercase;}*/
}
.secondary-content .content-main.quick-shop-modal h2 {
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
}
.secondary-content .content-main.quick-shop-modal select {
  /*font-family: "proxima-nova", sans-serif;*/
}
.secondary-content .content-main.quick-shop-modal .wpsc_variation_forms {
  margin-top: 1em;
}
.secondary-content h2.section-header {
  text-align: center;
  padding: .75em 0;
  font-size: 1.2em;
  font-weight: bold;
  border: #ccc 1px solid;
  border-left: none;
  border-right: 0;
  margin: 0 0 2em;
}
.secondary-content .details {
  text-transform: uppercase;
  font-size: .8em;
  margin: 0 0 2em;
}
.secondary-content .details .social-bookmarks span {
  display: inline-block;
  vertical-align: middle;
  background: #ededed;
  padding: .5em;
}
.secondary-content .details .social-bookmarks img,
.secondary-content .details .social-bookmarks svg {
  display: inline-block;
  vertical-align: middle;
  height: 2em;
  width: 2em;
  margin: 0 .5em;
}
.secondary-content .details .social-bookmarks img:hover path,
.secondary-content .details .social-bookmarks svg:hover path {
  fill: #00acc8;
}
.secondary-content .project-details .details {
  display: inline-block;
  margin: 1em 0 0;
}
.secondary-content .project-details .details p {
  background: #ededed;
  text-align: center;
}
.secondary-content .project-details .details span {
  display: block;
  text-align: center;
}
.secondary-content .project-sidebar .featured-image img {
  width: 100%;
  display: block;
}
.secondary-content .project-sidebar .author-info {
  display: table;
  width: 100%;
  border-bottom: 1px #959595 solid;
  padding-bottom: 1em;
  margin: 2em 0 0;
}
.secondary-content .project-sidebar .author-info a {
  color: #00acc8 !important;
}
.secondary-content .project-sidebar .author-info .author-image,
.secondary-content .project-sidebar .author-info .author-text {
  display: table-cell;
  vertical-align: top;
}
.secondary-content .project-sidebar .author-info .author-image {
  padding-right: 1em;
}
.secondary-content .project-sidebar .author-info .author-image img {
  width: 150px;
  height: auto;
  display: block;
}
.secondary-content .quick-shop-modal {
  /* form {
          fieldset {display:block; padding:.75em 0 0; margin:.75em 0 0; border-top:@dark-gray 1px solid;}
            legend {display:block; padding:0; position:static; width:100%; float:left;}
            legend, label {margin:0 0 .5em; line-height:1em; }
            legend, label, select {display:inline-block;}
              label, legend {padding-right:.5em;}
            legend, .wpsc_quantity_update {float:left;}    
            input[type=radio] {display:none;}
            .color-picker {
              label {width:2em; height:2em;margin:2px; cursor:pointer;}
            }
            .buttons {text-align:right; margin:1em 0 0; font-size:1.1em; .proxima}
        }*/
}
.secondary-content .quick-shop-modal a.modal-close {
  display: block;
  position: absolute;
  top: 1em;
  right: 1em;
  height: 2em;
  width: 2em;
  line-height: 2em;
  color: #000;
  background: #1a9bb0;
  text-align: center;
  cursor: pointer;
}
.secondary-content .quick-shop-modal .product-image img {
  width: 100%;
  height: auto;
  display: block;
  border: #000 1px solid;
}
.secondary-content .quick-shop-modal .product-info {
  padding: 0 0 1em;
}
.secondary-content .secondary-main-carousel .secondary-main-carousel-slides {
  padding: 0 0 5em;
  margin: 0 0 1em;
}
.secondary-content .secondary-main-carousel .secondary-main-carousel-slides .cycle-slideshow {
  width: 100%;
  min-width: 200px;
  margin: auto;
  padding: 0;
  height: 100%;
}
.secondary-content .secondary-main-carousel .secondary-main-carousel-slides .cycle-slideshow > .slide {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
}
.secondary-content .secondary-main-carousel .secondary-main-carousel-slides .cycle-slideshow > .slide > .slide-left {
  width: 50%;
  padding: 0 5% 0 8%;
  float: left;
}
.secondary-content .secondary-main-carousel .secondary-main-carousel-slides .cycle-slideshow > .slide > .slide-right {
  width: 50%;
  padding-right: 5%;
  float: right;
}
.secondary-content .secondary-main-carousel .secondary-main-carousel-slides .cycle-slideshow > .slide img {
  width: 100%;
  margin: 0 auto;
}
.secondary-content .secondary-main-carousel .secondary-main-carousel-slides .cycle-slideshow > .slide h1 {
  font-weight: normal;
  font-size: 2em;
  margin: 0 0 1em;
}
.secondary-content .secondary-main-carousel .secondary-main-carousel-slides .cycle-slideshow > .slide h2 {
  font-weight: normal;
  font-size: 1em;
  margin: 0 0 0.25em;
}
.secondary-content .secondary-main-carousel .secondary-main-carousel-slides .cycle-slideshow > .slide p {
  margin: 0 0 2em;
}
.secondary-content .secondary-main-carousel .secondary-main-carousel-slides .cycle-slideshow > .slide .button {
  background: #00adc4;
  color: #fff;
  text-transform: uppercase;
  float: left;
  font-size: .7em;
}
.secondary-content .secondary-main-carousel .secondary-main-carousel-slides .cycle-slideshow > .slide .button a {
  color: inherit;
  text-decoration: none;
  display: block;
  padding: 1em 3em;
  font-weight: bold;
}
.secondary-content .secondary-main-carousel .secondary-main-carousel-slides .cycle-slideshow > .slide .button a:hover {
  background: #c5dde0;
}
.secondary-content .secondary-main-carousel .secondary-main-carousel-slides .cycle-slideshow .cycle-pager {
  font-size: 5em;
  text-align: center;
  color: #c9c9c9;
  position: absolute;
  bottom: -0.3em;
  width: 100%;
  left: 0;
  z-index: 0999;
}
.secondary-content .secondary-main-carousel .secondary-main-carousel-slides .cycle-slideshow .cycle-pager span {
  cursor: pointer;
}
.secondary-content .secondary-main-carousel .secondary-main-carousel-slides .cycle-slideshow .cycle-pager span.cycle-pager-active {
  color: #999;
}
.secondary-content .category-listing .category {
  border-top: #ededed 5px solid;
  padding-top: 1.5em;
  margin: 0 0 1.5em;
}
.secondary-content .category-listing .category-header {
  margin: 0 0 1em;
}
.secondary-content .category-listing .category-header h2 {
  margin: 0;
  padding: 0;
  float: left;
}
.secondary-content .category-listing .category-header h2 img {
  max-width: 150px;
  margin-left: 1em;
}
.secondary-content .category-listing .category-header a.view-all {
  display: block;
  float: right;
  margin-top: .5em;
  font-size: .8em;
  color: inherit;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: underline;
}
.secondary-content .category-listing .category-header a.view-all:after {
  content: "\a0\003E";
}
.secondary-content .category-listing .category-items {
  padding-right: 0;
}
.secondary-content .category-listing .category-items .item {
  float: left;
  width: 23.05%;
  margin-left: 2.55%;
}
.secondary-content .category-listing .category-items .item:first-child {
  margin-left: 0;
}
.secondary-content .category-listing .category-items .image-container {
  width: 100%;
  height: 0;
  padding-top: 100%;
  margin: 0 0 .5em;
  position: relative;
  background: #ededed;
}
.secondary-content .category-listing .category-items .image-container img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.secondary-content .sidebar-right .content-main {
  width: 70%;
  padding-right: 2%;
  float: left;
}
.secondary-content .sidebar-right .content-sidebar-right {
  width: 30%;
  float: right;
}
.secondary-content .individual-designer .content-sidebar-right {
  width: 30%;
  float: left;
}
.secondary-content .individual-designer .content-main {
  width: 70%;
  padding-left: 2%;
  float: right;
}
.secondary-content .individual-designer .details {
  padding-top: 4em;
}
.secondary-content .shop-category .content-main,
.secondary-content .product-details .content-main {
  width: 80%;
  padding: 0 5%;
  float: left;
}
.secondary-content .shop-category .product-main,
.secondary-content .product-details .product-main {
  width: 60%;
}
.secondary-content .shop-category .content-sidebar-left,
.secondary-content .product-details .content-sidebar-left {
  width: 20%;
  float: left;
}
.secondary-content .shop-category .content-sidebar-right,
.secondary-content .product-details .content-sidebar-right {
  width: 20%;
  float: right;
}
.secondary-content .project-details .project-description,
.secondary-content .project-details .project-sidebar {
  width: 50%;
  padding: 0 2%;
  float: right;
}
.secondary-content .instruction-step .instruction-step-text {
  width: 70%;
  padding: 0 2%;
  float: right;
}
.secondary-content .instruction-step .instruction-step-image {
  width: 30%;
  padding: 0 2%;
  float: right;
}
.secondary-content .instruction-step.no-step-image .instruction-step-text {
  width: 100%;
  padding: 0 2%;
  float: none;
}
.secondary-content .quick-shop-modal {
  width: 470px;
  padding: 1em;
}
.secondary-content .quick-shop-modal form {
  display: block;
}
.secondary-content .quick-shop-modal .product-image,
.secondary-content .quick-shop-modal .product-info {
  width: 50%;
  padding: 0 2%;
  float: left;
}
.secondary-content .quick-shop-modal.video-preview-modal {
  padding: 0;
  width: 100%;
  background: #1a9bb0;
}
.secondary-content .quick-shop-modal.video-preview-modal a {
  color: #ffffff !important;
}
.secondary-content .quick-shop-modal.video-preview-modal .buttons {
  text-align: right;
}
.secondary-content .quick-shop-modal.video-preview-modal a.modal-close {
  z-index: 10;
}
.video-popup-container {
  padding: 0 !important;
  max-width: 800px;
}
.project-slider {
  position: relative;
  padding: 0 1.5%;
  margin-top: 6em;
}
.project-slider,
.project-slider .cycle-slideshow {
  width: 100%;
}
.project-slider .slide {
  display: none;
  padding: 1em;
  width: auto;
  height: auto ;
  background: #ededed;
  border: #fff .5em solid;
  vertical-align: top;
}
.project-slider .slide img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 150px;
}
.project-slider .controls {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 45%;
  left: 0;
  z-index: 101;
  font-size: 3em;
  line-height: 0em;
  font-weight: bold;
}
.project-slider .controls > span {
  display: block;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.project-slider .controls > span.sidebar-carousel-prev {
  left: -2.5%;
}
.project-slider .controls > span.sidebar-carousel-next {
  right: -2.5%;
}
.project-slider .project-caption {
  margin: .75em 0 0;
  text-align: center;
}
.project-slider .project-caption h2 {
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  white-space: normal;
  min-height: 3em;
}
.project-slider .project-caption p {
  font-size: 1em;
  margin: 0;
}
.project-slider .project-caption a {
  color: inherit;
  text-decoration: none;
}
.project-slider a.button {
  background: #00acc8;
  color: #fff;
  text-transform: uppercase;
  padding: .25em 2em;
  margin: 1em 0 0;
  font-weight: bold;
  float: right;
}
.product-slider-container ~ .product-slider-container {
  border-top: #e9e9e9 2px solid;
  padding-top: 2em;
}
.product-details .project-slider {
  margin: 0 0 2em;
}
.product-details .project-slider .slide {
  padding: 0em;
  background: none;
  display: none;
}
.product-details .project-slider .project-caption {
  text-align: left;
}
.product-details .project-slider .project-caption h2 {
  text-transform: none;
}
.product-slideshow {
  margin: 0 0 1em;
}
.product-slideshow .cycle-slideshow {
  width: 100%;
  height: 475px;
  margin: 0 0 1em;
  text-align: center;
}
.product-slideshow .cycle-slideshow img {
  /* width:100%; */
  margin: 0 auto;
  height: auto;
  display: block;
}
.product-slideshow .slide {
  display: none !important;
}
.product-slideshow .slide.cycle-slide-active {
  display: inline-block !important;
}
.product-slideshow #product-slide-pager img {
  width: auto;
  height: 39px;
  border: 2px solid transparent;
  margin-right: .5em;
}
.product-slideshow #product-slide-pager .cycle-pager-active img {
  border-color: #7f7f7f;
}
.checkout_cart {
  width: 100%;
}
/* .wpsc_shipping_info { display: none; }
.wpsc_change_country { display: none; }
.wpsc_shipping_header { display: none; }
 */
#wpsc_checkout_gravatar {
  display: none;
}
.wpsc_email_address .wpsc_checkout_form_9 {
  width: 33.33%;
  float: left;
  text-align: right;
}
.wpsc_email_address .wpsc_email_address_p {
  width: 66.66%;
  float: left;
}
.same_as_shipping_row input {
  margin-right: 10px !important;
}
.wpsc_category_grid br {
  display: none;
}
.product_grid_item br {
  display: none;
}
.product_grid_item .item_image {
  text-align: center;
}
.product_grid_item .item_image a {
  margin: 0 auto !important;
}
.product_grid_item .more_details_container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.product_grid_item .prodtitle {
  text-align: center !important;
}
.product_grid_item .pricedisplay {
  font-size: 1.5em;
  text-align: center;
}
.product_grid_item .pricedisplay span {
  /* display: block; */
}
.product_grid_item .pricedisplay.wpsc-product-old-price {
  color: #666;
}
.product_grid_item .qty-discounts {
  margin-top: 1em;
  font-size: 1.1em;
}
.product_grid_item .qty-discounts .pricedisplay {
  font-size: 1.2em;
  line-height: 1.3em;
}
.reviews-links a {
  cursor: pointer;
}
.wpsc_loading_animation {
  text-align: center;
  margin: 2px 0px;
}
.is_variation {
  display: none;
}
.content-sidebar {
  /*ul li {list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAMUlEQVQIW2NkAIJv7x7/PzHBh4FTUIZBP34GAyNMACQJAnI2iTgEsWqHaUOmGYkWBADp3BneeERpDAAAAABJRU5ErkJggg==")}*/
}
.content-sidebar h1,
.content-sidebar h2,
.content-sidebar h3,
.content-sidebar h4,
.content-sidebar h5 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
.content-sidebar h1 {
  font-size: 1.8em;
  line-height: 1.25em;
  margin: 0 0 1em;
}
.content-sidebar h2 {
  font-size: 1em;
  line-height: 1.165em;
  margin: 0;
  text-transform: uppercase;
}
.content-sidebar h3 {
  font-size: 1em;
  line-height: 1.165em;
  margin: 0;
  font-weight: bold;
}
.content-sidebar p,
.content-sidebar ul,
.content-sidebar ol {
  font-size: 1em;
  line-height: 1.45em;
  margin: 0 0 0.83em;
}
.content-sidebar ul,
.content-sidebar ol {
  margin: 0 0 .85em;
  padding-left: 1.3em;
}
.content-sidebar blockquote {
  font-size: 1.15em;
  line-height: 1.3em;
  margin: 0 0 .955em;
  padding-left: 5%;
  border-left: #fff 1px dotted;
  font-style: italic;
}
.content-sidebar a {
  text-decoration: none;
  color: #00acc8;
}
.content-sidebar a:hover {
  color: #999999;
}
.content-sidebar aside {
  margin: 0 0 2em;
}
.content-sidebar form.quote-request {
  padding: 2em 1em;
  background: #ededed;
}
.content-sidebar form.quote-request textarea {
  width: 100%;
  min-height: 200px;
  padding: 1em;
  /*font-family: "proxima-nova", sans-serif;*/
  margin: 0 0 1em;
}
.content-sidebar form.quote-request button {
  border: none;
  background: #00acc8;
  color: #fff;
  text-transform: uppercase;
  padding: .25em 2em;
  margin: 1em 0 0;
  font-weight: bold;
  float: right;
}
.content-sidebar .designer-headshot {
  padding: 1em;
  background: #e8f5f7;
}
.content-sidebar .designer-headshot img {
  width: 100%;
}
.content-sidebar .designer-headshot .details {
  margin: 1em 0 0;
  padding: 0;
  font-size: 1em;
  text-transform: none;
}
.content-sidebar .designer-headshot .details p {
  margin: 0;
}
.content-sidebar .designer-headshot .details strong {
  text-transform: uppercase;
}
.content-sidebar .sidebar-slider {
  padding: 2em 3em;
  background: #ededed;
  position: relative;
}
.content-sidebar .sidebar-slider h1 {
  font-size: 1.6em;
  margin: 0 0 .5em;
}
.content-sidebar .sidebar-slider .slide-image {
  width: 100%;
}
.content-sidebar .sidebar-slider .slide-image img {
  width: 100%;
  display: block;
  /* padding:1em; */
}
.content-sidebar .sidebar-slider .cycle-slideshow {
  border: 2px #000 solid;
}
.content-sidebar .sidebar-slider .controls {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 45%;
  left: 0;
  z-index: 101;
  font-size: 3em;
  line-height: 0em;
  font-weight: bold;
}
.content-sidebar .sidebar-slider .controls > span {
  display: block;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.content-sidebar .sidebar-slider .controls > span.sidebar-carousel-prev {
  left: 5%;
}
.content-sidebar .sidebar-slider .controls > span.sidebar-carousel-next {
  right: 5%;
}
.content-sidebar .sidebar-slider .slide-captions {
  margin-top: 1em;
}
.content-sidebar .sidebar-slider .slide-captions p {
  font-size: 1.2em;
  margin: 0;
}
.content-sidebar .sidebar-slider .slide-captions p a {
  color: inherit;
}
.content-sidebar .sidebar-slider .slide-captions p.cycle-pager-active a {
  font-weight: bold;
}
.content-sidebar .sidebar-slider a.button {
  background: #00acc8;
  color: #fff;
  text-transform: uppercase;
  padding: .25em 2em;
  margin: 1em 0 0;
  font-weight: bold;
  float: right;
}
.content-sidebar .sidebar-callout {
  padding: 1em;
  background: #ededed;
  font-size: 1.15em;
  margin: 2em 0;
}
.content-sidebar .sidebar-callout img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 0 1em;
}
.content-sidebar .sidebar-callout img:after {
  content: "" !important;
}
.content-sidebar .sidebar-callout a {
  text-decoration: underline;
  color: inherit;
}
.content-sidebar .sidebar-callout a:after {
  content: "\a0\25B6";
}
.content-sidebar .graphic-button {
  padding: 1.5em;
  padding-right: .5em;
  background: #00acc8;
  color: #fff;
  display: table;
  width: 100%;
}
.content-sidebar .graphic-button .image,
.content-sidebar .graphic-button .text {
  display: table-cell;
  vertical-align: middle;
}
.content-sidebar .graphic-button .image {
  width: 64px;
  padding-right: 1em;
}
.content-sidebar .graphic-button .image img {
  display: block;
  width: 100%;
}
.content-sidebar .graphic-button .text h1 {
  font-size: 1.4em;
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: .08em;
}
.content-sidebar .graphic-button .text h2 {
  font-size: .9em;
  font-weight: bold;
  letter-spacing: .05em;
}
.content-sidebar .graphic-button .text p {
  font-size: 1.9em;
  letter-spacing: .05em;
  font-weight: 100;
  margin: 0;
  line-height: 1.2em;
}
.content-sidebar .graphic-button .text a {
  color: inherit;
}
.content-sidebar nav.store-nav h2 {
  color: #00acc8;
  font-weight: bold;
  padding: .35em 0;
  margin: 0 0 .25em;
  border-bottom: #ccc 1px solid;
}
.content-sidebar nav.store-nav ul {
  margin: 0;
  padding: 0 0 2em;
}
.content-sidebar nav.store-nav:last-of-type ul {
  padding-bottom: 0;
}
.content-sidebar nav.store-nav li {
  list-style: none;
  font-size: .8em;
  border-bottom: #ccc 1px solid;
}
.content-sidebar nav.store-nav li.active a {
  color: #00acc8;
}
.content-sidebar nav.store-nav li.active a:before {
  content: "\25BA\a0";
  font-weight: bold;
}
.content-sidebar nav.store-nav a {
  display: block;
  color: inherit;
  padding: .25em 1em;
}
.content-sidebar nav.store-nav a:hover {
  color: #00acc8;
}
.content-sidebar nav.store-nav.collapsible {
  border-top: none;
}
.content-sidebar nav.store-nav.collapsible:first-of-type {
  border-top: #ccc 1px solid;
}
.content-sidebar nav.store-nav.collapsible h2 {
  position: relative;
  cursor: pointer;
}
.content-sidebar nav.store-nav.collapsible h2:after {
  content: "\25BC";
  font-size: .75em;
  float: right;
}
.content-sidebar nav.store-nav.collapsible h2.open:after {
  content: "\25B2";
}
.content-sidebar nav.store-nav.collapsible h2 + ul {
  display: none;
}
.content-sidebar h2.shop-by {
  display: none;
}
.content-sidebar div.wpsc_categorisation_group h2 {
  color: #00acc8;
  font-weight: bold;
  padding: .35em 0;
  margin: 0 0 .25em;
  border-bottom: #ccc 1px solid;
}
.content-sidebar div.wpsc_categorisation_group ul {
  margin: 0;
  padding: 0;
}
.content-sidebar div.wpsc_categorisation_group:last-of-type ul {
  padding-bottom: 0;
}
.content-sidebar div.wpsc_categorisation_group li {
  list-style: none;
  font-size: .8em;
  border-bottom: #ccc 1px solid;
}
.content-sidebar div.wpsc_categorisation_group li li.wpsc-current-cat > a {
  color: #00acc8;
}
.content-sidebar div.wpsc_categorisation_group li li.wpsc-current-cat > a:before {
  content: "\25BA\a0";
  font-weight: bold;
}
.content-sidebar div.wpsc_categorisation_group a {
  display: block;
  color: inherit;
  padding: .25em 1em;
}
.content-sidebar div.wpsc_categorisation_group a:hover {
  color: #00acc8;
}
.content-sidebar div.wpsc_categorisation_group .wpsc_top_level_categories > li > ul {
  display: none;
}
.content-sidebar div.wpsc_categorisation_group .wpsc_top_level_categories > li > a:after {
  content: "\25BC";
  font-size: .75em;
  float: right;
}
.content-sidebar div.wpsc_categorisation_group.open {
  padding-bottom: 2em;
}
.content-sidebar div.wpsc_categorisation_group.open .wpsc_top_level_categories > li > a:after {
  content: "\25B2";
  font-size: .75em;
  float: right;
}
.content-sidebar div.wpsc_categorisation_group.open .wpsc_top_level_categories > li > ul {
  display: block;
}
.content-sidebar div.wpsc_categorisation_group.collapsible {
  border-top: none;
}
.content-sidebar div.wpsc_categorisation_group.collapsible:first-of-type {
  border-top: #ccc 1px solid;
}
.content-sidebar div.wpsc_categorisation_group.collapsible h2 {
  position: relative;
  cursor: pointer;
}
.content-sidebar div.wpsc_categorisation_group.collapsible h2:after {
  content: "\25BC";
  font-size: .75em;
  float: right;
}
.content-sidebar div.wpsc_categorisation_group.collapsible h2.open:after {
  content: "\25B2";
}
.content-sidebar div.wpsc_categorisation_group.collapsible h2 + ul {
  display: none;
}
.content-sidebar div.wpsc_categorisation_group a {
  margin: 0;
}
.content-sidebar div.wpsc_categorisation_group a.wpsc_category_image_link {
  display: none;
}
.content-sidebar div.wpsc_categorisation_group > ul > li {
  border-bottom: none;
}
.content-sidebar div.wpsc_categorisation_group > ul > li > a {
  color: #00acc8;
  font-weight: bold;
  padding: .35em 0;
  margin: 0;
  border-bottom: #ccc 1px solid;
  font-size: 1.3em;
  text-transform: uppercase;
}
.content-sidebar div.wpsc_categorisation_group > ul > li li > a {
  font-size: 1.2em;
  padding: .5em 1.25em;
}
.content-sidebar div.wpsc_categorisation_group > ul ul {
  padding: 0;
}
.content-sidebar nav.other-links {
  font-size: .9em;
}
.content-sidebar nav.other-links ul {
  margin: 0;
  padding: 2em 0 0;
}
.content-sidebar nav.other-links li {
  color: inherit;
  padding: .5em 0;
}
.content-sidebar nav.other-links a {
  color: inherit;
}
.content-sidebar .product-header h1 {
  font-size: 1.6em;
  text-transform: none;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0;
}
.content-sidebar .rating span {
  display: block;
  float: left;
  margin: 0 0 1em;
}
.content-sidebar .rating span.star {
  height: 14px;
  width: 14px;
  margin: 0 .05em 0 0;
  background-image: url(../img/css/star-empty.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.content-sidebar .rating span.star.star-full {
  background-image: url(../img/css/star-full.png);
}
.content-sidebar .rating span.star.star-half {
  background-image: url(../img/css/star-half.png);
}
.content-sidebar .rating span.rating-value {
  font-size: .8em;
  font-weight: bold;
  padding-left: .5em;
  float: left;
  line-height: 1.25em;
}
.content-sidebar .rating-links {
  font-size: .9em;
  margin: 0 0 2em;
  text-transform: uppercase;
  font-size: .8em;
  font-weight: bold;
}
.content-sidebar .rating-links a {
  color: inherit;
  text-decoration: underline;
}
.content-sidebar .rating-links .like-product a {
  text-decoration: none;
}
.content-sidebar .rating-links .like-product a:before {
  content: "\2665\a0";
  position: relative;
  top: .15em;
  font-size: 2.5em;
  color: #00acc8;
}
.content-sidebar form.product-to-cart fieldset {
  display: block;
  padding: .75em 0 0;
  margin: .75em 0 0;
  border-top: #e7e7e7 1px solid;
  position: relative;
}
.content-sidebar form.product-to-cart fieldset:first-child {
  border-top: none;
}
.content-sidebar form.product-to-cart a.chart-link {
  position: absolute;
  right: 0;
  top: .75em;
  text-decoration: underline;
  color: inherit;
  font-size: 0.8em;
}
.content-sidebar form.product-to-cart legend {
  display: block;
  padding: 0;
  position: static;
  width: 100%;
  float: left;
  text-transform: uppercase;
  font-size: .8em;
  margin: 0 0 0.5em;
}
.content-sidebar form.product-to-cart input[type=radio] {
  margin-right: .5em;
}
.content-sidebar form.product-to-cart label,
.content-sidebar form.product-to-cart select {
  display: block;
  clear: left;
  margin: 0 0 .5em;
}
.content-sidebar form.product-to-cart label {
  font-size: 1.3em;
}
.content-sidebar form.product-to-cart select {
  display: inline;
}
.content-sidebar form.product-to-cart .quantity-price label {
  display: inline;
}
.content-sidebar form.product-to-cart .quantity-price .price {
  text-transform: uppercase;
  font-size: .8em;
  margin: 1em 0 0;
}
.content-sidebar form.product-to-cart .quantity-price .price span {
  font-size: 2.75em;
  float: right;
}
.content-sidebar form.product-to-cart .buttons {
  font-size: 1.2em;
  border-top: none;
}
.content-sidebar form.product-to-cart .buttons button {
  width: 100%;
  display: block;
  margin: 0 0 1em;
  padding: .5em 0;
}
.content-sidebar .social-bookmarks {
  background: #ededed;
  text-align: center;
  text-transform: uppercase;
  font-size: .8em;
  padding: .75em;
}
.content-sidebar .social-bookmarks span {
  display: inline-block;
  vertical-align: middle;
  background: #ededed;
}
.content-sidebar .social-bookmarks img,
.content-sidebar .social-bookmarks svg {
  display: inline-block;
  vertical-align: middle;
  height: 1.5em;
  width: auto;
  width: 1.5em;
  margin: .5em .75em;
}
.content-sidebar .social-bookmarks img:hover path,
.content-sidebar .social-bookmarks svg:hover path,
.content-sidebar .social-bookmarks img:hover polygon,
.content-sidebar .social-bookmarks svg:hover polygon {
  fill: #00acc8;
}
.user-profile-links a {
  margin: 0px 10px;
  display: inline-block;
}
.user-profile-links a:first-child {
  margin-left: 0px;
}
.user-profile-links a.current {
  font-weight: bold;
}
.qty-discounts {
  color: #F60;
  border-top: 1px solid#F60;
  border-bottom: 1px solid#F60;
  padding: 0.2em 0.5em;
  font-size: 0.95em;
}
.quick-shop-modal .qty-discounts {
  font-size: 0.85em;
}
.product_form {
  /*.col2 {width:0;}*/
}
.product_form .qty-discounts {
  margin-bottom: 2em;
}
.product_form .qty-discounts .pricedisplay {
  font-size: 1.2em;
}
.product_form .wpsc_variation_forms {
  border-bottom: #e7e7e7 1px solid;
  margin-bottom: .7em;
  padding-bottom: .7em;
}
.product_form .wpsc_variation_forms > table {
  width: 100%;
}
.product_form .wpsc_variation_forms .is_variation {
  margin-top: 1em;
}
.product_form .col1 {
  font-size: .8em;
  text-transform: uppercase;
}
.product_form .is_variation {
  margin: 0;
}
.product_form .wpsc_select_variation {
  width: 100%;
}
.product_form legend,
.product_form .wpsc_quantity_update {
  display: inline-block;
  float: left;
}
.product_form legend {
  margin-right: .5em;
  font-size: 1.3em;
  color: #fff;
}
.product_form .wpsc_product_price:after {
  content: " ";
  display: table;
  clear: both;
}
.product_form .pricedisplay.wpsc-product-old-price {
  text-align: right;
  margin: 2em 0 -0.5em 0;
  color: #666;
}
.product_form .pricedisplay.wpsc-product-old-price span.oldprice {
  text-decoration: line-through;
}
.product_form .pricedisplay.wpsc-product-price {
  text-transform: uppercase;
  font-size: .8em;
  line-height: 1em;
  margin: 2em 0;
}
.product_form .pricedisplay.wpsc-product-price:after {
  content: " ";
  display: table;
  clear: both;
}
.product_form .pricedisplay.wpsc-product-price .currentprice.pricedisplay {
  font-size: 2.75em;
  line-height: 1em;
  float: right;
  color: #fff;
  margin-top: -0.35em;
}
.product_form .pricedisplay.wpsc-product-you-save {
  text-align: right;
  margin-top: -1em;
}
.product_form input.wpsc_buy_button {
  width: 100%;
  display: block;
  margin: 0;
  padding: .5em 0;
  font-size: 1em;
  /*font-family: sans-serif;*/
}
.wpcf7 {
  max-width: 500px;
  margin: 0 auto 1em !important;
}
.wpcf7 label,
.wpcf7 input:not([type=checkbox]),
.wpcf7 input:not([type=radio]),
.wpcf7 input:not([type=submit]),
.wpcf7 select,
.wpcf7 textarea {
  display: block;
  width: 100%;
  margin: 0;
  height: 3em;
  padding: 1em;
}
.wpcf7 label {
  margin-bottom: .25em;
  height: 1em;
  margin-bottom: 10px;
}
.wpcf7 textarea {
  min-height: 5em;
}
.wpcf7 select {
  height: auto;
  padding: 0;
  text-indent: 1em;
}
.wpcf7 label {
  /*font-family: "Open Sans Condensed", sans-serif;*/
  font-weight: bold;
}
.wpcf7 .wpcf7-form-control-wrap,
.wpcf7 .wpcf7-form-control {
  overflow: hidden;
}
.wpcf7 .wpcf7-form-control-wrap:after,
.wpcf7 .wpcf7-form-control:after {
  content: " ";
  display: table;
}
.wpcf7 .wpcf7-list-item {
  float: left;
  width: 50%;
  margin: 0;
}
.wpcf7 input[type=checkbox],
.wpcf7 input[type=radio] {
  display: inline;
  width: auto;
  margin-left: .5em;
  height: auto;
}
.wpcf7 input[type=submit] {
  background: #00acc8;
  color: #fff;
  border: none;
  height: 1.5em;
  padding: .25em 2em;
  font-weight: bold;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  /*font-family: "Open Sans Condensed", sans-serif;*/
  text-transform: uppercase;
  float: right;
  width: auto;
}
.wpcf7 input[type=submit]:hover {
  background: #1a9bb0;
}
.wpcf7 input[type=file] {
  display: inline-block;
}
.wpcf7 p {
  clear: both;
  overflow: hidden;
}
.wpcf7 p:after {
  content: " ";
  display: table;
}
.buyer-points-titlebox {
  padding: 1em 0;
  background: none;
  border: none;
}
.buyer-points-titlebox .icon {
  margin: 0;
  margin-right: 8px;
  margin-top: -3px;
}
.buyer-points-titlebox .text {
  font-size: 1.8em;
  text-transform: uppercase;
  font-weight: normal;
  color: #00acc8;
}
.points-history th,
.redemption-choices .choice .note {
  color: #00acc8;
}
td[class^="wpsc_checkout_form"],
td[class^="wpsc_checkout_form"] + * {
  padding: .5em;
}
td[class^="wpsc_checkout_form"] input,
td[class^="wpsc_checkout_form"] + * input,
td[class^="wpsc_checkout_form"] textarea,
td[class^="wpsc_checkout_form"] + * textarea,
td[class^="wpsc_checkout_form"] select,
td[class^="wpsc_checkout_form"] + * select {
  width: 100%;
}
.wpsc_sendtoafriend td {
  padding: .5em;
}
.wpsc_sendtoafriend th {
  text-align: left;
  font-weight: normal;
}
.wpsc_sendtoafriend + * input[type=reset] {
  display: inline-block;
  border: 0;
  background: #fff;
  border: #000 1px solid;
  color: #000;
  text-transform: uppercase;
  font-weight: 700;
  font-size: .8em;
  padding: .2em 1.25em;
}
.footer-container {
  background: #000;
  color: #fff;
  /*font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;*/
}

/*2018*/
.footer-container {
  background:#00424d url('../img/as18/fairfield-bottom.png') bottom center repeat-x;
  background-size: 100% 210px; 
}
/*e2018*/

.footer-container a {
  color: inherit;
  text-decoration: none;
}
.footer-container .footer-row {
  padding: 2em;
}
.footer-container .footer-row:first-child {
  border-bottom: #fff 1px dotted;
}
.footer-container .footer-subscribe {
  float: left;
  padding: 1em 0  0;
}
.footer-container .footer-subscribe > * {
  display: inline-block;
}
.footer-container .social {
  float: right;
}
.footer-container nav .nav-col {
  width: 20%;
  float: left;
}
.footer-container nav h2,
.footer-container nav h3 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.footer-container nav h2 {
  font-size: 1.1em;
  text-transform: uppercase;
}
.footer-container nav h3 {
  font-size: 1em;
}
.footer-container nav ul {
  margin: 0 0 2em;
  padding: 0;
}
.footer-container nav li {
  list-style: none;
  position: relative;
  padding-left: 1.25em;
}
.footer-container nav a {
  display: block;
}
.footer-container nav li a:before {
  content: "\2014";
  position: absolute;
  left: 0;
  top: 0;
}
.footer-container p.copyright {
  text-align: center;
}
.social ul {
  margin: 0;
  padding: 0;
}
.social li {
  display: inline-block;
  background: #00acc8;
  width: 4em;
  height: 4em;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.social a {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.no-svg .social li {
  background: none;
}
.no-svg .social li > a {
  top: 0;
}
/* ==========================================================================
   Navigation
   ========================================================================== */
.sf-menu {
  padding: 0;
  margin: 0;
}
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu li {
  position: relative;
}
.sf-menu li:hover > ul,
.sf-menu li .sfHover > ul {
  display: block;
}
.sf-menu > li {
  float: left;
}
.sf-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}
.sf-menu ul ul {
  top: 0;
  left: 100%;
}
.sf-menu a {
  display: block;
  position: relative;
}
.sf-menu ul {
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  min-width: 12em;
  *width: 12em;
}
.sf-menu li {
  background: transparent;
  white-space: nowrap;
  *white-space: normal;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  -ms-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
  background: rgba(122, 122, 122, 0.1);
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.sf-menu li:hover > a,
.sf-menu li.sfHover > a {
  color: #ffffff;
}
.sf-menu li a {
  border-left: 1px solid transparent;
  padding: .75em 1em;
  text-decoration: none;
  zoom: 1;
  color: #ffffff;
}
.sf-menu li li {
  background: #fff;
}
.sf-menu li li:hover {
  background: #eeeeee;
}
.sf-menu li li a {
  border: none;
  border-top: transparent 1px dotted;
  color: #0196ae;
}
.sf-menu li li a:hover {
  color: #0196ae;
}
.sf-menu > li:first-child > a {
  border-left: none;
}
.sf-menu > li {
  font-size: .85em;
  letter-spacing: .05em;
}
.sf-menu > li > a {
  padding: .75em 24px;
}
.sf-menu > li > a {
  text-transform: uppercase;
  font-weight: 600;
}

.logo {
  /*visibility: hidden;*/
  /*background: url(../img/layout/logo.png) 50% 0 no-repeat;*/
  background-size: 367px 70px;
  width: 367px;
  height: 70px;
  position: absolute;
  z-index: 999;
  bottom: 0 ;
  left: 460px;
}
#mobnav-btn {
  display: none;
  width: 155px;
  line-height: 1em;
  font-size: 1.5em;
  font-weight: bold;
  background-color: transparent;
  color: #ffffff;
  padding: .5em 2em .5em 1em;
  cursor: pointer;
  position: relative;
  text-align: right;
  float:right;
}
#mobnav-btn:before {
  content: "";
  position: absolute;
  top: .67em;
  right: .4em;
  width: 1em;
  height: 0.15em;
  background: #ffffff;
  -webkit-box-shadow: 0 0.25em 0 0 #ffffff, 0 0.5em 0 0 #ffffff;
  -moz-box-shadow: 0 0.25em 0 0 #ffffff, 0 0.5em 0 0 #ffffff;
  -ms-box-shadow: 0 0.25em 0 0 #ffffff, 0 0.5em 0 0 #ffffff;
  -o-box-shadow: 0 0.25em 0 0 #ffffff, 0 0.5em 0 0 #ffffff;
  box-shadow: 0 0.25em 0 0 #ffffff, 0 0.5em 0 0 #ffffff;
}
.mobnav-subarrow {
  display: none;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  background-position: top left!important;
  position: absolute;
  top: 1em;
  right: .8em;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  width: 0;
  height: 0;
  border: .5em solid transparent;
  border-top-color: #ffffff;
}
.product_grid_display .grid_product_info .pricedisplay {
  color: #464547;
}
.ubermenu-responsive-toggle {
  /*background:@teal !important; text-align:right !important; padding-right:.2em !important; font-size:1.3em !important;
  >.fa {float: right !important;  font-size: 1.2em !important; margin-right:0 !important;}  */
  display: none !important;
}



/* Start of Inline Styles */
.wmgc .wg-content .wg-video img {
  max-width: 100% !important;
}

.home #featured img {
  border-radius: 5px;
}

.landing-product {
  float: left;
  padding: 15px;
  width: 25%;
  height: 250px;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  margin: 20px 0 0 0;
}

.landing-product h1 {
  display: none;
  color: #fff;
  text-align: center;
  font-size: 25px !important;
  position: relative;
  top: 25%;
}

.loadmore {
  clear: both;
}

.lp-image {
  max-width: 100%;
}

.lp-link {
  display: none;
    white-space: normal;
    white-space: normal;
    word-wrap: normal;
}

.lp-viewall, .loadmore {
  clear: both;
  color: #999;
  cursor: pointer;
  text-align: center;
  background-color: #008da8;
  color: #fff;
  padding: 5px 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 auto;
    display: block;
  position: relative;
  top: 10px;
}

.lp-viewall a {
  color: #fff !important;
}

.lp-viewall {
  display: none;
}

.grid-filters {
  margin-bottom: 25px;
}

.lp-loading {
  max-width: 75px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.loadmore, .lp-viewall {
  margin-top: 25px;
}

.searchboxer {
  width: 69%;
  /*left: 5px;*/
  height: 45px;
  border-radius: 5px;
  /*border: 1px solid #d1eaff;*/
  padding-left: 45px;
}

.searchform {
    /*position: absolute;*/
    /*width: 80%;*/
    /*width:350px;*/
    height: auto;
    max-height: none;
    border-radius: 5px;
    /*background: #d1eaff;
    background-image: -moz-radial-gradient(center,ellipse cover,rgb(219,233,238),rgb(219,233,238));
    background-image: -webkit-gradient(radial,center center,0px,center center,100%,rgb(219,233,238),rgb(219,233,238));
    background-image: -webkit-radial-gradient(center,ellipse cover,rgb(219,233,238),rgb(219,233,238));
    background-image: -o-radial-gradient(center,ellipse cover,rgb(219,233,238),rgb(219,233,238));
    background-image: -ms-radial-gradient(center,ellipse cover,rgb(219,233,238),rgb(219,233,238));
    background-image: radial-gradient(ellipse at center,rgb(219,233,238),rgb(219,233,238));*/
    overflow: hidden;
    border: 0 #000;
    border-radius: 5px;
    /*box-shadow: 0 10px 18px -13px #000;*/
  /*padding: 5px;*/
  z-index: 0;
  /*left: 10%;*/
}

.search-bar.search-results .searchform {
  position: relative;
  border:1px solid #cacaca;
}

.home .search-bar.search-results .searchform {
  border:none;
}

.posttype-choices {
direction: ltr;
    background-image: -webkit-linear-gradient(185deg,rgb(109,204,237),rgb(104,174,199));
    background-image: -moz-linear-gradient(185deg,rgb(109,204,237),rgb(104,174,199));
    background-image: -o-linear-gradient(185deg,rgb(109,204,237),rgb(104,174,199));
    background-image: -ms-linear-gradient(185deg,rgb(109,204,237) 0%,rgb(104,174,199) 100%);
    background-image: linear-gradient(185deg,rgb(109,204,237),rgb(104,174,199));
    box-shadow: 2px 2px 3px -1px #000;
    max-width: 208px;
  padding: 10px;
  position: relative;
  top: -10px;
  margin-top: 10px;
}

.posttype-choices label {
    font-weight: 700;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    text-shadow: 0 0 0 transparent;
}

.posttype-choices .choice {
  margin-bottom: 10px;
}

.posttype-choices .choice input[type="checkbox"] + label:before {
  border: 1px solid #333;
  content: "\00a0";
  display: inline-block;
  font: 16px/1em sans-serif;
  height: 16px;
  margin: 0 .25em 0 0;
  padding: 0;
  vertical-align: top;
  width: 16px;
    background-image: -webkit-linear-gradient(180deg,rgb(34,34,34),rgb(69,72,77));
    background-image: -moz-linear-gradient(180deg,rgb(34,34,34),rgb(69,72,77));
    background-image: -o-linear-gradient(180deg,rgb(34,34,34),rgb(69,72,77));
    background-image: -ms-linear-gradient(180deg,rgb(34,34,34) 0%,rgb(69,72,77) 100%);
    background-image: linear-gradient(180deg,rgb(34,34,34),rgb(69,72,77));
}
.posttype-choices .choice input[type="checkbox"]:checked + label:before {
  color: #fff;
  content: "\2713";
  text-align: center;
    background-image: -webkit-linear-gradient(180deg,rgb(34,34,34),rgb(69,72,77));
    background-image: -moz-linear-gradient(180deg,rgb(34,34,34),rgb(69,72,77));
    background-image: -o-linear-gradient(180deg,rgb(34,34,34),rgb(69,72,77));
    background-image: -ms-linear-gradient(180deg,rgb(34,34,34) 0%,rgb(69,72,77) 100%);
    background-image: linear-gradient(180deg,rgb(34,34,34),rgb(69,72,77));
}
.posttype-choices .choice input[type="checkbox"]:checked + label:after {
  font-weight: bold;
}

.posttype-choices .choice input[type="checkbox"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
}

.posttype-choices .choice input[type="checkbox"] {
  display: none;
}

.choices-button {
  cursor: pointer;
  width: 32px;
  height: 32px;
  text-align: center;
  padding: 4px;
  display: inline-block;
  color: #333;
  direction: ltr;
  background-image: -webkit-linear-gradient(185deg,rgb(109,204,237),rgb(104,174,199));
  background-image: -moz-linear-gradient(185deg,rgb(109,204,237),rgb(104,174,199));
  background-image: -o-linear-gradient(185deg,rgb(109,204,237),rgb(104,174,199));
  background-image: -ms-linear-gradient(185deg,rgb(109,204,237) 0%,rgb(104,174,199) 100%);
  background-image: linear-gradient(185deg,rgb(109,204,237),rgb(104,174,199));
  /*box-shadow: 2px 2px 3px -1px #000;*/
  max-width: 208px;
  position: absolute;
  top: 6px;
  left: 6px;
  float: left;
  z-index: 999;
  line-height: 25px;
}

.searchform .searchsubmit {
    width: 28px;
    height: 28px;
    /*
    background-image: -webkit-linear-gradient(180deg,rgb(132,197,220),rgb(108,209,245));
    background-image: -moz-linear-gradient(180deg,rgb(132,197,220),rgb(108,209,245));
    background-image: -o-linear-gradient(180deg,rgb(132,197,220),rgb(108,209,245));
    background-image: -ms-linear-gradient(180deg,rgb(132,197,220) 0%,rgb(108,209,245) 100%);
    background-image: linear-gradient(180deg,rgb(132,197,220),rgb(108,209,245));
    background-position: center center;
    background-repeat: no-repeat;*/
    order: 11;
    -webkit-order: 11;
    /*float: right;
    border: 0 solid #68aec7;
    border-radius: 0 0 0 0;
    box-shadow: -1px 1px 0 0 rgba(255,255,255,.61) inset;
    cursor: pointer;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;*/
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 6px;
  /*float: right;
  cursor: pointer;
  padding: 4px;*/
}

.searchform .searchsubmit * {
  width: 100%;
  height: auto;
}

.searchform p {
  margin-bottom: 0;
}

.content-main .search-result.clearfix:first-child {
  display: none;
}

.posttype-choices {
  display: none;
  position: absolute;
  top: 33px;
  z-index: 1000;
}

.main-container.search-bar .posttype-choices {
  top: 79px;
}

.searchform {
  bottom: 0px;
  display: block;
  height: 45px;
}

.posttype-choices-container {
  position: absolute;
  bottom: 55px;
  left: 5px;
  width: 155px;
}

.search-bar .searchbox {
  margin-left: 0px;
}

.search .searchbox {
  margin-left:45px;
}

.searchsubmit {
  z-index: 999;
}

.search-bar.search-results .posttype-choices {
  margin-left: 115px;
}

.home .search-bar.search-results .posttype-choices-container {
  position: relative;
  margin-left: 115px;
}

.search .search-bar.search-results .posttype-choices-container {
  position: relative;
  margin-left: 0px;
  margin-top:12px;
}

.search-bar.search-results .posttype-choices {
  top: 33px;
  margin-left: 0px;
}

@media (max-width: 768px) {
  .search-bar.search-results .posttype-choices-container {
  margin-left: 80px;
  }
}
/* End of Inline Styles */






@media screen and (max-width: 1078px) {
  .ubermenu .ubermenu-target-text {
    font-size: 0.875em;
  }

  .ubermenu .ubermenu-target {
    padding-left:18px;
    padding-right:18px;
  }
}

@media screen and (max-width: 1024px), (max-width: 1024px) and (orientation: landscape), (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .sf-menu > li > a {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 480px), (max-width: 480px) and (orientation: landscape), (max-width: 480px) and (orientation: portrait), (max-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), (max-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  #mobnav-btn,
  .mobnav-subarrow {
    display: block;
  }
  .sf-menu {
    width: 100%;
    display: none;
  }
  .sf-menu.xactive {
    display: block;
  }
  .sf-menu li {
    position: relative;
  }
  .sf-menu li:hover,
  .sf-menu li.sfHover {
    background: transparent;
  }
  .sf-menu li:hover > a,
  .sf-menu li.sfHover > a {
    color: #ffffff;
  }
  .sf-menu li:hover > ul,
  .sf-menu li.sfHover > ul {
    display: none;
  }
  .sf-menu li.open .mobnav-subarrow {
    border-top-color: transparent;
    border-bottom-color: #ffffff;
    top: .5em;
  }
  .sf-menu li li a {
    padding-left: 2em;
  }
  .sf-menu ul {
    position: static;
  }
  .sf-menu > li {
    float: none;
    border-top: transparent 1px dotted;
  }
  .sf-menu ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    min-width: 0;
  }
  .sf-menu li {
    white-space: normal;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
  }
  .sf-menu li a {
    border-left: none;
  }
}
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media screen and (max-width: 1024px), (max-width: 1024px) and (orientation: landscape), (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .header-container .header-right {
    padding-right: 1em;
  }
  .home-callout .home-callout-right {
    padding-right: 1%;
  }
  .secondary-content .sidebar-right .content-main {
    padding-left: 2%;
  }
  .secondary-content .individual-designer .content-main {
    padding-right: 1%;
  }
  .secondary-content .shop-category .content-sidebar-left,
  .secondary-content .product-details .content-sidebar-left {
    padding-left: 1%;
  }
  .secondary-content .shop-category .content-sidebar-right,
  .secondary-content .product-details .content-sidebar-right {
    padding-right: 1%;
  }
  .page-template-page-no-sidebar-php article,
  .single-project .main-container ~ .main-container > .main > .secondary-content {
    padding: 0 2%;
  }
}
@media screen and (max-width: 768px), (max-width: 768px) and (orientation: portrait), (max-width: 768px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .home-footer .home-footer-blocks {
    font-size: .9em;
  }
  .home-slides {
    padding: 4em 0 0 0;
  }
  .home-slides .wrapper {
    display: none;
  }
}

@media screen and (max-width: 959px) {
  .logo {
    background-image: url(../img/css/logo-nobg.png);
    width: 120px;
    height: 32px;
    background-size: auto;
    top: 7px;
    left: 15px !important;
  }
  .logo img {
    display: none;
  }

  .ubermenu-main {
    min-height: auto !important;
    height:auto !important;
  }

  #mobnav-btn, .mobnav-subarrow {
    display: block;
  }
}


/* covers both low and high-density pixel devices */
@media screen and (max-width: 480px), (max-width: 480px) and (orientation: landscape), (max-width: 480px) and (orientation: portrait), (max-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), (max-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .logo {
    background-image: url(../img/css/logo-nobg.png);
    width: 120px;
    height: 32px;
    background-size: auto;
    top: 7px;
    left: 15px !important;
  }
  .logo img {
    display: none;
  }
  .home-block {
    padding: 1em 0;
  }
  .home-block img.size-full {
    width: 100%;
    height: auto;
  }
  .home-header-slides .cycle-slideshow .slide > p {
    font-size: 2.4em;
  }
  .home-callout {
    overflow: hidden;
  }
  .home-callout .home-callout-left,
  .home-callout .home-callout-right {
    width: 100%;
    float: none;
    display: block;
  }
  .home-callout .home-callout-left {
    padding-top: 1em;
    width: 50%;
    margin: 0 auto 2em;
  }
  .home-callout .home-callout-right {
    padding: 0 5%;
    font-size: 0.8em;
  }
  .home-callout h1 {
    text-align: center;
  }
  .home-callout p,
  .home-callout blockquote {
    font-size: 1.35em;
  }
  .home-callout p.quote-author {
    float: left;
    padding-left: 1.75em;
  }
  .home-callout p.action {
    float: right;
  }
  .home-callout p.action a {
    padding: 0;
  }
  .home-callout p.action a:after {
    content: " \2192";
    width: auto;
    background: none;
    padding: 0;
  }
  .home-carousel .home-carousel-slides .cycle-slideshow {
    overflow: visible !important;
  }
  .home-carousel .home-carousel-slides .cycle-slideshow > .slide {
    padding-bottom: 5em;
  }
  .home-carousel .home-carousel-slides .cycle-slideshow > .slide h1 {
    font-size: 1.5em;
  }
  .home-carousel .home-carousel-slides .cycle-slideshow > .slide .button {
    width: 45%;
    bottom: 1em;
  }
  .home-footer {
    padding: 2em 0;
  }
  .home-footer .home-footer-blocks {
    min-height: 0;
  }
  .home-footer .home-footer-blocks .block-image,
  .home-footer .home-footer-blocks .block-text {
    float: none;
    width: 100%;
  }
  .home-footer .home-footer-blocks .block-image {
    margin: 0 0 1em;
  }
  .home-footer .home-footer-blocks > article {
    padding: 2em;
  }
  .home-footer .home-footer-blocks > article > img {
    width: 100%;
    height: auto;
    margin: 0 0 1em !important;
  }
  .home-footer .home-footer-tabs li {
    width: 49.5%;
    margin: 0 0 .5em !important;
    float: left;
  }
  .home-footer .home-footer-tabs li:nth-child(even) {
    float: right;
  }
  .home-footer .home-footer-tabs a {
    min-height: 0;
    padding: 1em 0;
    text-align: center;
    font-weight: bold;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
  .home-footer .home-footer-tabs:after {
    content: "";
    display: table;
    clear: both;
  }
  .main-container > .main > .secondary-content {
    padding-top: 0;
  }
  .secondary-content .content-main.project-instructions h1 {
    margin-top: 0;
  }
  .secondary-content .quick-shop-modal {
    width: 100%;
  }
  .secondary-content .quick-shop-modal a.modal-close {
    right: 0;
    top: 0;
  }
  .secondary-content .quick-shop-modal .product-image {
    padding-left: 0;
  }
  .secondary-content .quick-shop-modal .product-info {
    padding-right: 0;
  }
  .secondary-content .individual-designer .content-main,
  .secondary-content .individual-designer .content-sidebar-right {
    width: 100%;
    float: none;
  }
  .secondary-content .project-details .project-description,
  .secondary-content .project-details .project-sidebar {
    width: 100%;
    float: none;
  }
  .secondary-content .project-details .project-sidebar {
    margin: .5em 0;
  }
  .secondary-content .project-details .details {
    width: 100%;
    display: block;
  }
  .secondary-content .sidebar-left .content-main,
  .secondary-content .sidebar-right .content-main,
  .secondary-content .sidebar-left .content-sidebar-left,
  .secondary-content .sidebar-right .content-sidebar-left,
  .secondary-content .sidebar-left .content-sidebar-right,
  .secondary-content .sidebar-right .content-sidebar-right {
    width: 100%;
    float: none;
  }
  .secondary-content .shop-category .content-sidebar-left,
  .secondary-content .product-details .content-sidebar-left {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    float: none;
  }
  .secondary-content .shop-category .product-main,
  .secondary-content .product-details .product-main,
  .secondary-content .shop-category .content-main,
  .secondary-content .product-details .content-main,
  .secondary-content .shop-category .content-sidebar-right,
  .secondary-content .product-details .content-sidebar-right {
    width: 100%;
    padding: 0 2%;
    float: none;
  }
  .secondary-content .shop-category .wpsc-breadcrumbs,
  .secondary-content .product-details .wpsc-breadcrumbs {
    font-size: 0.8em;
  }
  .secondary-content .shop-category .content-sidebar-left h1:first-of-type,
  .secondary-content .product-details .content-sidebar-left h1:first-of-type {
    font-size: 1.3em;
    font-weight: bold;
    display: block;
    background: #00abc7;
    color: #fff;
    text-align: right;
    padding: .5em 2em .5em 1em;
  }
  .secondary-content .shop-category .content-sidebar-left h1:first-of-type:before,
  .secondary-content .product-details .content-sidebar-left h1:first-of-type:before {
    content: "";
    position: absolute;
    top: .62em;
    right: .4em;
    width: 1em;
    height: 0.13em;
    background: #ffffff;
    -webkit-box-shadow: 0 0.3em 0 0 #ffffff, 0 0.6em 0 0 #ffffff;
    -moz-box-shadow: 0 0.3em 0 0 #ffffff, 0 0.6em 0 0 #ffffff;
    -ms-box-shadow: 0 0.3em 0 0 #ffffff, 0 0.6em 0 0 #ffffff;
    -o-box-shadow: 0 0.3em 0 0 #ffffff, 0 0.6em 0 0 #ffffff;
    box-shadow: 0 0.3em 0 0 #ffffff, 0 0.6em 0 0 #ffffff;
  }
  .secondary-content .shop-category .content-sidebar-left .facet-group,
  .secondary-content .product-details .content-sidebar-left .facet-group {
    padding: 0 10px;
  }
  .secondary-content .shop-category .content-sidebar-left .facet-group.hidden-category,
  .secondary-content .product-details .content-sidebar-left .facet-group.hidden-category {
    display: none !important;
  }
  .secondary-content .secondary-main-carousel .secondary-main-carousel-slides .cycle-slideshow > .slide > .slide-left,
  .secondary-content .secondary-main-carousel .secondary-main-carousel-slides .cycle-slideshow > .slide > .slide-right {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
  }
  .secondary-content .secondary-main-carousel .secondary-main-carousel-slides .cycle-slideshow > .slide > .slide-left {
    margin: 0 0 1em;
  }
  .secondary-content .secondary-main-carousel .secondary-main-carousel-slides .cycle-slideshow > .slide .button {
    font-size: 1em;
    text-align: center;
    float: none;
    background: none;
    margin: 1em 0 0;
  }
  .secondary-content .secondary-main-carousel .secondary-main-carousel-slides .cycle-slideshow > .slide .button a {
    display: inline-block;
  }
  .product_grid_display .product_grid_item {
    width: 50% !important;
    margin: 0 !important;
  }
  .product_grid_display .grid_view_clearboth {
    display: none;
  }
  .wpsc_page_numbers_bottom {
    text-align: center;
  }
  .markets-grid {
    text-align: center;
  }
  .markets-grid > a {
    display: inline-block;
  }
  .mosaic .post-mosaic .post-mosaic-item {
    width: 50%;
    padding-bottom: 50%;
  }
  .mosaic .post-mosaic .post-mosaic-item.width1height1 {
    width: 50%;
    padding-bottom: 50%;
  }
  .mosaic .post-mosaic .post-mosaic-item.width2height1 {
    width: 100%;
    padding-bottom: 50%;
  }
  .mosaic .post-mosaic .post-mosaic-item.width1height2 {
    width: 50%;
    padding-bottom: 100%;
  }
  .mosaic .post-mosaic .post-mosaic-item.width2height2 {
    width: 100%;
    padding-bottom: 100%;
  }
  .post-type-archive-project .secondary-content header,
  .post-type-archive-designer .secondary-content header {
    padding: 0 10px;
  }
  .post-type-archive-project .secondary-content header .pull-right,
  .post-type-archive-designer .secondary-content header .pull-right {
    float: none !important;
  }
  .content-sidebar div.wpsc_categorisation_group {
    display: none;
  }
  .content-sidebar div.wpsc_categorisation_group > ul > li > a {
    padding-left: 1%;
    padding-right: 1%;
  }
  .content-sidebar div.wpsc_categorisation_group.visible {
    display: block;
  }
  .content-sidebar div.wpsc_categorisation_group.open {
    padding-bottom: 0;
  }
  .content-sidebar div.wpsc_categorisation_group.open .wpsc_top_level_categories > li > ul {
    display: none;
  }
  .content-sidebar div.wpsc_categorisation_group.open .wpsc_top_level_categories > li > a:after {
    content: "\25BC";
  }
  .content-sidebar div.wpsc_categorisation_group.mobile-open .wpsc_top_level_categories > li > ul {
    display: block;
  }
  .content-sidebar div.wpsc_categorisation_group.mobile-open .wpsc_top_level_categories > li > a:after {
    content: "\25B2";
  }
  #checkout_page_container h4 {
    padding-left: 0 !important;
  }
  .billing_shipping_table table.wpsc_checkout_table tr.same_as_shipping_row td,
  #checkout_page_container table.wpsc_checkout_table tr.same_as_shipping_row td,
  .billing_shipping_table table.productcart tr.same_as_shipping_row td,
  #checkout_page_container table.productcart tr.same_as_shipping_row td,
  .billing_shipping_table table.wpsc_checkout_table tr.checkout-heading-row td,
  #checkout_page_container table.wpsc_checkout_table tr.checkout-heading-row td,
  .billing_shipping_table table.productcart tr.checkout-heading-row td,
  #checkout_page_container table.productcart tr.checkout-heading-row td {
    padding-left: 0 !important;
  }
  .footer-container nav .nav-col {
    width: 50%;
  }
  .footer-container .footer-row > div {
    float: none;
  }
  .footer-container .footer-subscribe {
    float: none;
    text-align: center;
    padding: 0;
    margin: 0 0 1em;
  }
  .footer-container .footer-subscribe * {
    display: inline;
  }
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    /* background: transparent !important;*/
    /*color: #000 !important;*/
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  /*
     * Don't show links for images, or javascript/internal links
     */
  pre,
  blockquote {
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid !important;
  }
  img {
    max-width: 100% !important;
    height: auto !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .header-container.fixed {
    position: static;
  }
  .header-container.fixed .title-container {
    display: block !important;
    position: relative;
  }
  .header-container .title {
    position: static;
  }
  .header-container nav {
    display: none !important;
  }
  .header-left,
  .header-right {
    display: none;
  }
  .footer-container nav {
    display: none;
  }
  #footer-row-1,
  #footer-row-2,
  #footer-row-4 {
    display: none;
  }
  .home-sweepstakes .sweepstakes-bottom > div > img {
    margin-top: 20px !important;
  }
  .home-callout {
    font-size: .6em;
  }
  .home-callout .home-callout-left {
    padding-top: 0;
  }
  .home-callout .home-callout-right {
    padding-left: 1%;
  }
  .home-callout blockquote {
    padding-left: none;
  }
  .home-callout blockquote:before {
    display: none;
  }
  .home-callout p.action {
    display: none;
  }
  .home-carousel .home-carousel-slides .cycle-slideshow .controls,
  .home-carousel .home-carousel-slides .cycle-slideshow .slide .button {
    display: none !important;
  }
  .home-block.home-footer {
    padding: 0 !important;
  }
  .home-footer .home-footer-blocks {
    min-height: 0 !important;
  }
  .home-footer .home-footer-blocks > article {
    padding: 1em 2em !important;
  }
  .home-footer-tabs.wrapper {
    display: none;
  }
  .main-container > .main > .secondary-content {
    padding-top: 1em !important;
  }
  .product_grid_display span.sale {
    display: none !important;
  }
  .product_grid_display .product_grid_item {
    height: auto !important;
    page-break-inside: avoid;
  }
  .product_grid_display .product_grid_item:nth-child(3n+1) {
    clear: left;
  }
  .facet-group {
    font-size: 0.7em;
  }
  .product_grid_item .grid_more_info,
  .product_grid_item .more_details_container,
  .wpsc_page_numbers_top,
  .wpsc_page_numbers_bottom {
    display: none !important;
  }
  .secondary-content .product-details .content-sidebar-right,
  .secondary-content .shop-category .content-sidebar-right {
    font-size: 0.8em;
  }
  .wpsc_buy_button_container {
    display: none !important;
  }
  .MagicZoomHint {
    display: none !important;
  }
  .project-slider .controls {
    display: none !important;
  }
  \ .product-slider-container {
    page-break-inside: avoid;
  }
  #product-slide-pager {
    display: none !important;
  }
  .rating-form {
    display: none !important;
  }
  .social-bookmarks {
    display: none;
  }
  .content-sidebar .sidebar-slider .controls {
    display: none !important;
  }
  .individual-designer .post-mosaic {
    height: auto !important;
  }
  .individual-designer .mosaic .post-mosaic-item {
    float: none !important;
    top: 0 !important;
    left: 0 !important;
    position: relative !important;
    page-break-inside: avoid;
  }
  .individual-designer .mosaic .post-mosaic-item.width1height1 {
    float: left !important;
  }
  .mosaic .post-mosaic .post-mosaic-item a {
    font-size: .8em;
  }
}
.banner-spacer {
  height: 20px;
}