@charset "UTF-8";
/* ==========================================================================
   Defaults
   ========================================================================== */
.wrapper, .page {
  background: none; }

@media (max-width: 1024px) {
  body {
    min-width: 0 !important; }
  picture {
    display: block; }
  /* Never display the email modal for mobile users */
  #ltkmodal-overlay, #ltkmodal-container {
    display: none !important; } }

/* ==========================================================================
   Mixins
   ========================================================================== */
/* ==========================================================================
   Variables
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Media Queries
   ========================================================================== */
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  z-index: 1;
  *zoom: 1; }

.bx-wrapper img {
  max-width: 100%;
  display: block;
  margin: 0 auto; }

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -ms-transform: translatez(0);
  transform: translatez(0); }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline; }

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(http://lghttp.5654.nexcesscdn.net/8041F9/mage/skin/frontend/pro/cc/css/images/controls.png) no-repeat 0 -32px; }

.bx-wrapper .bx-next {
  right: 10px;
  background: url(http://lghttp.5654.nexcesscdn.net/8041F9/mage/skin/frontend/pro/cc/css/images/controls.png) no-repeat -43px -32px; }

.bx-wrapper .bx-prev:hover {
  background-position: 0 0; }

.bx-wrapper .bx-next:hover {
  background-position: -43px 0; }

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999; }

.bx-wrapper .bx-controls-direction a.disabled {
  display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(http://lghttp.5654.nexcesscdn.net/8041F9/mage/skin/frontend/pro/cc/css/images/controls.png) -86px -11px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(http://lghttp.5654.nexcesscdn.net/8041F9/mage/skin/frontend/pro/cc/css/images/controls.png) -86px -44px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666 \9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px; }

/* ==========================================================================
   Add Order
   ========================================================================== */
/**
 * These rules style the `#addOrder` modal element that displays when users
 * click a 'Buy Now' button on a product page. The styles were directly lifted
 * from _/skin/frontend/pro/ccair2/css/ccair2.css_ and modified to ensure good
 * display on tablets/phones.
 */
#spinner-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 0.4;
  z-index: 1000; }

#addOrder-spinner {
  font-weight: 500;
  padding: 0;
  position: fixed;
  width: 300px;
  z-index: 10000;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #fff;
  box-shadow: 0 1px 1px #e8e8e8;
  top: 34%;
  left: 50%;
  margin-left: -151px; }
  @media (min-width: 330px) {
    #addOrder-spinner {
      margin-left: -161px;
      width: 320px; } }

#addOrder-spinner em {
  display: inline-block;
  color: #777;
  font-family: "museo-sans",sans-serif;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  margin-left: 10px; }
  @media (max-width: 330px) {
    #addOrder-spinner em {
      margin-left: 0;
      padding-left: 30px; } }

#addOrder-spinner h4 {
  color: #2d7fe9;
  font-family: "museo-sans",sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  line-height: 1;
  cursor: auto; }

#addOrder-spinner span {
  display: inline-block;
  width: 100px;
  color: #414141;
  font-family: "museo-sans",sans-serif;
  font-size: 12px;
  font-weight: 500;
  margin-top: 5px; }

#addOrder-spinner p {
  color: #777;
  font-family: "museo-sans",sans-serif;
  font-size: 14px;
  text-align: center;
  background-color: #f5f5f5;
  box-shadow: 0 -1px 0 #e3e3e3, inset 0 1px 1px #e8e8e8;
  padding: 15px 0;
  margin: 0; }

#addOrder-spinner .top {
  padding: 15px;
  margin: 0;
  border-bottom: 1px solid #dbdbdb; }
  @media (max-width: 330px) {
    #addOrder-spinner .top {
      position: relative; } }
  @media (min-width: 330px) {
    #addOrder-spinner .top {
      padding: 15px 30px; } }

#addOrder-spinner .top img {
  float: left;
  margin-top: 3px; }
  @media (max-width: 330px) {
    #addOrder-spinner .top img {
      float: none;
      left: 20px;
      position: absolute;
      top: 15px; } }

#addOrder-spinner .middle {
  padding: 15px 30px;
  height: 52px; }

#addOrder-spinner .middle img {
  float: left;
  width: 100px;
  height: 50px;
  margin-right: 15px; }

#addOrder-spinner .bottom {
  padding: 0; }

/* ==========================================================================
   CC Controls
   ========================================================================== */
.cc-controls {
  text-align: center; }

/* Controls
   ========================================================================== */
.cc-controls__controls {
  border-radius: 2px 2px 0 0;
  color: #fdfdfd;
  position: relative;
  z-index: 2; }

.cc-controls__controls__prev, .cc-controls__controls__next {
  background: #9aa5b7;
  border: none;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  height: 35px;
  padding: 11px 9px;
  position: absolute;
  top: 0;
  line-height: 15px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .cc-controls__controls__prev, .cc-controls__controls__next {
      height: 40px;
      padding-top: 14px; } }
  .cc-controls__controls__prev .cc-icon-media-control-prev, .cc-controls__controls__prev .cc-icon-media-control-next, .cc-controls__controls__next .cc-icon-media-control-prev, .cc-controls__controls__next .cc-icon-media-control-next {
    display: inline-block;
    vertical-align: top; }

.cc-controls__controls__prev {
  border-radius: 2px 0 0;
  left: 0; }

.cc-controls__controls__next {
  border-radius: 0 2px 0 0;
  right: 0; }

/* Content
   ========================================================================== */
.cc-controls__content {
  border-color: #c0c8ce;
  border-radius: 3px 3px 2px 2px;
  border-style: solid;
  border-width: 0 1px 1px;
  font-size: 0;
  line-height: 0;
  overflow: hidden; }

.cc-controls__content__wrapper {
  -webkit-transition: -webkit-transform 250ms;
          transition: transform 250ms;
  width: 500%; }
  .cc-controls__content__wrapper:before, .cc-controls__content__wrapper:after {
    content: ' ';
    display: table; }
  .cc-controls__content__wrapper:after {
    clear: both; }

.cc-controls__content__item {
  float: left;
  position: relative;
  white-space: nowrap;
  padding: 44px 0 9px;
  width: 20%;
  vertical-align: top; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .cc-controls__content__item {
      padding-top: 49px; } }

.cc-controls__heading {
  background: #9aa5b7;
  color: #fdfdfd;
  font-size: 14px;
  font-weight: 500;
  left: 0;
  line-height: 35px;
  margin: 0 2px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
  width: 100%; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .cc-controls__heading {
      font-size: 11px;
      line-height: 40px; } }

.cc-controls__key {
  border: 1px solid #d6dbde;
  border-radius: 5px;
  display: inline-block;
  height: 34px;
  line-height: 34px;
  margin: 0 4px;
  position: relative;
  vertical-align: top;
  width: 52px; }
  .cc-controls__key span {
    display: block;
    position: relative;
    top: 50%;
    margin-left: auto;
    margin-right: auto; }

/* State
   ========================================================================== */
.is-item-1.cc-controls .cc-controls__content__wrapper {
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%); }

.is-item-2.cc-controls .cc-controls__content__wrapper {
  -webkit-transform: translateX(-20%);
      -ms-transform: translateX(-20%);
          transform: translateX(-20%); }

.is-item-3.cc-controls .cc-controls__content__wrapper {
  -webkit-transform: translateX(-40%);
      -ms-transform: translateX(-40%);
          transform: translateX(-40%); }

.is-item-4.cc-controls .cc-controls__content__wrapper {
  -webkit-transform: translateX(-60%);
      -ms-transform: translateX(-60%);
          transform: translateX(-60%); }

.is-item-5.cc-controls .cc-controls__content__wrapper {
  -webkit-transform: translateX(-80%);
      -ms-transform: translateX(-80%);
          transform: translateX(-80%); }

/* ==========================================================================
   CC Footer
   ========================================================================== */
.cc-footer {
  background: #ededed;
  border-top: thin solid #e2e2e2;
  color: #999c9e;
  font-family: 'museo-sans', 'museo sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  margin: 0 auto;
  max-width: 1120px; }
  .cc-footer, .cc-footer *, .cc-footer *:before, .cc-footer *:after {
    box-sizing: border-box; }
  @media (min-width: 768px) {
    .cc-footer {
      border-top-color: #d7d7d7;
      padding: 55px 0 0; } }
  @media (min-width: 1024px) {
    .cc-footer {
      background: #e6e6e6;
      border-top: none;
      padding-top: 114px; } }

/* Top
   ========================================================================== */
.cc-footer__top {
  color: #787d81; }
  .cc-footer__top:before, .cc-footer__top:after {
    content: ' ';
    display: table; }
  .cc-footer__top:after {
    clear: both; }
  @media (min-width: 768px) {
    .cc-footer__top {
      padding: 0 40px 50px; } }
  @media (min-width: 1024px) {
    .cc-footer__top {
      padding-right: 60px;
      padding-left: 60px; } }
  .cc-footer__top h3 {
    background: #f5f5f5;
    border-bottom: thin solid #e2e2e2;
    cursor: pointer;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 14px 30px 14px 50px;
    position: relative; }
    .cc-footer__top h3:before {
      border-color: transparent transparent transparent #7d8286;
      border-style: solid;
      border-width: 4px 0 4px 5px;
      content: '';
      display: inline-block;
      left: 30px;
      position: absolute;
      top: 20px; }
    .cc-footer__top h3:hover {
      color: #292f33; }
    @media (min-width: 768px) {
      .cc-footer__top h3 {
        background: none;
        border: none;
        color: #292f33;
        cursor: default;
        font-size: 16px;
        font-weight: 500;
        margin: 0 0 1em;
        padding: 0;
        position: static; }
        .cc-footer__top h3:before {
          display: none; } }
    @media (min-width: 1024px) {
      .cc-footer__top h3 {
        border-bottom: thin solid #cfcfcf;
        font-weight: 300;
        line-height: 1;
        margin: 0 0 22px;
        padding: 0 0 18px; } }
  .cc-footer__top ul {
    list-style: none;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    -webkit-transition: max-height 150ms;
            transition: max-height 150ms; }
    @media (min-width: 768px) {
      .cc-footer__top ul {
        max-height: none;
        overflow: visible;
        -webkit-transition: none;
                transition: none; } }
  .cc-footer__top li {
    border-bottom: thin solid #e2e2e2;
    padding: 14px 30px 14px 50px; }
    @media (min-width: 768px) {
      .cc-footer__top li {
        border: none;
        padding: 3px 0; } }
  .cc-footer__top a {
    color: inherit;
    display: block;
    text-decoration: none;
    margin: -14px -30px -14px -50px;
    padding: 14px 30px 14px 50px; }
    @media (min-width: 768px) {
      .cc-footer__top a {
        margin: 0;
        padding: 0; } }
    .cc-footer__top a:focus, .cc-footer__top a:hover, .cc-footer__top a:active {
      color: #292f33; }

/** Social media links */
.cc-footer__top__social-links {
  font-size: 0;
  line-height: 0; }
  .cc-footer__top__social-links a {
    display: inline-block;
    margin: 0;
    padding: 0; }
    .cc-footer__top__social-links a + a {
      margin-left: 15px; }
      @media (min-width: 768px) {
        .cc-footer__top__social-links a + a {
          margin-left: 5px; } }
  .cc-footer__top__social-links .cc-icon-facebook, .cc-footer__top__social-links .cc-icon-twitter {
    display: inline-block;
    vertical-align: top; }
    .cc-footer__top__social-links .cc-icon-facebook:focus, .cc-footer__top__social-links .cc-icon-facebook:hover, .cc-footer__top__social-links .cc-icon-facebook:active, .cc-footer__top__social-links .cc-icon-twitter:focus, .cc-footer__top__social-links .cc-icon-twitter:hover, .cc-footer__top__social-links .cc-icon-twitter:active {
      opacity: .75; }

/** Layout */
.cc-footer__top__newsletter {
  display: none; }

@media (min-width: 768px) {
  .cc-footer__top__products, .cc-footer__top__account, .cc-footer__top__account__links, .cc-footer__top__account__shipping {
    float: left; }
  .cc-footer__top__contact {
    float: right; }
  .cc-footer__top__products {
    width: 30%; }
  .cc-footer__top__account {
    width: 55%; }
  .cc-footer__top__account__links {
    width: 45.5%; }
  .cc-footer__top__account__shipping {
    width: 54.5%; } }

@media (min-width: 1024px) {
  .cc-footer__top__products, .cc-footer__top__account, .cc-footer__top__contact, .cc-footer__top__newsletter {
    padding-right: 20px;
    padding-left: 20px; }
  .cc-footer__top__products, .cc-footer__top__account, .cc-footer__top__contact {
    width: 23%; }
  .cc-footer__top__account__links, .cc-footer__top__account__shipping {
    float: none;
    width: 100%; }
  .cc-footer__top__account__shipping h3 {
    display: none; }
  .cc-footer__top__contact {
    float: left; }
  .cc-footer__top__newsletter {
    display: block;
    float: right;
    width: 31%; } }

/** Newsletter */
.cc-footer__top__newsletter form {
  display: block;
  margin: 0 0 15px;
  position: relative; }
.cc-footer__top__newsletter input {
  background: #fff;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  color: #292f33;
  display: block;
  font-size: 14px;
  font-weight: 300;
  font-family: inherit;
  height: 43px;
  line-height: 1.5;
  padding: 11px 70px 11px 15px;
  width: 100%; }
  .cc-footer__top__newsletter input:focus {
    border-color: transparent !important; }
.cc-footer__top__newsletter button {
  background: #3a7af2;
  border: none;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  height: 43px;
  line-height: 1.5;
  padding: 11px 15px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0; }
.cc-footer__top__newsletter p {
  font-size: 100%;
  line-height: 1.857;
  font-weight: 300; }

/* Bottom
   ========================================================================== */
.cc-footer__bottom {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.571;
  padding: 20px 30px 30px;
  text-align: center; }
  @media (min-width: 768px) {
    .cc-footer__bottom {
      border-top: thin solid #d7d7d7;
      padding: 30px 40px; } }
  @media (min-width: 1024px) {
    .cc-footer__bottom {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media (min-width: 1120px) {
    .cc-footer__bottom {
      padding-right: 80px;
      padding-left: 80px; } }
  .cc-footer__bottom small {
    display: block; }
    @media (min-width: 1024px) {
      .cc-footer__bottom small {
        font-size: 12px;
        display: inline; } }
  .cc-footer__bottom ul {
    list-style-type: none;
    padding: 20px 0 0; }
  .cc-footer__bottom li {
    display: inline; }
    .cc-footer__bottom li + li:before {
      content: '|\0020'; }
  .cc-footer__bottom a {
    color: inherit;
    text-decoration: none;
    padding: 0 .5ex; }
    .cc-footer__bottom a:focus, .cc-footer__bottom a:hover, .cc-footer__bottom a:active {
      color: #292f33; }

/* State
   ========================================================================== */
/**
 * 'Open' state.
 *
 * This only applies to the footer's navigation items on mobile.
 */
.cc-footer__top .is-open h3:before {
  border-color: #7d8286 transparent transparent;
  border-width: 5px 4px 0; }
.cc-footer__top .is-open ul {
  max-height: 800px; }

/* ==========================================================================
   Header
   ========================================================================== */
.cc-header {
  background: #7c858c;
  color: #fff;
  position: relative;
  font-family: 'museo-sans', 'museo sans', sans-serif; }
  .cc-header *, .cc-header, .cc-header *:before, .cc-header *:after {
    box-sizing: border-box; }

.cc-header__wrapper {
  margin: 0 auto;
  max-width: 960px; }

/* Logo
   ========================================================================== */
.cc-header h1 {
  color: transparent;
  font-size: 0;
  line-height: 0;
  margin: 0; }

.cc-header h1 a {
  float: left;
  display: block;
  padding: 22px 0 0;
  text-decoration: none; }

.cc-header h1 a:focus, .cc-header h1 a:hover {
  opacity: .9; }

.cc-header h1:active {
  opacity: .8; }

.cc-header h1 .cc-icon-logo {
  background-size: 100% auto;
  display: block;
  vertical-align: top;
  height: 24px;
  width: 250px; }

/* Trigger
   ========================================================================== */
.cc-header__menu-trigger {
  display: none; }

/* Navigation
   ========================================================================== */
.cc-header nav {
  float: right;
  font-size: 14px; }

.cc-header__mobile {
  display: none; }

.cc-header nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.cc-header nav a {
  text-decoration: none; }

/**
 * Desktop-specific styles.
 */
.cc-header__desktop {
  float: left; }

.cc-header__desktop li {
  float: left;
  line-height: 70px;
  position: relative; }

.cc-header__desktop > li {
  position: relative; }

.cc-header__desktop > li:after {
  border-color: #989ea3;
  border-style: solid;
  border-width: 0 thin 0 0;
  content: '';
  display: inline-block;
  height: 20px;
  position: absolute;
  right: 0;
  top: 25px; }

.cc-header__desktop a {
  color: #fff;
  display: inline-block;
  line-height: inherit;
  padding-right: 16px;
  padding-left: 16px; }

.cc-header__desktop a:focus, .cc-header__desktop a:hover, .cc-header__desktop a:active {
  color: #b3c0cb; }

.cc-header__desktop li ul {
  background: #8f979d;
  border-radius: 0 0 2px 2px;
  display: none;
  left: 0;
  padding: 6px 16px 4px;
  position: absolute;
  top: 70px;
  min-width: 200px;
  z-index: 100; }

.cc-header__desktop li li {
  float: none;
  line-height: 36px; }

.cc-header__desktop li li a {
  display: block;
  padding: 0; }

.cc-header__desktop li li + li a {
  border-top: thin solid #a3a9ae; }

/**
 * Submenu State.
 */
.cc-header nav li:hover ul {
  display: block; }

/* Cart
   ========================================================================== */
.cc-header__cart {
  float: left;
  line-height: 70px; }

.cc-header__cart a {
  color: #fff;
  display: inline-block;
  padding-left: 16px;
  text-decoration: none; }

.cc-header__cart a:focus, .cc-header__cart a:hover, .cc-header__Cart a:active {
  color: #b3c0cb; }

.cc-header__cart__label {
  background: url(../images/cart.png) no-repeat;
  color: transparent;
  display: inline-block;
  font-size: 0;
  height: 16px;
  line-height: 0;
  margin-right: 5px;
  vertical-align: 12px;
  width: 17px; }

.cc-header__cart__count {
  font-weight: 900; }

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .cc-header__cart__label {
    background-image: url(../images/cart-2x.jpg);
    background-size: 17px auto; } }

/* ==========================================================================
   Tablet Header Styles
   ========================================================================== */
@media (max-width: 1024px) {
  .cc-header__wrapper {
    max-width: none; }
  .cc-header a {
    -webkit-tap-highlight-color: transparent; }
  .cc-header h1 a {
    padding: 25px 0 0 30px; }
  .cc-header h1 .cc-icon-logo {
    width: 170px; }
  .cc-header nav {
    margin-right: 24px; }
  .cc-header__desktop a:focus, .cc-header__desktop a:hover, .cc-header__desktop a:active {
    color: #fff; }
  .cc-header__desktop li ul {
    min-width: 160px; }
  .cc-header__cart a {
    padding-right: 16px; }
  .cc-header__cart a:focus, .cc-header__cart a:hover, .cc-header__Cart a:active {
    color: #fff; }
  /**
     * Submenu State.
     *
     * Use hovering to open sub-menus when the browser doesn't have JavaScript.
     * Otherwise, the JavaScript-applied `.is-open` class.
     */
  .js .cc-header nav li:hover ul {
    display: none; }
  .js .cc-header nav li.is-open ul {
    display: block; } }

/* ==========================================================================
   Mobile Header Styles
   ========================================================================== */
@media (max-width: 767px) {
  .cc-header {
    min-height: 50px; }
  .cc-header__wrapper {
    width: 100%; }
  /* Logo
       ====================================================================== */
  .cc-header h1 {
    float: left; }
  .cc-header h1 a {
    padding: 15px 0 0 30px; }
  .cc-header h1 .cc-icon-logo {
    width: 200px; }
  /* Trigger
       ====================================================================== */
  .cc-header__menu-trigger {
    color: transparent;
    display: block;
    float: right;
    font-size: 0;
    line-height: 0;
    padding: 19px 30px 18px 10px;
    width: 61px; }
  .cc-header__menu-trigger:focus, .cc-header__menu-trigger:hover {
    opacity: .9; }
  .cc-header__menu-trigger:active {
    opacity: .8; }
  .cc-header__menu-trigger:before, .cc-header__menu-trigger:after {
    background: #fff;
    border-radius: 1px;
    content: '';
    display: inline-block;
    height: 3px;
    width: 20px; }
  .cc-header__menu-trigger:after {
    margin-top: 7px; }
  /* Navigation
       ====================================================================== */
  .cc-header nav {
    clear: both;
    float: none;
    margin-right: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 150ms;
    transition: max-height 150ms; }
  .cc-header__desktop {
    display: none; }
  .cc-header__mobile {
    background: #f4f4f4;
    display: block; }
  .cc-header__mobile li {
    line-height: 50px; }
  .cc-header__mobile a {
    border-bottom: thin solid #e2e2e2;
    color: #272d33;
    display: block;
    padding: 0 20px 0 40px; }
  .cc-header__mobile > li > a {
    position: relative; }
  .cc-header__mobile > li > a:before {
    border-color: transparent transparent transparent #272d33;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    content: '';
    display: inline-block;
    left: 20px;
    position: absolute;
    top: 19px; }
  .cc-header__mobile > li:hover > a {
    background: #f4f4f4; }
  .cc-header__mobile li ul {
    background: #f4f4f4;
    color: #272d33;
    display: block;
    max-height: 0;
    overflow: hidden;
    position: static;
    -webkit-transition: max-height 150ms;
    transition: max-height 150ms;
    width: 100%; }
  .cc-header__mobile li li {
    border-bottom: thin solid #e2e2e2;
    padding: 0 20px 0 40px; }
  .cc-header__mobile li li a {
    border-bottom: none;
    margin-left: -40px;
    margin-right: -20px; }
  /* Cart
       ====================================================================== */
  .cc-header__cart {
    background: #f4f4f4;
    border-bottom: thin solid #e2e2e2;
    float: none;
    line-height: 50px; }
  .cc-header__cart a {
    display: block;
    position: relative;
    padding: 0 20px 0 40px; }
  .cc-header__cart a, .cc-header__cart a:focus, .cc-header__cart a:hover, .cc-header__cart a:active {
    color: #272d33; }
  .cc-header__cart__label {
    background-image: url(../images/cart-dark.png);
    height: 21px;
    left: 14px;
    margin-right: 0;
    position: absolute;
    top: 16px;
    vertical-align: 0;
    width: 22px; }
  /**
     * Navigation state.
     */
  .is-open.cc-header nav {
    max-height: 1000px; }
  .is-open .cc-header__menu-trigger:before {
    background-image: url(../images/menu-close.png); }
  .cc-header__mobile > li.is-open > a:before {
    border-color: #272d33 transparent transparent;
    border-width: 8px 6px 0 6px; }
  .cc-header__mobile li.is-open ul {
    max-height: 800px; } }

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.25), (max-width: 767px) and (min-resolution: 120dpi), (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (min-resolution: 2dppx) {
  .cc-header h1 a:before {
    background-image: url(../images/logo-mobile-2x.jpg);
    background-size: 130px auto; }
  .cc-header__menu-trigger:before {
    background-image: url(../images/menu-open-2x.jpg);
    background-size: 21px auto; }
  .cc-header__cart__label {
    background-image: url(../images/cart-dark-2x.jpg); }
  .is-open .cc-header__menu-trigger:before {
    background-image: url(../images/menu-close-2x.jpg);
    background-size: 16px auto; } }

/* ==========================================================================
   CC Newsletter
   ========================================================================== */
.cc-newsletter {
  font-family: 'museo-sans', 'museo sans', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.625;
  text-align: center;
  position: relative;
  width: 100%;
  z-index: 1000; }
  @media (min-width: 768px) {
    .cc-newsletter {
      font-size: 18px;
      line-height: 1.722; } }
  .cc-newsletter, .cc-newsletter * {
    box-sizing: border-box; }

.cc-newsletter__modal, .cc-newsletter__mask {
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0; }

.cc-newsletter__modal {
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 15px 0;
  z-index: 2000; }
  @media (min-width: 768px) {
    .cc-newsletter__modal {
      padding: 80px 0; } }

.cc-newsletter__mask {
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999; }

/* Toggler
   ========================================================================== */
.cc-newsletter__toggler {
  background: #fff;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  bottom: 0;
  color: #393d40;
  font-family: inherit;
  left: 15px;
  position: fixed;
  right: 15px;
  -webkit-transition: -webkit-transform 250ms;
          transition: transform 250ms; }
  @media (min-width: 768px) {
    .cc-newsletter__toggler {
      left: 80px;
      right: 80px; } }
  @media (min-width: 1024px) {
    .cc-newsletter__toggler {
      left: 50%;
      margin-left: -275px;
      right: auto;
      width: 608px; } }
  .cc-newsletter__toggler button {
    background: none;
    border: none;
    cursor: pointer;
    font-family: inherit; }
  .cc-newsletter__toggler .cc-icon-newsletter-up, .cc-newsletter__toggler .cc-icon-newsletter-cancel {
    display: inline-block; }

.cc-newsletter__toggler__open {
  font-weight: 300;
  font-size: 22px;
  line-height: 1.25;
  padding: 10px 15px;
  text-align: left;
  width: 100%; }
  @media (min-width: 360px) {
    .cc-newsletter__toggler__open {
      font-size: 24px;
      text-align: center;
      margin-left: -20px; } }
  @media (min-width: 768px) {
    .cc-newsletter__toggler__open {
      margin-left: 0; } }
  .cc-newsletter__toggler__open .cc-icon-newsletter-up {
    vertical-align: 4px;
    margin-left: 3px; }

.cc-newsletter__toggler__close {
  padding: 15px;
  position: absolute;
  top: 0;
  right: 0; }
  .cc-newsletter__toggler__close:focus, .cc-newsletter__toggler__close:hover, .cc-newsletter__toggler__close:active {
    opacity: .8; }
  .cc-newsletter__toggler__close .cc-icon-newsletter-cancel {
    background-position: 50% 50%;
    color: transparent;
    font-size: 0;
    height: 20px;
    line-height: 0;
    vertical-align: middle;
    width: 20px; }

/* Content
   ========================================================================== */
.cc-newsletter__modal__content {
  background: #fff url(../images/cc/modal/template/newsletter/background.jpg) no-repeat center bottom;
  background-size: 608px auto;
  border-radius: 4px;
  color: #7c858c;
  height: 100%;
  margin: 0 15px;
  padding: 40px 20px 15px;
  position: relative; }
  @media (min-width: 360px) {
    .cc-newsletter__modal__content {
      margin-right: auto;
      margin-left: auto;
      max-width: 345px;
      padding-right: 30px;
      padding-left: 30px; } }
  @media (min-width: 768px) {
    .cc-newsletter__modal__content {
      background-size: 110% auto;
      height: 767px;
      max-width: 608px;
      padding: 100px 120px; } }
  @media (min-width: 1024px) {
    .cc-newsletter__modal__content {
      background-size: 100% auto;
      height: auto;
      padding: 90px;
      min-height: 555px; } }

.cc-newsletter__modal__close {
  background: none;
  border: none;
  color: transparent;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center; }
  @media (min-width: 360px) {
    .cc-newsletter__modal__close {
      padding: 15px; } }
  @media (min-width: 768px) {
    .cc-newsletter__modal__close {
      padding: 20px; } }
  .cc-newsletter__modal__close:focus, .cc-newsletter__modal__close:hover, .cc-newsletter__modal__close:active {
    opacity: .8; }
  .cc-newsletter__modal__close .cc-icon-newsletter-down {
    background-position: 50% 50%;
    display: inline-block;
    height: 30px;
    width: 30px; }
    @media (min-width: 768px) {
      .cc-newsletter__modal__close .cc-icon-newsletter-down {
        background-size: 20px auto; } }

.cc-newsletter__heading {
  color: #393d40;
  font-size: 24px;
  font-weight: inherit;
  line-height: 1.5;
  margin: 0 0 22px; }
  @media (min-width: 768px) {
    .cc-newsletter__heading {
      font-size: 41px;
      margin-bottom: 45px; } }

/* Coupon
   ========================================================================== */
.cc-newsletter__coupon {
  display: none; }
  .cc-newsletter__coupon p {
    margin: 0 0 20px; }
    @media (min-width: 768px) {
      .cc-newsletter__coupon p {
        margin-bottom: 55px; } }
  .cc-newsletter__coupon p:nth-of-type(2) {
    font-weight: 500;
    margin-bottom: 5px; }

.cc-newsletter__coupon__code-area {
  background: #fff;
  border: 2px solid #ccd0d5;
  border-radius: 6px;
  margin: 0 auto;
  max-width: 288px;
  position: relative;
  text-align: left; }
  .cc-newsletter__coupon__code-area button {
    background: #e3e8ed;
    border: none;
    border-radius: 4px;
    color: #7c858c;
    cursor: pointer;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    padding: 9px 14px;
    position: absolute;
    right: 12px;
    top: 12px;
    vertical-align: top; }
    .cc-newsletter__coupon__code-area button:focus, .cc-newsletter__coupon__code-area button:hover, .cc-newsletter__coupon__code-area button:active {
      background: #b8c4d1;
      color: #fff; }

.cc-newsletter__coupon__text {
  background: none;
  color: #3a7af2;
  display: inline-block;
  font-family: inherit;
  font-size: 21px;
  font-weight: 500;
  height: 2.89em;
  line-height: 1.75;
  padding: 12px 12px 12px 24px;
  resize: none;
  width: auto; }
  .cc-newsletter__coupon__text, .cc-newsletter__coupon__text:focus {
    border: none !important; }

.cc-newsletter__coupon__message {
  display: block;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 500;
  opacity: 0;
  -webkit-transition: opacity 250ms;
          transition: opacity 250ms; }

/* Form
   ========================================================================== */
.cc-newsletter__signup-form {
  display: block; }
  .cc-newsletter__signup-form p {
    margin: 0 0 24px; }
    @media (min-width: 768px) {
      .cc-newsletter__signup-form p {
        margin-bottom: 60px; } }
  .cc-newsletter__signup-form input {
    background: none;
    color: #3a7af2;
    border-radius: 0;
    display: block;
    font-family: inherit;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.25;
    margin: 0;
    padding: 0 0 10px;
    width: 100%; }
    .cc-newsletter__signup-form input::-webkit-input-placeholder {
      color: #b3b3b3; }
    .cc-newsletter__signup-form input:-moz-placeholder {
      color: #b3b3b3; }
    .cc-newsletter__signup-form input::-moz-placeholder {
      color: #b3b3b3; }
    .cc-newsletter__signup-form input:-ms-input-placeholder {
      color: #b3b3b3; }
  .cc-newsletter__signup-form input, .cc-newsletter__signup-form input[type='email']:focus {
    border-color: #3a7af2;
    border-style: solid;
    border-width: 0 0 2px !important; }
  .cc-newsletter__signup-form button {
    background-color: #508ef8;
    background-image: -webkit-linear-gradient(#5e9bfc, #3d7cf3);
    background-image: linear-gradient(#5e9bfc, #3d7cf3);
    border-radius: 2px;
    border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: inherit;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .05ex;
    line-height: 1.5;
    padding: 15px 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    width: 100%; }
    .cc-newsletter__signup-form button .cc-icon-newsletter-right {
      display: inline-block;
      margin-left: 4px;
      vertical-align: -2px; }

.cc-newsletter__signup-form__message {
  color: #fe050b;
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  margin: 2px 0 8px;
  opacity: 0;
  -webkit-transition: opacity 250ms;
          transition: opacity 250ms; }

/* States
   ========================================================================== */
.is-open.cc-newsletter .cc-newsletter__toggler {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%); }
.is-open.cc-newsletter .cc-newsletter__mask {
  display: block; }

.is-success.cc-newsletter .cc-newsletter__signup-form {
  display: none; }
.is-success.cc-newsletter .cc-newsletter__coupon {
  display: block; }

.is-error.cc-newsletter__signup-form input, .is-error.cc-newsletter__signup-form input[type='email']:focus {
  border-color: #fe050b !important;
  color: #fe050b; }
.is-error.cc-newsletter__signup-form .cc-newsletter__signup-form__message {
  opacity: 1; }

.is-hidden.cc-newsletter .cc-newsletter__toggler {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%); }
.is-hidden.cc-newsletter .cc-newsletter__modal, .is-hidden.cc-newsletter .cc-newsletter__mask {
  display: none; }

.is-copied.cc-newsletter__coupon .cc-newsletter__coupon__message {
  opacity: 1; }

.cc-privacy-policy-link {
  color: #b4b6b8;
  font-size: 12px;
  font-family: 'proxima-nova',sans-serif;
  position: absolute;
  bottom: 20px;
  left: 20px; }

/* ==========================================================================
   Product List
   ========================================================================== */
.cc-product-list {
  background: #f4f4f4;
  box-sizing: border-box;
  color: #787d81;
  display: block;
  font-family: 'museo-sans', 'museo sans', sans-serif;
  font-size: 18px;
  font-weight: 300;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  z-index: 100; }

.cc-product-list, .cc-product-list * {
  box-sizing: border-box; }

.cc-product-list a {
  -webkit-tap-highlight-color: transparent; }

/* Trigger */
.cc-product-list__trigger {
  background: #fff;
  border-bottom: thin solid #d8dadc;
  color: #7c858c;
  display: block;
  font-size: 18px;
  font-weight: 100;
  line-height: 50px;
  padding: 0 30px;
  position: relative;
  text-decoration: none; }
  @media (min-width: 768px) {
    .cc-product-list__trigger {
      display: none; } }

.cc-product-list__trigger .cc-icon-menu-expand {
  display: inline-block;
  position: absolute;
  right: 30px;
  top: 22px; }

.cc-product-list__trigger:focus, .cc-product-list__trigger:hover {
  color: #646b71; }

.cc-product-list__trigger:focus:before, .cc-product-list__trigger:hover:before {
  opacity: .8; }

.cc-product-list__trigger:active {
  color: #4c5256; }

.cc-product-list__trigger:active:before {
  opacity: .6; }

.cc-product-list__wrapper {
  left: 0;
  position: absolute;
  top: 50px;
  width: 100%;
  z-index: 1000; }
  @media (min-width: 768px) {
    .cc-product-list__wrapper {
      max-height: 0;
      height: 260px;
      overflow: hidden;
      -webkit-transition: max-height 200ms;
              transition: max-height 200ms;
      position: static; } }

.cc-product-list__menus {
  background: #f4f4f4;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 150ms;
          transition: max-height 150ms; }
  @media (min-width: 768px) {
    .cc-product-list__menus {
      max-height: none;
      padding: 40px 40px 50px;
      overflow: scroll;
      -webkit-overflow-scrolling: touch;
      -webkit-transition: none;
              transition: none;
      white-space: nowrap; } }

/* Title */
.cc-product-list__title {
  color: #292f33;
  font-size: 100%;
  font-weight: 300;
  line-height: 1;
  margin: 0;
  padding: 20px;
  margin: 0; }
  @media (min-width: 768px) {
    .cc-product-list__title {
      font-size: 24px;
      padding: 0 0 30px; } }

.cc-product-list__title b {
  font-weight: 100; }

/* Items */
.cc-product-list nav {
  border-bottom: thin solid #d8dadc;
  padding-bottom: 15px;
  width: 100%; }
  @media (min-width: 768px) {
    .cc-product-list nav {
      border: none;
      display: inline-block;
      padding-bottom: 0;
      width: auto; }
      .cc-product-list nav + nav {
        padding-left: 40px; } }

.cc-product-list__items {
  height: 120px;
  overflow: hidden;
  width: 100%; }
  @media (min-width: 768px) {
    .cc-product-list__items {
      height: auto;
      overflow: visible;
      width: auto; } }

.cc-product-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0 16px 20px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap; }
  @media (min-width: 768px) {
    .cc-product-list ul {
      margin: 0 -6px;
      padding: 0; } }

.cc-product-list li {
  display: inline-block;
  padding: 0 4px;
  text-align: center; }
  @media (min-width: 768px) {
    .cc-product-list li {
      padding: 0 6px;
      width: auto; } }

/* Single Product */
.cc-product-list__product a {
  color: inherit;
  display: block;
  text-decoration: none; }

.cc-product-list__product a:focus, .cc-product-list__product a:hover, .cc-product-list__product a:active {
  color: #3576f6; }

.cc-product-list__product__image-wrapper {
  height: 89px;
  margin-bottom: 10px; }

.cc-product-list__product img {
  display: block;
  height: 89px;
  margin: 0 auto;
  width: auto; }

.cc-product-list__product__name {
  font-size: 100%;
  font-weight: inherit;
  line-height: 1;
  margin: 0; }
  .cc-product-list__product__name sup {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    margin-top: -3px;
    vertical-align: top; }

/* New single product */
.is-new .cc-product-list__product__image-wrapper {
  position: relative; }

.is-new .cc-product-list__product__image-wrapper:after {
  background: #eb6589;
  border-radius: 4px;
  color: #fff;
  content: 'New!';
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .085ex;
  line-height: 1;
  margin: -10px 0 0;
  padding: 4.5px 5px 6px;
  position: absolute;
  right: 4%;
  text-transform: uppercase;
  top: 50%; }

/* State */
.is-open .cc-product-list__menus {
  max-height: 600px; }
@media (min-width: 768px) {
  .is-open .cc-product-list__wrapper {
    max-height: 260px; } }

.is-open .cc-product-list__trigger .cc-icon-menu-expand {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

/* ==========================================================================
   Default Page Layout
   ========================================================================== */
.cc_container, .cc_container *, .cc_container *::after, .cc_container *::before {
  box-sizing: border-box; }

.cc_container {
  margin: 0 auto;
  min-height: 350px;
  width: 1020px;
  text-rendering: optimizelegibility; }
  .cc_container > .cc_content {
    color: #444444;
    /*border-radius: 0 0 6px 6px;*/
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15);
    padding: 30px;
    font-size: 16px; }
    @media (max-width: 414px) {
      .cc_container > .cc_content {
        padding: 30px 15px; } }
  @media (max-width: 1024px) {
    .cc_container {
      width: 100%; } }

/* ==========================================================================
   Footer Foot
   ========================================================================== */
/**
 * This module is named after the element's class name.
 */
@media (max-width: 1024px) {
  .footer-foot {
    padding-bottom: 66px; }
  .footer-foot, .footer-foot * {
    box-sizing: border-box; }
  .footer-wrap {
    width: 100%; }
  .footer-foot address {
    padding-right: 20px;
    padding-left: 20px; } }

@media (max-width: 767px) {
  .footer-foot {
    color: #a6a6a6;
    float: none;
    font-size: 14px;
    line-height: 20px; }
  .footer-wrap {
    padding: 30px 0; }
  .footer-foot ul {
    margin-bottom: 0;
    text-align: center; }
  .footer-foot li {
    display: inline;
    margin: 0;
    padding: 0; }
  .footer-foot li a {
    color: inherit;
    display: inline-block;
    font-size: 100%;
    font-weight: 700;
    line-height: inherit;
    padding: 5px 3px; }
  .footer-foot li a:focus, .footer-foot li a:hover, .footer-foot li a:active {
    color: #3576f6; } }

/* ==========================================================================
   Footer
   ========================================================================== */
@media (max-width: 1024px) {
  #footerBg {
    padding: 0; }
  #footer {
    width: 100%;
    padding: 0 16px; }
  #footer, #footer * {
    box-sizing: border-box; }
  .footerSections.last2, #footer .spacer30 {
    display: none; }
  .footerSections {
    margin: 0 !important;
    padding: 16px;
    width: 25% !important; } }

@media (max-width: 767px) {
  #footerBg {
    background: #f4f4f4;
    color: #272d33;
    border: none;
    float: none; }
  #footer {
    border-top: thin solid #e2e2e2;
    padding-right: 0;
    padding-left: 0; }
  #footer:before, #footer:after {
    content: ' ';
    display: table; }
  #footer:after {
    clear: both; }
  .footerSections {
    float: none;
    font-family: 'museo-sans', 'museo sans', sans-serif;
    padding: 0;
    width: 100% !important; }
  .footerSections:nth-of-type(4n+1) {
    clear: left; }
  .footerSections ul {
    font-size: 14px;
    line-height: 50px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 150ms;
    transition: max-height 150ms; }
  .footerSections ul li {
    border-bottom: thin solid #e2e2e2;
    padding: 0 20px 0 40px; }
  .footerSections a {
    color: inherit;
    display: block;
    margin: 0 -20px 0 -40px;
    padding: 0 20px 0 40px;
    -webkit-tap-highlight-color: transparent; }
  .footerSections strong {
    border-bottom: thin solid #e2e2e2;
    color: #272d33;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 50px;
    padding: 0 20px 0 40px;
    position: relative;
    -webkit-tap-highlight-color: transparent; }
  .footerSections strong:before {
    border-color: transparent transparent transparent #272d33;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    content: '';
    display: inline-block;
    left: 20px;
    position: absolute;
    top: 19px; }
  .footerSections img {
    vertical-align: middle; }
  .footerSections.last1 {
    margin-right: 0 !important;
    width: 100% !important; }
  /** State */
  .is-open.footerSections strong:before {
    border-color: #272d33 transparent transparent;
    border-width: 8px 6px 0 6px; }
  .is-open.footerSections ul {
    max-height: 800px; } }

/* ==========================================================================
   Material
   ========================================================================== */
.material--aluminum, .material--polycarbonate, .material--soft-touch {
  display: none; }
  @media (min-width: 768px) {
    .material--aluminum, .material--polycarbonate, .material--soft-touch {
      display: block;
      padding-top: 50px; } }
  @media (min-width: 1024px) {
    .material--aluminum, .material--polycarbonate, .material--soft-touch {
      padding-top: 100px; } }

.material__swatch {
  border: 2px solid #cbcbcb;
  border-radius: 50%;
  display: block;
  height: 116px;
  margin: 0 auto 25px;
  position: relative;
  -webkit-transition: opacity 500ms;
          transition: opacity 500ms;
  width: 116px; }
  .csstransitions .material__swatch {
    opacity: 0; }

.material__pointer {
  position: relative;
  top: -31px;
  -webkit-transition: opacity 800ms, -webkit-transform 800ms;
          transition: opacity 800ms, transform 800ms; }
  .csstransitions .material__pointer {
    opacity: 0;
    -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
            transform: translateY(100px); }
  @media (min-width: 1024px) {
    .material__pointer {
      top: -56px; } }

.material__pointer__stick {
  background: #cbcbcb;
  bottom: 0;
  display: block;
  left: 50%;
  margin: 0 0 0 -1px;
  position: absolute;
  width: 2px; }
  .material__pointer__stick:before {
    background: #cbcbcb;
    border-radius: 50%;
    content: '';
    display: block;
    height: 12px;
    left: -5px;
    position: absolute;
    top: -5px;
    width: 12px; }
  .material__pointer__stick:after {
    background: #cbcbcb;
    bottom: -31px;
    content: '';
    display: block;
    height: 31px;
    position: absolute;
    width: 100%; }
    @media (min-width: 1024px) {
      .material__pointer__stick:after {
        bottom: -58px;
        height: 58px; } }

/* Variations
   ========================================================================== */
.material--aluminum .material__swatch {
  background-color: #e0e0e0;
  background-image: -webkit-linear-gradient(#e0e0e0, #cfcfcf);
  background-image: linear-gradient(#e0e0e0, #cfcfcf); }
.material--aluminum .material__pointer {
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms; }
.material--aluminum .material__pointer__stick {
  padding-bottom: 18%; }
  @media (min-width: 1024px) {
    .material--aluminum .material__pointer__stick {
      padding-bottom: 22%; } }

.material--polycarbonate .material__swatch {
  background-color: #fefefe;
  background-image: -webkit-linear-gradient(#fefefe, #f1f1f1);
  background-image: linear-gradient(#fefefe, #f1f1f1);
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms; }
.material--polycarbonate .material__pointer {
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms; }
.material--polycarbonate .material__pointer__stick {
  padding-bottom: 32%; }
  @media (min-width: 1024px) {
    .material--polycarbonate .material__pointer__stick {
      padding-bottom: 42%; } }

.material--soft-touch .material__swatch {
  background-color: #414141;
  background-image: -webkit-linear-gradient(#414141, #242424);
  background-image: linear-gradient(#414141, #242424);
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms; }
.material--soft-touch .material__pointer {
  -webkit-transition-delay: 1100ms;
          transition-delay: 1100ms; }
.material--soft-touch .material__pointer__stick {
  padding-bottom: 20%; }
  @media (min-width: 1024px) {
    .material--soft-touch .material__pointer__stick {
      padding-bottom: 26%; } }

/* State
   ========================================================================== */
.is-extended.material--aluminum .material__swatch, .is-extended.material--aluminum .material__pointer, .is-extended.material--polycarbonate .material__swatch, .is-extended.material--polycarbonate .material__pointer, .is-extended.material--soft-touch .material__swatch, .is-extended.material--soft-touch .material__pointer {
  opacity: 1; }
.is-extended.material--aluminum .material__pointer, .is-extended.material--polycarbonate .material__pointer, .is-extended.material--soft-touch .material__pointer {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

/* ==========================================================================
   Product List
   ========================================================================== */
@media (max-width: 1024px) {
  .home_page {
    border-width: 1px 0 !important;
    overflow-x: scroll;
    width: 100%; }
  .home_page .product_list {
    padding-right: 30px;
    padding-left: 30px; } }

@media (max-width: 767px) {
  /**
     * Hide the desktop version of the product list for mobile. The new
     * `.cc-product-list` is used instead.
     */
  .home_page {
    display: none !important; } }

/* ==========================================================================
   Simple Modal
   ========================================================================== */
/**
 * Overrwite specific product page's '#simplemodal' elements for tablet and
 * phone display.
 */
.product-bluetooth-ipad-keyboard-case #simplemodal-overlay, .product-bluetooth-ipad-keyboard-case #simplemodal-container, .product-ipad-mini-keyboard-case #simplemodal-overlay, .product-ipad-mini-keyboard-case #simplemodal-container, .product-ipad-mini-4-keyboard-case #simplemodal-overlay, .product-ipad-mini-4-keyboard-case #simplemodal-container, .product-ipad-air-keyboard-case #simplemodal-overlay, .product-ipad-air-keyboard-case #simplemodal-container, .product-ipad-air-2-keyboard-case #simplemodal-overlay, .product-ipad-air-2-keyboard-case #simplemodal-container {
  height: 100% !important;
  width: 100% !important; }
.product-bluetooth-ipad-keyboard-case #simplemodal-container, .product-ipad-mini-keyboard-case #simplemodal-container, .product-ipad-mini-4-keyboard-case #simplemodal-container, .product-ipad-air-keyboard-case #simplemodal-container, .product-ipad-air-2-keyboard-case #simplemodal-container {
  display: table;
  top: 0 !important; }
  .product-bluetooth-ipad-keyboard-case #simplemodal-container a.modalCloseImg, .product-ipad-mini-keyboard-case #simplemodal-container a.modalCloseImg, .product-ipad-mini-4-keyboard-case #simplemodal-container a.modalCloseImg, .product-ipad-air-keyboard-case #simplemodal-container a.modalCloseImg, .product-ipad-air-2-keyboard-case #simplemodal-container a.modalCloseImg {
    background: url(../images/close.png) no-repeat 50% 50%;
    top: 5px;
    right: 5px; }
    @media (min-width: 768px) {
      .product-bluetooth-ipad-keyboard-case #simplemodal-container a.modalCloseImg, .product-ipad-mini-keyboard-case #simplemodal-container a.modalCloseImg, .product-ipad-mini-4-keyboard-case #simplemodal-container a.modalCloseImg, .product-ipad-air-keyboard-case #simplemodal-container a.modalCloseImg, .product-ipad-air-2-keyboard-case #simplemodal-container a.modalCloseImg {
        top: 12px;
        right: 12px; } }
    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
      .product-bluetooth-ipad-keyboard-case #simplemodal-container a.modalCloseImg, .product-ipad-mini-keyboard-case #simplemodal-container a.modalCloseImg, .product-ipad-mini-4-keyboard-case #simplemodal-container a.modalCloseImg, .product-ipad-air-keyboard-case #simplemodal-container a.modalCloseImg, .product-ipad-air-2-keyboard-case #simplemodal-container a.modalCloseImg {
        background-image: url(../images/close-2x.jpg);
        background-size: 16px auto; } }
.product-bluetooth-ipad-keyboard-case .simplemodal-wrap, .product-ipad-mini-keyboard-case .simplemodal-wrap, .product-ipad-mini-4-keyboard-case .simplemodal-wrap, .product-ipad-air-keyboard-case .simplemodal-wrap, .product-ipad-air-2-keyboard-case .simplemodal-wrap {
  display: table-cell;
  vertical-align: middle; }
.product-bluetooth-ipad-keyboard-case #ccproVideo, .product-ipad-mini-keyboard-case #ccproVideo, .product-ipad-mini-4-keyboard-case #ccproVideo, .product-ipad-air-keyboard-case #ccproVideo, .product-ipad-air-2-keyboard-case #ccproVideo {
  margin: 0 auto;
  max-width: 1076px;
  width: 100%; }
.product-bluetooth-ipad-keyboard-case #loadingVideo, .product-ipad-mini-keyboard-case #loadingVideo, .product-ipad-mini-4-keyboard-case #loadingVideo, .product-ipad-air-keyboard-case #loadingVideo, .product-ipad-air-2-keyboard-case #loadingVideo {
  left: 50%;
  margin: -15px 0 0 -15px;
  position: absolute;
  top: 50%; }
@media (max-width: 1024px) {
  .product-bluetooth-ipad-keyboard-case .simplemodal-wrap, .product-ipad-mini-keyboard-case .simplemodal-wrap, .product-ipad-mini-4-keyboard-case .simplemodal-wrap, .product-ipad-air-keyboard-case .simplemodal-wrap, .product-ipad-air-2-keyboard-case .simplemodal-wrap {
    box-sizing: border-box;
    padding: 60px 30px; }
  .product-bluetooth-ipad-keyboard-case #ccproVideo, .product-ipad-mini-keyboard-case #ccproVideo, .product-ipad-mini-4-keyboard-case #ccproVideo, .product-ipad-air-keyboard-case #ccproVideo, .product-ipad-air-2-keyboard-case #ccproVideo {
    height: auto !important;
    width: 100% !important; } }
@media (max-width: 767px) {
  .product-bluetooth-ipad-keyboard-case .simplemodal-wrap, .product-ipad-mini-keyboard-case .simplemodal-wrap, .product-ipad-mini-4-keyboard-case .simplemodal-wrap, .product-ipad-air-keyboard-case .simplemodal-wrap, .product-ipad-air-2-keyboard-case .simplemodal-wrap {
    padding-right: 10px;
    padding-left: 10px; } }

/* ==========================================================================
   ClamCase Helpdesk/Support layout
   ========================================================================== */
/* set a variable for device breakpoint */
.b-close {
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 12px; }
  .b-close img {
    width: 20px; }

.product_notify_me {
  border: 1px solid #e3e3e3;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 1px 15px rgba(209, 209, 210, 0.5);
  width: 500px;
  font-family: 'museo-sans',Helvetica,Arial,sans-serif;
  height: auto;
  position: relative; }
  .product_notify_me form {
    margin: 0;
    padding: 0; }
    .product_notify_me form .notify-header {
      background-image: url('../images/notify-header-bg.png');
      background-repeat: no-repeat;
      background-size: 100%;
      text-align: center;
      width: 100%; }
    @media only screen and (max-device-width: 768px) {
      .product_notify_me form .notify-header {
        background-image: url("../images/notify-header-bg-2x.jpg"); } }
  .product_notify_me .notify_logo {
    width: 280px;
    margin: 17.3% 0;
    background-size: 280px auto;
    display: inline-block;
    height: 27px;
    text-indent: -9999px; }
  @media only screen and (max-device-width: 480px) {
    .product_notify_me .notify_logo {
      background-size: 130px auto;
      height: 20px;
      width: 130px; } }
  .product_notify_me h3 {
    color: #292f33;
    font-family: "museo-sans",sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 100;
    line-height: 25px;
    margin: 0;
    padding: 49px 35px 10px 20px;
    text-align: center; }
  @media only screen and (max-device-width: 480px) {
    .product_notify_me h3 {
      font-size: 20px;
      line-height: 20px;
      padding: 30px 20px 5px; } }
  .product_notify_me .stock_text {
    color: #999c9e;
    font-size: 16px;
    font-weight: 300;
    width: 90%;
    margin: 0 auto;
    text-align: center; }
  @media only screen and (max-device-width: 480px) {
    .product_notify_me .stock_text {
      font-size: 11px; } }
  .product_notify_me .mc-field-group label {
    margin-right: 3px; }
  .product_notify_me .subscribe_container {
    border-top: 1px solid #ffffff;
    padding: 30px 50px 50px;
    position: relative; }
  @media only screen and (max-device-width: 480px) {
    .product_notify_me .subscribe_container {
      padding: 20px 35px 35px; } }
  @media only screen and (max-device-width: 350px) {
    .product_notify_me .subscribe_container {
      padding: 20px; } }
  .product_notify_me .email_correction {
    background: -webkit-linear-gradient(top, #f5f5f5, #fafafa) repeat scroll 0 0 transparent;
    background: linear-gradient(to bottom, #f5f5f5, #fafafa) repeat scroll 0 0 transparent;
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f5f5f5), color-stop(100%, #fafafa));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(bottom, #f5f5f5, #fafafa);
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5, #fafafa);
    /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#fafafa',GradientType=0 );
    /* IE6-8 */
    border: 1px solid #cdcdcd;
    border-radius: 2px;
    /*box-shadow: 0 2px 2px #e4e4e4 inset, 0 -1px 0 rgba(223, 235, 235, 0.4) inset;*/
    clear: none;
    height: 60px;
    line-height: 1;
    min-height: 0 !important;
    padding: 0 0 0 15px; }
    .product_notify_me .email_correction input {
      background: none repeat scroll 0 0 transparent;
      border: medium none;
      box-shadow: none !important;
      color: #19242b;
      font-family: "museo-sans",sans-serif;
      font-size: 16px;
      font-weight: normal;
      outline: medium none;
      width: 95%;
      height: 100%; }
      .product_notify_me .email_correction input:focus {
        border: medium none !important; }
      @media only screen and (max-device-width: 480px) {
        .product_notify_me .email_correction input.email {
          font-size: 16px; } }
      @media only screen and (max-device-width: 350px) {
        .product_notify_me .email_correction input.email {
          font-size: 16px; } }
  .product_notify_me .subscribe_btn {
    background: #67a3ff;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzY3YTNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iIzUzOTNmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDc0ZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #67a3ff), color-stop(18%, #5393f6), color-stop(100%, #3474f1));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #67a3ff 1%, #5393f6 18%, #3474f1 100%);
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: linear-gradient(top, #67a3ff 1%, #5393f6 18%, #3474f1 100%);
    /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67a3ff', endColorstr='#3474f1',GradientType=0 ); /* IE6-8 */
    margin-top: 20px;
    width: 100%;
    border-radius: 2px; }
    .product_notify_me .subscribe_btn:hover {
      background: #3e7ef2;
      /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzNlN2VmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iIzNkN2RmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODU4YjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #3e7ef2), color-stop(18%, #3d7df2), color-stop(100%, #2858b6));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #3e7ef2 1%, #3d7df2 18%, #2858b6 100%);
      /* Chrome10+,Safari5.1+ */
      /* Opera 11.10+ */
      /* IE10+ */
      background: linear-gradient(top, #3e7ef2 1%, #3d7df2 18%, #2858b6 100%);
      /* W3C */
      /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e7ef2', endColorstr='#2858b6',GradientType=0 ); /* IE6-8 */ }
    .product_notify_me .subscribe_btn:active {
      background: #2858b6;
      /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4NThiNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZTdlZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2858b6), color-stop(100%, #3e7ef2));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #2858b6 0%, #3e7ef2 100%);
      /* Chrome10+,Safari5.1+ */
      /* Opera 11.10+ */
      /* IE10+ */
      background: linear-gradient(top, #2858b6 0%, #3e7ef2 100%);
      /* W3C */
      /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2858b6', endColorstr='#3e7ef2',GradientType=0 ); /* IE6-8 */ }
  @media only screen and (max-device-width: 480px) {
    .product_notify_me .subscribe_btn {
      margin-top: 15px; }
    .product_notify_me .email_correction, .product_notify_me .subscribe_btn {
      height: 45px; } }
  @media only screen and (max-device-width: 350px) {
    .product_notify_me .email_correction, .product_notify_me .subscribe_btn {
      height: 40px; } }
  .product_notify_me .button {
    background-color: transparent;
    background-image: url("../images/notify-icon.png");
    background-position: 33% 50%;
    background-repeat: no-repeat;
    border: medium none;
    color: #ffffff;
    font-family: "museo-sans",sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    margin: 0;
    padding: 22px 0;
    text-align: center;
    text-shadow: 0 1px 0 #295bb9;
    text-transform: uppercase;
    width: 100%; }
    .product_notify_me .button:hover {
      background-color: transparent; }
  @media only screen and (max-device-width: 768px) {
    .product_notify_me .button {
      background-image: url("../images/notify-icon-2x.jpg");
      background-size: 19px auto; } }
  @media only screen and (max-device-width: 480px) {
    .product_notify_me .button {
      padding: 16px 26px 0 16%;
      background-position: 32% 15px;
      background-size: 15px auto;
      font-size: 14px;
      letter-spacing: 1px; } }
  @media only screen and (max-device-width: 350px) {
    .product_notify_me .button {
      background-position: 30% 14px;
      background-size: 14px auto;
      font-size: 14px;
      padding-top: 13px; } }
  .product_notify_me .success_message {
    font-size: 15px;
    text-align: center;
    line-height: 22px;
    color: #7b7f87; }
  .product_notify_me .success_message b {
    display: inline-block; }
  .product_notify_me .popup_btn {
    float: left;
    width: 100%;
    position: relative; }
  .product_notify_me .popup_btn span {
    margin-top: 5px;
    float: left; }
  .product_notify_me #subscribe_container_success {
    display: none;
    border-top: medium none;
    text-align: center;
    margin-top: 10%; }
  @media only screen and (max-device-width: 768px) {
    .product_notify_me #subscribe_container_success {
      margin: 4% auto 2%; } }

@media only screen and (max-device-width: 480px) {
  .product_notify_me {
    height: auto;
    width: 90%; } }

.product_notify_me.landscape {
  height: auto;
  width: 50%; }
  .product_notify_me.landscape .button {
    background-position: 33% 16px; }

@media only screen and (max-device-width: 350px) {
  .product_notify_me.landscape {
    width: 60%; } }

/* ------------ Black popup - Start ------------ */
#mc_embed_signup_black {
  width: 395px;
  font-family: 'museo-sans',Helvetica,Arial,sans-serif; }

#mc_embed_signup_black form #notify-header {
  border-bottom: 2px solid #1a1a1a;
  text-align: center;
  margin: 30px auto 0;
  padding-bottom: 30px; }

#mc_embed_signup_black form #notify-header img {
  width: 200px; }

#mc_embed_signup_black h3 {
  color: #fff;
  margin: 30px 0 10px 0;
  font-weight: 100;
  font-size: 28px;
  line-height: 25px;
  text-align: center; }

#mc_embed_signup_black .subscribe_container {
  border-top: 1px solid #ffffff;
  padding: 30px 0px 20px;
  position: relative; }

#mc_embed_signup_black #subscribe_container_success {
  display: none;
  border-top: medium none;
  text-align: center;
  margin-top: 5%; }

#mc_embed_signup_black .email_correction {
  border-bottom: 1px solid #fff;
  height: 50px;
  line-height: 1; }

#mc_embed_signup_black .email_correction input {
  background: none;
  border: none;
  color: #fff;
  font-family: "museo-sans",sans-serif;
  font-size: 22px;
  outline: none;
  width: 100%;
  height: 100%; }

#mc_embed_signup_black .notify_btn {
  margin-top: 40px; }

#mc_embed_signup_black .notify_btn_input {
  background-color: transparent;
  background-image: url('../images/notify_icon_blue.png');
  background-position: 32% 55%;
  background-repeat: no-repeat;
  border: 2px solid #3a7af2;
  color: #3a7af2;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  padding: 28px 13px 25px;
  text-shadow: 0 1px 0 #000;
  text-transform: uppercase;
  width: 100%; }

#mc_embed_signup_black .notify_btn_input:hover {
  color: #000;
  background-color: #3475f4;
  background-image: url('http://lghttp.5654.nexcesscdn.net/skin/frontend/pro/cc/images/notify_icon_black.png'); }

#mc_embed_signup_black #subscribe_container_success .popupText span {
  color: #fff;
  font-size: 28px; }

#mc_embed_signup_black .email_correction #notValid {
  margin-top: 10px;
  font-size: 15px;
  color: #ef5252;
  display: none; }

#mc_embed_signup_black #subscribe_container_success .popupText {
  padding: 0;
  font-size: 15px;
  line-height: 25px; }

@media only screen and (max-device-width: 768px) {
  #mc_embed_signup_black {
    width: 650px; }
  #mc_embed_signup_black form #notify-header img {
    width: 300px; }
  #mc_embed_signup_black h3 {
    font-size: 42px;
    line-height: 50px; }
  #mc_embed_signup_black .email_correction {
    height: 90px;
    padding: 0 0 0 22px; }
  #mc_embed_signup_black .email_correction #notValid {
    font-size: 25px; }
  #mc_embed_signup_black .notify_btn_input {
    font-size: 30px;
    padding: 42px 20px;
    background-image: url("http://lghttp.5654.nexcesscdn.net/skin/frontend/pro/cc/images/notify_icon_blue@2x.png"); }
  #mc_embed_signup_black .notify_btn_input:hover {
    background-image: url('http://lghttp.5654.nexcesscdn.net/skin/frontend/pro/cc/images/notify_icon_black@2x.png'); }
  #mc_embed_signup_black #subscribe_container_success .popupText {
    font-size: 24px;
    line-height: 30px; }
  #mc_embed_signup_black #subscribe_container_success .popupText span {
    font-size: 36px; } }

@media only screen and (max-device-width: 480px) {
  #mc_embed_signup_black {
    width: 860px; }
  #mc_embed_signup_black form #notify-header img {
    width: 400px; }
  #mc_embed_signup_black h3 {
    margin: 60px 0 20px;
    font-size: 58px;
    line-height: 70px; }
  #mc_embed_signup_black .subscribe_container {
    border-top: none;
    padding: 20px 0 0; }
  #mc_embed_signup_black .email_correction {
    height: 120px;
    padding: 0 0 0 30px;
    border-bottom: 1px solid #4d4d4d; }
  #mc_embed_signup_black .notify_btn_input {
    border-width: 4px;
    font-size: 40px;
    padding: 55px 26px 45px;
    background-image: url("http://lghttp.5654.nexcesscdn.net/skin/frontend/pro/cc/images/notify_icon_blue@2x.png"); }
  #mc_embed_signup_black #subscribe_container_success .popupText {
    font-size: 32px;
    line-height: 45px; }
  #mc_embed_signup_black #subscribe_container_success .popupText span {
    font-size: 48px; } }

/* ==========================================================================
   Modal
   ========================================================================== */
.cc-modal {
  display: none; }
  .cc-modal-overlay {
    width: 100%;
    height: 100%;
    z-index: 9998;
    position: fixed;
    background: rgba(80, 80, 80, 0.7);
    display: none; }
  .cc-modal-wrapper {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    position: fixed;
    z-index: 9999;
    display: none;
    overflow-x: hidden;
    overflow-y: auto; }
  .cc-modal-container {
    background: #ffffff;
    border-radius: 4px;
    width: 620px;
    box-sizing: border-box;
    margin: 70px auto;
    position: relative;
    overflow: hidden; }
    @media (max-width: 767px) {
      .cc-modal-container {
        width: 345px;
        margin: 15px auto;
        padding: 15px; } }
    @media (max-width: 374px) {
      .cc-modal-container {
        width: 96%; } }
  .cc-modal-close {
    position: absolute;
    background: url(../images/cc/close.png) no-repeat;
    height: 16px;
    width: 16px;
    z-index: 1;
    right: 16px;
    top: 16px;
    cursor: pointer; }

/* ==========================================================================
   CC Product
   ========================================================================== */
.cc-product {
  background: #fff;
  color: #787d81;
  font-family: 'museo-sans', 'museo sans', sans-serif;
  font-size: 16px;
  font-weight: 100;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  /** Text breaks */
  /**
     * BXSlider controls.
     */ }
  .cc-product, .cc-product *, .cc-product *:after, .cc-product *:before {
    box-sizing: border-box; }
  .cc-product picture {
    display: block; }
  .cc-product img {
    height: auto;
    max-width: 100%; }
  .cc-product .heading {
    color: #292f33;
    font-size: 32px;
    font-weight: inherit;
    line-height: 1.1875; }
    @media (min-width: 768px) {
      .cc-product .heading {
        font-size: 36px; } }
    @media (min-width: 1024px) {
      .cc-product .heading {
        font-size: 48px; } }
  .cc-product .lead {
    font-weight: 300;
    line-height: 1.75; }
    @media (min-width: 1024px) {
      .cc-product .lead {
        font-size: 18px;
        line-height: 1.778; } }
  @media (max-width: 767px) {
    .cc-product .mobile-break {
      display: block; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .cc-product .tablet-break {
      display: block; } }
  @media (min-width: 1024px) {
    .cc-product .desktop-break {
      display: block; } }
  @media (min-width: 1024px) {
    .cc-product > .entry-content {
      margin: 0 auto;
      max-width: 1120px; } }
  .cc-product .bx-wrapper {
    margin-bottom: 0; }
  .cc-product .bx-controls-direction {
    display: none; }
  .cc-product .bx-wrapper .bx-pager {
    font-size: 0;
    line-height: 0;
    text-align: center;
    padding-top: 0;
    position: static;
    vertical-align: top;
    width: 100%; }
  .cc-product .bx-wrapper .bx-pager.bx-default-pager a {
    background: none;
    color: transparent;
    display: inline-block;
    height: auto;
    margin: 0;
    padding: 3px;
    text-decoration: none;
    width: auto; }
    .cc-product .bx-wrapper .bx-pager.bx-default-pager a:before {
      background: transparent;
      background: rgba(120, 125, 129, 0);
      border: 1px solid #787d81;
      border-radius: 50%;
      content: '';
      display: block;
      height: 8px;
      -webkit-transition: background 250ms;
              transition: background 250ms;
      width: 8px; }
    .cc-product .bx-wrapper .bx-pager.bx-default-pager a.active:before {
      background: #787d81;
      background: #787d81; }

/* ==========================================================================
   Buy Buttons
   ========================================================================== */
.cc-product-btn, .cc-white-blue-button {
  background: transparent;
  border: 2px solid #3a7af2;
  border-radius: 4px;
  color: #5593fa;
  cursor: pointer;
  display: inline-block;
  font-family: 'museo-sans', 'museo sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  padding: 11px 33px;
  text-transform: uppercase;
  -webkit-transition: background 0.15s ease-out;
          transition: background 0.15s ease-out; }
  .cc-product-btn:focus, .cc-product-btn:hover, .cc-product-btn:active, .cc-white-blue-button:focus, .cc-white-blue-button:hover, .cc-white-blue-button:active {
    background-color: #3a7af2;
    color: #fff; }

/* ==========================================================================
   CC Product Customer Review
   ========================================================================== */
.cc-product-customer-review {
  color: #8a9198;
  font-family: 'museo-sans', 'museo sans', sans-serif;
  margin-bottom: 30px;
  padding-right: 20px;
  padding-left: 20px;
  text-align: center; }
  @media (min-width: 768px) {
    .cc-product-customer-review {
      margin-bottom: 0; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .cc-product-customer-review {
      padding-right: 10px;
      padding-left: 10px; } }
  .cc-product-customer-review .vcard {
    color: #5594fb;
    margin-bottom: 10px;
    text-align: center; }
    @media (min-width: 768px) {
      .cc-product-customer-review .vcard {
        margin-bottom: 20px; } }
    @media (min-width: 1024px) {
      .cc-product-customer-review .vcard {
        margin-bottom: 30px; } }
  .cc-product-customer-review .photo {
    display: inline-block;
    height: 56px;
    margin: 0 .5em 0 0;
    width: 56px; }
    @media (min-width: 768px) {
      .cc-product-customer-review .photo {
        margin-right: .75em; } }
  .cc-product-customer-review .fn {
    font-size: 18px;
    font-weight: 500;
    line-height: 56px; }
    @media (min-width: 768px) {
      .cc-product-customer-review .fn {
        font-size: 24px; } }
  .cc-product-customer-review .entry-content img {
    display: block;
    margin: 0 auto 10px; }
    @media (min-width: 768px) {
      .cc-product-customer-review .entry-content img {
        margin-bottom: 20px; } }
  .cc-product-customer-review .entry-content p {
    color: inherit;
    font-family: inherit;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5; }
    @media (min-width: 768px) {
      .cc-product-customer-review .entry-content p {
        font-size: 18px; } }
    @media (min-width: 1024px) {
      .cc-product-customer-review .entry-content p {
        font-size: 20px; } }

/* ==========================================================================
   CC Product Header
   ========================================================================== */
.cc-product-header {
  background: #fff;
  border-bottom: thin solid #e4e4e4;
  font-family: 'museo-sans', 'museo sans', sans-serif;
  min-height: 89px;
  text-align: center; }
  .cc-product-header *, .cc-product-header, .cc-product-header *:before, .cc-product-header *:after {
    box-sizing: border-box; }
  @media (min-width: 768px) {
    .cc-product-header {
      min-height: 71px;
      text-align: left; } }
  .cc-product-header .entry-title {
    color: #292f33;
    font-size: 18px;
    font-weight: 100;
    line-height: 22px;
    margin: 0;
    padding: 0 0 5px; }
    .cc-product-header .entry-title.entry-title__no-reviews {
      padding-top: 9px; }
    .cc-product-header .entry-title strong {
      font-weight: 300; }
    .cc-product-header .entry-title span {
      color: #787d81;
      font-weight: 300; }
    .cc-product-header .entry-title em {
      background: #eb6589;
      border-radius: 4px;
      color: #fff;
      font-size: 11px;
      font-style: normal;
      font-weight: 700;
      letter-spacing: .085ex;
      line-height: 1;
      margin: 0 0 0 2px;
      padding: 4.5px 5px 4px;
      text-transform: uppercase;
      vertical-align: 2px; }
  .cc-product-header nav {
    padding: 0 10px; }
    @media (min-width: 360px) {
      .cc-product-header nav {
        padding: 0 30px; } }
    @media (min-width: 768px) {
      .cc-product-header nav {
        float: right;
        padding: 0 30px 0 0; } }
    @media (min-width: 1024px) {
      .cc-product-header nav {
        margin-right: -12px;
        padding-right: 0; } }
    .cc-product-header nav .active a {
      color: #292f33;
      font-weight: 700;
      position: relative; }
      .cc-product-header nav .active a:before, .cc-product-header nav .active a:after {
        border-style: solid;
        border-width: 5px 6.5px 0;
        content: '';
        display: block;
        left: 50%;
        margin: 0 0 0 -6.5px;
        position: absolute; }
      .cc-product-header nav .active a:before {
        border-color: #e4e4e4 transparent transparent;
        bottom: -5px; }
        @media (min-width: 768px) {
          .cc-product-header nav .active a:before {
            bottom: -6px; } }
      .cc-product-header nav .active a:after {
        border-color: #fdfdfd transparent transparent;
        bottom: -4px; }
        @media (min-width: 768px) {
          .cc-product-header nav .active a:after {
            bottom: -5px; } }
    .cc-product-header nav a {
      color: #787d81;
      display: inline-block;
      font-size: 13px;
      font-weight: 500;
      letter-spacing: .085ex;
      line-height: 1;
      padding: 10px 0 16px;
      text-decoration: none;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .cc-product-header nav a {
          font-size: 14px;
          padding: 28px 10px; } }
      @media (min-width: 1024px) {
        .cc-product-header nav a {
          padding-right: 12px;
          padding-left: 12px; } }
      .cc-product-header nav a:focus, .cc-product-header nav a:hover, .cc-product-header nav a:active {
        color: #3a7af2; }
  .cc-product-header ul {
    font-size: 0;
    line-height: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: justify; }
    @media (min-width: 768px) {
      .cc-product-header ul {
        text-align: inherit; } }
    .cc-product-header ul:after {
      content: '';
      display: inline-block;
      width: 100%; }
  .cc-product-header li {
    display: inline-block; }
  .cc-product-header_price .price-box {
    display: inline; }
  .cc-product-header_price .old-price,
  .cc-product-header_price .special-price {
    display: inline-block; }
  .cc-product-header_price span.price {
    font-family: 'museo-sans', 'museo sans', sans-serif;
    font-size: 18px; }
  .cc-product-header_price .regular-price span.price,
  .cc-product-header_price .special-price span.price {
    color: #3a7af2; }
  .cc-product-header_price .price-label {
    display: none; }

.cc-product-header__inner {
  margin: 0 auto;
  max-width: 960px; }
  .cc-product-header__inner:before, .cc-product-header__inner:after {
    content: ' ';
    display: table; }
  .cc-product-header__inner:after {
    clear: both; }

.cc-product-header__header {
  padding: 8px 0 0; }
  @media (min-width: 768px) {
    .cc-product-header__header {
      float: left;
      padding: 15px 0 0 40px; } }
  @media (min-width: 1024px) {
    .cc-product-header__header {
      padding-left: 0; } }

.cc-product-header__rating {
  font-size: 14px;
  font-weight: 300;
  line-height: 1; }
  .cc-product-header__rating .stars {
    display: inline-block;
    height: 15px;
    position: relative;
    width: 80px;
    vertical-align: bottom; }
  .cc-product-header__rating .cc-icon-stars-gray, .cc-product-header__rating .cc-icon-stars-yellow {
    background-size: 80px auto;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%; }

/* States
   ========================================================================== */
/**
 * 'Sticky' State.
 */
.is-sticky.cc-product-header {
  border-bottom-color: transparent; }
  .is-sticky.cc-product-header .cc-product-header__outer {
    background: #fff;
    border-bottom: thin solid transparent;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.085);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000; }
    @media (min-width: 768px) {
      .is-sticky.cc-product-header .cc-product-header__outer {
        border-bottom-color: #e4e4e4;
        box-shadow: none; } }
  .is-sticky.cc-product-header .entry-title, .is-sticky.cc-product-header .cc-product-header__rating {
    display: none; }
    @media (min-width: 768px) {
      .is-sticky.cc-product-header .entry-title, .is-sticky.cc-product-header .cc-product-header__rating {
        display: block; } }
  .is-sticky.cc-product-header nav .active a:before, .is-sticky.cc-product-header nav .active a:after {
    display: none; }

/* ==========================================================================
   CC Product Intro
   ========================================================================== */
.cc-product-intro .heading {
  margin-bottom: 10px; }
.cc-product-intro .subheading {
  font-size: 18px;
  font-weight: inherit;
  margin: 0 0 10px; }
  .cc-product-intro .subheading strong {
    font-weight: 300; }
  @media (min-width: 768px) {
    .cc-product-intro .subheading {
      font-size: 24px;
      margin-bottom: 5px; } }
  @media (min-width: 1024px) {
    .cc-product-intro .subheading {
      font-size: 32px;
      margin-bottom: 15px; } }
.cc-product-intro .video-link {
  color: #3a7af2;
  display: inline-block;
  font-size: 18px;
  margin: 0 0 30px;
  text-decoration: none; }
  @media (min-width: 768px) {
    .cc-product-intro .video-link {
      font-size: 24px; } }
  @media (min-width: 1024px) {
    .cc-product-intro .video-link {
      margin-bottom: 60px; } }
  .cc-product-intro .video-link .cc-icon-arrow-icon {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    margin-left: 2px;
    vertical-align: -6px; }
    @media (min-width: 768px) {
      .cc-product-intro .video-link .cc-icon-arrow-icon {
        vertical-align: -4px; } }

/* ==========================================================================
   CC Product Keyboard
   ========================================================================== */
.cc-product-keyboard .bx-wrapper .bx-pager {
  padding-top: 50px; }
.cc-product-keyboard .bxslider {
  text-align: center; }
  @media (min-width: 768px) {
    .cc-product-keyboard .bxslider {
      padding: 0 15px; }
      .cc-product-keyboard .bxslider:before, .cc-product-keyboard .bxslider:after {
        content: ' ';
        display: table; }
      .cc-product-keyboard .bxslider:after {
        clear: both; } }
.cc-product-keyboard .item {
  padding: 0 30px; }
  @media (min-width: 768px) {
    .cc-product-keyboard .item {
      float: right;
      padding: 0 15px;
      width: 33.33%; } }
.cc-product-keyboard .item-graphic {
  height: 90px;
  margin: 0 0 40px; }
  @media (min-width: 768px) {
    .cc-product-keyboard .item-graphic {
      height: 92px;
      margin: 0 auto 20px;
      max-width: 196px; } }
  @media (min-width: 1024px) {
    .cc-product-keyboard .item-graphic {
      margin-bottom: 30px;
      max-width: 252px; } }
@media (max-width: 767px) {
  .cc-product-keyboard .cc-icon-wpm-chart-mobile, .cc-product-keyboard .cc-icon-keys-mobile {
    background-size: 100% auto;
    display: block;
    margin: 0 auto;
    max-width: 100%; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .cc-product-keyboard .cc-icon-wpm-chart-tablet, .cc-product-keyboard .cc-icon-keys-tablet {
    display: block; } }
@media (min-width: 1024px) {
  .cc-product-keyboard .cc-icon-wpm-chart-desktop, .cc-product-keyboard .cc-icon-keys-desktop {
    display: block; } }
.cc-product-keyboard h2 {
  color: #292f33;
  font-size: 24px;
  font-weight: 100;
  line-height: 1.083;
  margin: 0 0 15px; }
  @media (min-width: 768px) {
    .cc-product-keyboard h2 {
      margin-bottom: 20px; } }
.cc-product-keyboard p {
  color: #787d81;
  font-size: 16px;
  font-weight: 100;
  line-height: 1.75;
  margin: 0 auto;
  max-width: 18em; }
  @media (min-width: 1024px) {
    .cc-product-keyboard p {
      max-width: none; } }

/* ==========================================================================
   CC Product Materials
   ========================================================================== */
.cc-product-materials {
  position: relative;
  text-align: center;
  /**
     * BXSlider controls
     */ }
  @media (min-width: 768px) {
    .cc-product-materials {
      background: #f5f5f5;
      padding: 0 0 120px;
      position: static; } }
  .cc-product-materials .bxslider:before, .cc-product-materials .bxslider:after {
    content: ' ';
    display: table; }
  .cc-product-materials .bxslider:after {
    clear: both; }
  .cc-product-materials .bxslider-item-1, .cc-product-materials .bxslider-item-2, .cc-product-materials .bxslider-item-3, .cc-product-materials .bxslider-item-4 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 501px;
    padding: 190px 40px 0; }
  .cc-product-materials .bxslider-item-1 {
    background-image: url(../images/materials/mobile/materials.jpg); }
    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
      .cc-product-materials .bxslider-item-1 {
        background-image: url(../images/materials/mobile/materials-2x.jpg); } }
  .cc-product-materials .bxslider-item-2 {
    background-image: url(../images/materials/mobile/aluminum.jpg); }
    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
      .cc-product-materials .bxslider-item-2 {
        background-image: url(../images/materials/mobile/aluminum-2x.jpg); } }
  .cc-product-materials .bxslider-item-3 {
    background-image: url(../images/materials/mobile/polycarbonate.jpg); }
    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
      .cc-product-materials .bxslider-item-3 {
        background-image: url(../images/materials/mobile/polycarbonate-2x.jpg); } }
  .cc-product-materials .bxslider-item-4 {
    background-image: url(../images/materials/mobile/soft-touch.jpg); }
    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
      .cc-product-materials .bxslider-item-4 {
        background-image: url(../images/materials/mobile/soft-touch-2x.jpg); } }
  .cc-product-materials h1, .cc-product-materials h2 {
    color: #292f33;
    font-size: 32px;
    font-weight: 100;
    line-height: 1;
    margin: 0 0 10px; }
  .cc-product-materials p {
    font-weight: 300;
    line-height: 1.75;
    margin: 0 auto;
    max-width: 18em; }
  @media (min-width: 768px) {
    .cc-product-materials .bxslider-item-1 {
      background-image: url(../images/materials/tablet/materials.jpg);
      height: 0;
      padding: 0 0 43.61979%; }
      @media (min-width: 768px) {
        .cc-product-materials .bxslider-item-1 h1 {
          padding: 35px 0 0; } }
      @media (min-width: 1024px) {
        .cc-product-materials .bxslider-item-1 h1 {
          font-size: 48px;
          margin: 0 0 10px;
          padding-top: 70px; } }
      .cc-product-materials .bxslider-item-1 p {
        font-size: 18px;
        max-width: none; }
      @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
        .cc-product-materials .bxslider-item-1 {
          background-image: url(../images/materials/tablet/materials-2x.jpg); } }
      @media (min-width: 1024px) {
        .cc-product-materials .bxslider-item-1 {
          background-image: url(../images/materials/desktop/materials.jpg); }
          @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
            .cc-product-materials .bxslider-item-1 {
              background-image: url(../images/materials/desktop/materials-2x.jpg); } } }
    .cc-product-materials .bxslider-item-2, .cc-product-materials .bxslider-item-3, .cc-product-materials .bxslider-item-4 {
      background: none;
      float: left;
      height: auto;
      padding: 0;
      width: 33.33%; }
      .cc-product-materials .bxslider-item-2 h2, .cc-product-materials .bxslider-item-3 h2, .cc-product-materials .bxslider-item-4 h2 {
        font-size: 24px;
        margin: 0 0 20px; }
      .cc-product-materials .bxslider-item-2 p, .cc-product-materials .bxslider-item-3 p, .cc-product-materials .bxslider-item-4 p {
        font-weight: inherit;
        max-width: 14em; }
    .cc-product-materials .bxslider-item-2 p {
      max-width: 14em; }
    .cc-product-materials .bxslider-item-3 p {
      max-width: 15em; }
    .cc-product-materials .bxslider-item-4 p {
      max-width: 9em; } }
  @media (min-width: 1024px) {
    .cc-product-materials .bxslider-item-2 p, .cc-product-materials .bxslider-item-3 p, .cc-product-materials .bxslider-item-4 p {
      max-width: 20em; } }
  .cc-product-materials .bx-controls-direction {
    display: block; }
  .cc-product-materials .bx-prev, .cc-product-materials .bx-next {
    font-size: 0;
    line-height: 0;
    margin-top: -5px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute;
    top: 50%;
    z-index: 100; }
  .cc-product-materials .bx-prev {
    left: 0;
    padding-left: 30px; }
  .cc-product-materials .bx-next {
    padding-right: 30px;
    right: 0; }
  .cc-product-materials .cc-icon-nav-right, .cc-product-materials .cc-icon-nav-left {
    display: inline-block;
    vertical-align: top; }
  .cc-product-materials .bx-wrapper .bx-pager {
    bottom: 60px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 100; }

/* ==========================================================================
   CC Product Mega Quote
   ========================================================================== */
.cc-product-mega-quote {
  background: #3a7af2;
  color: #fff;
  text-align: center;
  padding: 110px 10px; }
  @media (min-width: 768px) {
    .cc-product-mega-quote {
      padding: 80px 40px; } }
  @media (min-width: 1024px) {
    .cc-product-mega-quote {
      padding: 110px 80px; } }
  .cc-product-mega-quote blockquote {
    font-size: 24px;
    font-weight: 100;
    line-height: 1.417;
    margin: 0;
    padding: 0; }
    @media (min-width: 768px) {
      .cc-product-mega-quote blockquote {
        font-size: 32px;
        line-height: 1.3125; } }
    .cc-product-mega-quote blockquote p {
      margin: 0 0 25px; }
  .cc-product-mega-quote .cc-icon {
    display: block;
    margin: 0 auto; }
  @media (max-width: 767px) {
    .cc-product-mega-quote .cc-icon-9to5mac-white {
      background-size: 130px;
      width: 130px;
      height: 21px; } }

/* ==========================================================================
   CC Product Quoteslider
   ========================================================================== */
.cc-product-quoteslider {
  margin: 0 0 110px;
  text-align: center; }
  .cc-product-quoteslider .bxslider li {
    padding: 0 30px; }
    @media (min-width: 360px) {
      .cc-product-quoteslider .bxslider li {
        padding: 0 40px; } }
    @media (min-width: 768px) {
      .cc-product-quoteslider .bxslider li {
        padding: 0 100px; } }
    @media (min-width: 1024px) {
      .cc-product-quoteslider .bxslider li {
        padding: 0 25%; } }
  .cc-product-quoteslider blockquote {
    color: #292f33;
    font-size: 24px;
    font-weight: 100;
    line-height: 1.25;
    margin: 0;
    padding: 0; }
    @media (min-width: 768px) {
      .cc-product-quoteslider blockquote {
        font-size: 32px;
        line-height: 1.3125; } }
    @media (min-width: 1024px) {
      .cc-product-quoteslider blockquote {
        line-height: 1.625;
        padding: 0 8em; } }
    @media (min-width: 1120px) {
      .cc-product-quoteslider blockquote {
        padding: 0 9.8em; } }
  .cc-product-quoteslider p {
    margin: 0; }
    .cc-product-quoteslider p:before, .cc-product-quoteslider p:after {
      display: inline;
      font-size: 200%;
      line-height: .333;
      vertical-align: bottom; }
      @media (min-width: 768px) {
        .cc-product-quoteslider p:before, .cc-product-quoteslider p:after {
          line-height: .4; } }
      @media (min-width: 1024px) {
        .cc-product-quoteslider p:before, .cc-product-quoteslider p:after {
          line-height: .45; } }
    .cc-product-quoteslider p:before {
      content: '“'; }
    .cc-product-quoteslider p:after {
      content: '”'; }
  .cc-product-quoteslider cite {
    display: none; }

.cc-product-quoteslider__controls {
  overflow: hidden;
  -webkit-mask-image: -webkit-linear-gradient(0deg, transparent 10%, black 20%, black 80%, transparent 90%);
          mask-image: linear-gradient(90deg, transparent 10%, black 20%, black 80%, transparent 90%);
  padding: 30px 0 0;
  /**
     * Widths must be explicitely set for width-measuring scripts to function
     * properly.
     */ }
  @media (min-width: 768px) {
    .cc-product-quoteslider__controls {
      margin-right: auto;
      margin-left: auto;
      -webkit-mask-image: -webkit-linear-gradient(0deg, transparent 5%, black 20%, black 80%, transparent 95%);
              mask-image: linear-gradient(90deg, transparent 5%, black 20%, black 80%, transparent 95%);
      max-width: 750px;
      padding-top: 40px;
      width: 75%; } }
  .cc-product-quoteslider__controls ul {
    font-size: 0;
    line-height: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    white-space: nowrap; }
  .cc-product-quoteslider__controls li, .cc-product-quoteslider__controls a, .cc-product-quoteslider__controls .cc-icon-the-verge, .cc-product-quoteslider__controls .cc-icon-the-verge-gray, .cc-product-quoteslider__controls .cc-icon-pc-mag, .cc-product-quoteslider__controls .cc-icon-pc-mag-gray, .cc-product-quoteslider__controls .cc-icon-forbes, .cc-product-quoteslider__controls .cc-icon-forbes-gray, .cc-product-quoteslider__controls .cc-icon-engadget, .cc-product-quoteslider__controls .cc-icon-engadget-gray, .cc-product-quoteslider__controls .cc-icon-cnet, .cc-product-quoteslider__controls .cc-icon-cnet-gray {
    display: inline-block; }
  .cc-product-quoteslider__controls a {
    padding-right: 25px;
    padding-left: 25px;
    position: relative;
    text-decoration: none;
    vertical-align: bottom; }
    @media (min-width: 768px) {
      .cc-product-quoteslider__controls a {
        padding-right: 30px;
        padding-left: 30px; } }
  .cc-product-quoteslider__controls .cc-icon-the-verge, .cc-product-quoteslider__controls .cc-icon-the-verge-gray, .cc-product-quoteslider__controls .cc-icon-pc-mag, .cc-product-quoteslider__controls .cc-icon-pc-mag-gray, .cc-product-quoteslider__controls .cc-icon-forbes, .cc-product-quoteslider__controls .cc-icon-forbes-gray, .cc-product-quoteslider__controls .cc-icon-engadget, .cc-product-quoteslider__controls .cc-icon-engadget-gray, .cc-product-quoteslider__controls .cc-icon-cnet, .cc-product-quoteslider__controls .cc-icon-cnet-gray {
    -webkit-transition: opacity 250ms;
            transition: opacity 250ms; }
  .cc-product-quoteslider__controls .cc-icon-the-verge, .cc-product-quoteslider__controls .cc-icon-pc-mag, .cc-product-quoteslider__controls .cc-icon-forbes, .cc-product-quoteslider__controls .cc-icon-engadget, .cc-product-quoteslider__controls .cc-icon-cnet {
    opacity: 0;
    position: absolute; }
  .cc-product-quoteslider__controls .cc-icon-the-verge, .cc-product-quoteslider__controls .cc-icon-the-verge-gray {
    margin-bottom: 10px;
    width: 115px; }
  .cc-product-quoteslider__controls .cc-icon-pc-mag, .cc-product-quoteslider__controls .cc-icon-pc-mag-gray {
    width: 47px; }
  .cc-product-quoteslider__controls .cc-icon-forbes, .cc-product-quoteslider__controls .cc-icon-forbes-gray {
    margin-bottom: 10px;
    width: 84px; }
  .cc-product-quoteslider__controls .cc-icon-engadget, .cc-product-quoteslider__controls .cc-icon-engadget-gray {
    margin-bottom: 6px;
    width: 117px; }
  .cc-product-quoteslider__controls .cc-icon-cnet, .cc-product-quoteslider__controls .cc-icon-cnet-gray {
    width: 47px; }
  .cc-product-quoteslider__controls a.is-active .cc-icon-the-verge, .cc-product-quoteslider__controls a.is-active .cc-icon-pc-mag, .cc-product-quoteslider__controls a.is-active .cc-icon-forbes, .cc-product-quoteslider__controls a.is-active .cc-icon-engadget, .cc-product-quoteslider__controls a.is-active .cc-icon-cnet {
    opacity: 1; }
  .cc-product-quoteslider__controls a.is-active .cc-icon-the-verge-gray, .cc-product-quoteslider__controls a.is-active .cc-icon-pc-mag-gray, .cc-product-quoteslider__controls a.is-active .cc-icon-forbes-gray, .cc-product-quoteslider__controls a.is-active .cc-icon-engadget-gray, .cc-product-quoteslider__controls a.is-active .cc-icon-cnet-gray {
    opacity: 0; }

/* ==========================================================================
   CC Product Reviews
   ========================================================================== */
.cc-product-reviews {
  background: #f5f5f5 url(../images/reviews/background-mobile.jpg) no-repeat 50% 50%;
  background-size: cover;
  padding: 110px 0;
  text-align: center;
  /** Single review. */ }
  @media (min-width: 768px) {
    .cc-product-reviews {
      padding-bottom: 120px; } }
  @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .cc-product-reviews {
      background-image: url(../images/reviews/background-mobile-2x.jpg); } }
  @media (min-width: 768px) {
    .cc-product-reviews {
      background-image: url(../images/reviews/background-tablet.jpg); }
      @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
        .cc-product-reviews {
          background-image: url(../images/reviews/background-tablet-2x.jpg); } } }
  @media (min-width: 1024px) {
    .cc-product-reviews {
      background-image: url(../images/reviews/background-desktop.jpg); }
      @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
        .cc-product-reviews {
          background-image: url(../images/reviews/background-desktop-2x.jpg); } } }
  .cc-product-reviews h1 {
    margin: 0 0 50px;
    padding: 0 30px; }
    @media (min-width: 768px) {
      .cc-product-reviews h1 {
        font-size: 32px;
        margin-bottom: 60px;
        padding: 0; } }
    @media (min-width: 1024px) {
      .cc-product-reviews h1 {
        font-size: 48px;
        margin-bottom: 110px; } }
  .cc-product-reviews .hentry {
    margin: 0 0 60px;
    padding: 0 30px; }
    @media (min-width: 768px) {
      .cc-product-reviews .hentry {
        float: left;
        padding: 0 25px;
        width: 33.33%; } }
    @media (min-width: 1024px) {
      .cc-product-reviews .hentry {
        padding: 0 60px; } }
  .cc-product-reviews .vcard {
    font-size: 0;
    line-height: 0; }
    @media (min-width: 768px) {
      .cc-product-reviews .vcard {
        margin-bottom: 20px; } }
  .cc-product-reviews .cc-icon-avatar-1, .cc-product-reviews .cc-icon-avatar-2, .cc-product-reviews .cc-icon-avatar-3 {
    display: block;
    margin: 0 auto 15px; }
    @media (min-width: 768px) {
      .cc-product-reviews .cc-icon-avatar-1, .cc-product-reviews .cc-icon-avatar-2, .cc-product-reviews .cc-icon-avatar-3 {
        display: inline-block;
        margin: 0 20px 0 0;
        vertical-align: bottom; } }
  .cc-product-reviews .fn {
    color: #3a7af2;
    display: block;
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    margin: 0 0 10px; }
    @media (min-width: 768px) {
      .cc-product-reviews .fn {
        display: inline-block;
        line-height: 50px;
        margin-bottom: 0; } }
  .cc-product-reviews .entry-content p {
    line-height: 1.75;
    margin: 0 0 10px; }
    @media (min-width: 768px) {
      .cc-product-reviews .entry-content p {
        margin-bottom: 20px; } }
  .cc-product-reviews .stars {
    height: 21px;
    margin: 0 auto;
    position: relative;
    width: 122px; }
  .cc-product-reviews .cc-icon-stars-gray, .cc-product-reviews .cc-icon-stars-yellow {
    display: block;
    left: 0;
    position: absolute;
    top: 0; }

.cc-product-reviews__wrapper:before, .cc-product-reviews__wrapper:after {
  content: ' ';
  display: table; }
.cc-product-reviews__wrapper:after {
  clear: both; }
@media (min-width: 1024px) {
  .cc-product-reviews__wrapper {
    padding: 0 30px; } }

.cc-product-reviews__link {
  color: #3a7af2;
  font-weight: 500;
  text-decoration: none; }
  .cc-product-reviews__link strong {
    font-weight: 500; }
  .cc-product-reviews__link .cc-icon-right-arrow {
    display: inline-block;
    margin-left: 3px;
    vertical-align: -1px; }

/* ==========================================================================
   CC Product Section
   ========================================================================== */
.cc-product-section picture {
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .cc-product-section picture {
      margin-bottom: 0; } }
.cc-product-section .heading {
  color: #292f33;
  font-size: 32px;
  font-weight: 100;
  line-height: 1.1875;
  margin: 0 0 20px; }
  @media (min-width: 768px) {
    .cc-product-section .heading {
      margin-bottom: 10px; } }
  @media (min-width: 1024px) {
    .cc-product-section .heading {
      font-size: 40px;
      line-height: 1.5; } }
.cc-product-section .subheading {
  color: #787d81; }
.cc-product-section .lead {
  color: #888f92;
  font-family: 'franklin-gothic-urw', sans-serif;
  font-size: 16px;
  font-weight: 100;
  line-height: 1.625;
  margin: 0; }

.cc-product-section__content {
  padding-right: 20px;
  padding-left: 20px; }
  @media (min-width: 768px) {
    .cc-product-section__content {
      padding-right: 0;
      padding-left: 0; } }

.cc-product-image-color-whitesilver {
  background: url(../images/ipad-air-2/white-silver.jpg) no-repeat; }
.cc-product-image-color-whitegold {
  background: url(../images/ipad-air-2/white-gold.jpg) no-repeat; }
.cc-product-image-color-blackgold {
  background: url(http://lghttp.5654.nexcesscdn.net/8041F9/mage/skin/frontend/pro/cc/images/ipad-air-2/black-gold.jpg) no-repeat; }
.cc-product-image-color-blackspacegray {
  background: url(../images/ipad-air-2/black-spacegray.jpg) no-repeat; }
.cc-product-image-ipadair2whitesilver {
  background: url(../images/ipad-air-2/white-silver.jpg) no-repeat; }
.cc-product-image-ipadair2whitegold {
  background: url(../images/ipad-air-2/white-gold.jpg) no-repeat; }
.cc-product-image-ipadair2blackspacegray {
  background: url(../images/ipad-air-2/black-spacegray.jpg) no-repeat; }
.cc-product-image-ipadairwhitesilver {
  background: url(../images/ipad-air-2/white-silver.jpg) no-repeat; }
.cc-product-image-ipadairwhitegold {
  background: url(../images/ipad-air-2/white-gold.jpg) no-repeat; }
.cc-product-image-ipadairblackspacegray {
  background: url(../images/ipad-air-2/black-spacegray.jpg) no-repeat; }
.cc-product-image-ipadmini123whitesilver {
  background: url(../images/ipad-mini/white-silver.jpg) no-repeat; }
.cc-product-image-ipadmini123whitegold {
  background: url(../images/ipad-mini/white-gold.jpg) no-repeat; }
.cc-product-image-ipadmini123blackgold {
  background: url(http://lghttp.5654.nexcesscdn.net/8041F9/mage/skin/frontend/pro/cc/images/ipad-mini/black-gold.jpg) no-repeat; }
.cc-product-image-ipadmini123blackspacegray {
  background: url(../images/ipad-mini/black-spacegray.jpg) no-repeat; }

.cc-modal-color-selector .cc-modal-container {
  padding: 48px 75px; }
  @media (max-width: 767px) {
    .cc-modal-color-selector .cc-modal-container {
      padding: 15px; } }
  @media (min-width: 800px) {
    .cc-modal-color-selector .cc-modal-container {
      width: 775px; } }

.cc-modal-color-selector .cc-modal-content {
  height: auto;
  padding: 0;
  overflow: visible; }

.cc-color-selector {
  font-family: 'museo-sans', 'museo sans', sans-serif; }
  .cc-color-selector-list {
    position: relative;
    height: 382px; }
    @media (max-width: 767px) {
      .cc-color-selector-list {
        height: 285px; } }
    .cc-color-selector-list-item {
      visibility: hidden;
      opacity: 0;
      -webkit-transition: visibility 0s linear 0.5s, opacity 0.5s linear;
              transition: visibility 0s linear 0.5s, opacity 0.5s linear;
      width: 100%;
      position: absolute; }
      .cc-color-selector-list-item.active {
        visibility: visible;
        opacity: 1;
        -webkit-transition-delay: 0s;
                transition-delay: 0s; }
      .cc-color-selector-list-item-image {
        height: 345px;
        width: 550px;
        background-size: 585px;
        background-position: 0px -192px;
        margin: -48px 0 0 30px; }
        @media (max-width: 800px) {
          .cc-color-selector-list-item-image {
            margin: -48px 0 0 -46px; } }
        @media (max-width: 767px) {
          .cc-color-selector-list-item-image {
            background-size: 480px;
            background-position: -56px -198px;
            height: 225px;
            margin: -15px 0 0 -15px; } }
      .cc-color-selector-list-item-title {
        font-weight: 300;
        text-align: center; }
      .cc-color-selector-list-item-name {
        max-height: 20px;
        overflow: hidden;
        font-size: 18px;
        margin-right: 12px;
        display: inline-block; }
        @media (max-width: 767px) {
          .cc-color-selector-list-item-name {
            display: block;
            text-align: center;
            max-width: none;
            margin: 0; } }
      .cc-color-selector-list-item-rating {
        vertical-align: top;
        font-size: 14px;
        font-weight: 300;
        line-height: 27px;
        display: inline-block; }
        .cc-color-selector-list-item-rating .cc-stars, .cc-color-selector-list-item-rating .cc-stars--big {
          height: 15px;
          width: 70px; }
          .cc-color-selector-list-item-rating .cc-stars .cc-icon-stars-gray, .cc-color-selector-list-item-rating .cc-stars--big .cc-icon-stars-gray, .cc-color-selector-list-item-rating .cc-stars .cc-icon-stars-yellow, .cc-color-selector-list-item-rating .cc-stars--big .cc-icon-stars-yellow {
            background-size: 70px auto; }
      .cc-color-selector-list-item-shipping {
        font-size: 14px;
        font-weight: 100;
        padding-left: 32px;
        background: url(../images/shipping.png) no-repeat 0 3px;
        background-size: 21px; }
  .cc-color-selector .cc-white-blue-button {
    width: 30%;
    padding: 11px 20px;
    box-sizing: border-box;
    -webkit-transition-property: margin;
            transition-property: margin;
    text-align: center; }
    @media (max-width: 767px) {
      .cc-color-selector .cc-white-blue-button {
        width: 100%; } }
  .cc-color-selector-switcher {
    padding-bottom: 16px;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 32px;
    position: relative;
    height: 150px; }
    @media (max-width: 767px) {
      .cc-color-selector-switcher {
        padding-bottom: 0;
        margin-bottom: 15px;
        height: 145px; } }
    .cc-color-selector-switcher:after, .cc-color-selector-switcher:before {
      top: 100%;
      left: 15%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      -webkit-transition: left 0.15s ease-out;
              transition: left 0.15s ease-out; }
    .cc-color-selector-switcher:after {
      border-color: rgba(255, 255, 255, 0);
      border-top-color: #fff;
      border-width: 5px;
      margin-left: -5px; }
    .cc-color-selector-switcher:before {
      border-color: rgba(194, 225, 245, 0);
      border-top-color: #cfcfcf;
      border-width: 6px;
      margin-left: -6px; }
    .cc-color-selector-switcher-0:after, .cc-color-selector-switcher-0:before {
      left: 15%; }
    .cc-color-selector-switcher-1:after, .cc-color-selector-switcher-1:before {
      left: 50%; }
    .cc-color-selector-switcher-2:after, .cc-color-selector-switcher-2:before {
      left: 85%; }
    .cc-color-selector-switcher-title {
      font-size: 14px;
      font-weight: 100;
      margin-bottom: 20px;
      text-align: center; }
      @media (max-width: 767px) {
        .cc-color-selector-switcher-title {
          margin-bottom: 10px; } }
    .cc-color-selector-switcher-item {
      float: left;
      width: 30%;
      margin-left: 5%;
      text-align: center;
      font-size: 14px;
      font-weight: 300;
      position: relative;
      padding-bottom: 14px; }
      .cc-color-selector-switcher-item:first-child {
        margin-left: 0 !important; }
      .cc-color-selector-switcher-item-image {
        border: 2px solid #cfcfcf;
        border-radius: 4px;
        height: 120px;
        background-size: 70%;
        background-position: 50%;
        cursor: pointer;
        margin-bottom: 10px; }
        .cc-color-selector-switcher-item-image:hover, .cc-color-selector-switcher-item.active .cc-color-selector-switcher-item-image {
          border-color: #3a7af2; }
        @media (max-width: 799px) {
          .cc-color-selector-switcher-item-image {
            height: 100px; } }
        @media (max-width: 767px) {
          .cc-color-selector-switcher-item-image {
            height: 95px;
            background-size: 75%; } }
        @media (max-width: 374px) {
          .cc-color-selector-switcher-item-image {
            height: 80px; } }
        @media (max-width: 767px) {
          .cc-color-selector-switcher-item-image-ipadmini123 {
            background-size: 92%; } }
      .cc-color-selector-switcher-item-title {
        overflow: hidden;
        height: 21px; }
        @media (max-width: 374px) {
          .cc-color-selector-switcher-item-title {
            height: auto; } }
    .cc-color-selector-switcher-addtocart-0 {
      margin: 0; }
    .cc-color-selector-switcher-addtocart-1 {
      margin-left: 35%; }
      @media (max-width: 767px) {
        .cc-color-selector-switcher-addtocart-1 {
          margin: 0; } }
    .cc-color-selector-switcher-addtocart-2 {
      margin-left: 70%; }
      @media (max-width: 767px) {
        .cc-color-selector-switcher-addtocart-2 {
          margin: 0; } }
    .cc-color-selector-switcher-wrapper-2 .cc-color-selector-switcher-item {
      width: 45%;
      margin-left: 10%; }
    .cc-color-selector-switcher-wrapper-2 .cc-color-selector-switcher-0:after, .cc-color-selector-switcher-wrapper-2 .cc-color-selector-switcher-0:before {
      left: 22.5%; }
    .cc-color-selector-switcher-wrapper-2 .cc-color-selector-switcher-1:after, .cc-color-selector-switcher-wrapper-2 .cc-color-selector-switcher-1:before {
      left: 77.5%; }
    .cc-color-selector-switcher-wrapper-2 .cc-white-blue-button {
      width: 45%; }
      @media (max-width: 767px) {
        .cc-color-selector-switcher-wrapper-2 .cc-white-blue-button {
          padding: 11px 20px;
          font-size: 14px; } }
    .cc-color-selector-switcher-wrapper-2 .cc-color-selector-switcher-addtocart-1 {
      margin-left: 55%; }
    .cc-color-selector-switcher-wrapper-4 .cc-color-selector-switcher-item {
      width: 22%;
      margin-left: 4%; }
      @media (max-width: 620px) {
        .cc-color-selector-switcher-wrapper-4 .cc-color-selector-switcher-item {
          width: 47%;
          margin-left: 6%;
          padding-bottom: 10px; }
          .cc-color-selector-switcher-wrapper-4 .cc-color-selector-switcher-item-odd {
            margin-left: 0; } }
    .cc-color-selector-switcher-wrapper-4 .cc-color-selector-switcher-0:after, .cc-color-selector-switcher-wrapper-4 .cc-color-selector-switcher-0:before {
      left: 11%; }
    .cc-color-selector-switcher-wrapper-4 .cc-color-selector-switcher-1:after, .cc-color-selector-switcher-wrapper-4 .cc-color-selector-switcher-1:before {
      left: 37%; }
    .cc-color-selector-switcher-wrapper-4 .cc-color-selector-switcher-2:after, .cc-color-selector-switcher-wrapper-4 .cc-color-selector-switcher-2:before {
      left: 63%; }
    .cc-color-selector-switcher-wrapper-4 .cc-color-selector-switcher-3:after, .cc-color-selector-switcher-wrapper-4 .cc-color-selector-switcher-3:before {
      left: 89%; }
    @media (max-width: 620px) {
      .cc-color-selector-switcher-wrapper-4 .cc-color-selector-switcher {
        border: none; }
        .cc-color-selector-switcher-wrapper-4 .cc-color-selector-switcher:after, .cc-color-selector-switcher-wrapper-4 .cc-color-selector-switcher:before {
          display: none; } }
    .cc-color-selector-switcher-wrapper-4 .cc-white-blue-button {
      width: 22%; }
      @media (max-width: 620px) {
        .cc-color-selector-switcher-wrapper-4 .cc-white-blue-button {
          width: 100%;
          margin-left: 0 !important;
          margin-top: 10px; } }
      @media (max-width: 767px) {
        .cc-color-selector-switcher-wrapper-4 .cc-white-blue-button {
          padding: 11px 20px;
          font-size: 14px; } }
    .cc-color-selector-switcher-wrapper-4 .cc-color-selector-switcher-addtocart-1 {
      margin-left: 26%; }
    .cc-color-selector-switcher-wrapper-4 .cc-color-selector-switcher-addtocart-2 {
      margin-left: 52%; }
    .cc-color-selector-switcher-wrapper-4 .cc-color-selector-switcher-addtocart-3 {
      margin-left: 78%; }
  .cc-color-selector-page-right .cc-color-selector-page-switcher-wrapper {
    float: right; }
  .cc-color-selector-page-left .cc-color-selector-page-switcher-wrapper {
    float: left; }
  .cc-color-selector-page-image-list {
    position: relative; }
    .cc-color-selector-page-image-list picture {
      visibility: hidden;
      opacity: 0;
      -webkit-transition: visibility 0s linear 0.5s, opacity 0.5s linear;
              transition: visibility 0s linear 0.5s, opacity 0.5s linear;
      width: 100%;
      position: absolute; }
      .cc-color-selector-page-image-list picture.active {
        visibility: visible;
        opacity: 1;
        -webkit-transition-delay: 0s;
                transition-delay: 0s; }
  .cc-color-selector-page-switcher {
    margin: auto; }
    .cc-color-selector-page-switcher-title {
      text-align: center;
      margin: 10px 0; }
    .cc-color-selector-page-switcher li {
      cursor: pointer;
      box-sizing: border-box;
      float: left;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      margin-left: 10px;
      -webkit-transition: box-shadow 1s;
              transition: box-shadow 1s;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .cc-color-selector-page-switcher li.active {
        box-shadow: 0px 0px 3px 2px #3576f6; }
      .cc-color-selector-page-switcher li:first-child {
        margin-left: 0; }
    .cc-color-selector-page-switcher-silver {
      background: #f4f4f4;
      background: -webkit-linear-gradient(#f4f4f4 0%, #d3d3d3 100%);
      background: linear-gradient(#f4f4f4 0%, #d3d3d3 100%); }
    .cc-color-selector-page-switcher-gold {
      background: #fbecc9;
      background: -webkit-linear-gradient(#fbecc9 0%, #e1cea3 100%);
      background: linear-gradient(#fbecc9 0%, #e1cea3 100%); }
    .cc-color-selector-page-switcher-blackgold {
      background: #fbecc9;
      background: -webkit-linear-gradient(#fbecc9 0%, #161616 100%);
      background: linear-gradient(#fbecc9 0%, #161616 100%); }
    .cc-color-selector-page-switcher-black {
      background: #84818d;
      background: -webkit-linear-gradient(#84818d 0%, #161616 150%);
      background: linear-gradient(#84818d 0%, #161616 150%); }
.cc-color-gallery {
  margin-bottom: 50px; }
  @media (max-width: 768px) {
    .cc-color-gallery {
      margin-top: 230px; } }
  @media (max-width: 414px) {
    .cc-color-gallery {
      margin-top: 150px; } }
  @media (max-width: 320px) {
    .cc-color-gallery {
      margin-top: 100px; } }
  @media (max-height: 414px) {
    .cc-color-gallery {
      margin-top: 0px;
      margin-bottom: 0px; } }
  @media (max-width: 320px) and (max-height: 400px) {
    .cc-color-gallery {
      margin-top: 50px; } }
  .cc-color-gallery img {
    width: 100%; }
  .cc-color-gallery-switcher {
    position: absolute; }
    .cc-color-gallery-switcher div {
      cursor: pointer;
      box-sizing: border-box;
      float: left;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #cdcdcd;
      -webkit-transition: background-color 1s, box-shadow 1s;
              transition: background-color 1s, box-shadow 1s;
      overflow: hidden; }
      .cc-color-gallery-switcher div.av {
        background-color: #3576f6; }
  .cc-color-gallery-nav-item {
    height: 20px;
    width: 10px;
    position: fixed;
    cursor: pointer;
    top: 50%;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    @media (max-width: 1023px) {
      .cc-color-gallery-nav-item {
        display: none; } }
    .cc-color-gallery-nav-item-left {
      left: 25px; }
      @media (max-height: 414px) {
        .cc-color-gallery-nav-item-left {
          left: 10px; } }
    .cc-color-gallery-nav-item-right {
      right: 25px; }
      @media (max-height: 414px) {
        .cc-color-gallery-nav-item-right {
          right: 10px; } }
  .cc-color-gallery .cc-icon-nav-left, .cc-color-gallery .cc-icon-nav-right {
    height: 52px;
    width: 20px;
    background-size: 20px; }
  .cc-color-gallery .cc-color-selector-page-switcher-wrapper {
    position: absolute;
    left: 50%;
    margin-top: -95px;
    margin-bottom: 50px; }
    @media (max-height: 414px) {
      .cc-color-gallery .cc-color-selector-page-switcher-wrapper {
        margin-top: -75px; } }
  .cc-color-gallery #slider1_container {
    padding-bottom: 110px; }
    @media (max-width: 414px) {
      .cc-color-gallery #slider1_container {
        padding-bottom: 190px; } }
    @media (max-width: 375px) {
      .cc-color-gallery #slider1_container {
        padding-bottom: 160px; } }
    @media (max-width: 320px) {
      .cc-color-gallery #slider1_container {
        padding-bottom: 140px; } }
    @media (max-height: 414px) {
      .cc-color-gallery #slider1_container {
        padding-bottom: 0; } }
    @media (max-width: 320px) and (max-height: 400px) {
      .cc-color-gallery #slider1_container {
        padding-bottom: 90px; } }
  .cc-color-gallery .cc-icon-newsletter-cancel {
    position: fixed;
    top: 25px;
    right: 25px;
    z-index: 9;
    height: 20px;
    width: 20px;
    background-size: 20px; }

/* ==========================================================================
   Home
   ========================================================================== */
/**
 * Mobile styles for the home page's markup.
 */
#clamcasepro_home1 img {
  max-width: 1000px; }

/* Section 1
   ========================================================================== */
@media (max-width: 1024px) {
  #clamcasepro_home1 {
    box-sizing: border-box;
    height: 0;
    padding-bottom: 46%;
    width: 100%; }
  #clamcasepro_home1 .container_16 {
    width: 100%; }
  /* Text */
  #clamcasepro_home1 .text {
    margin: 0;
    padding: 11% 10px 0 52%; }
  #clamcasepro_home1 h1 {
    font-size: 56px;
    text-align: center; }
  #clamcasepro_home1 h1 strong {
    font-size: 100%;
    margin: 0; }
  #clamcasepro_home1 h3 {
    font-size: 20px;
    margin-left: 0; }
  #clamcasepro_home1 p {
    font-size: 13px;
    margin-left: 0; }
  /* Button */
  #clamcasepro_home1 .notifyBtn_case {
    margin: 20px 0 10px;
    padding: 0 10px 0 52%; }
  /* Image */
  #clamcasepro_home1 img {
    height: auto;
    left: 4% !important;
    width: 92%; } }

@media (max-width: 767px) {
  #clamcasepro_home1 {
    height: auto;
    margin: 20px 0 !important;
    position: static;
    padding: 0 10px; }
  /* Text */
  #clamcasepro_home1 .text {
    padding: 0; }
  #clamcasepro_home1 h1 {
    font-size: 48px; }
  #clamcasepro_home1 h3 {
    font-size: 17px; }
  #clamcasepro_home1 p {
    font-size: 10px; }
  /* Button */
  #clamcasepro_home1 .notifyBtn_case {
    margin-bottom: 20px;
    padding: 0; }
  /* Image */
  #clamcasepro_home1 img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 330px;
    position: static !important;
    width: 100%; } }

/* Section 2
   ========================================================================== */
@media (max-width: 1024px) {
  #clamcasepro_home2 {
    margin: 20px 0 0 !important;
    padding: 0 20px 20px 20px;
    width: 100%; }
  #clamcasepro_home2, #clamcasepro_home2 * {
    box-sizing: border-box; }
  #clamcasepro_home2:before, #clamcasepro_home2:after {
    content: ' ';
    display: table; }
  #clamcasepro_home2:after {
    clear: both; }
  #clamcasepro_home2 .prohomebox {
    background: none;
    border: none;
    border-radius: 0;
    display: block;
    float: left;
    height: auto;
    margin: 0 !important;
    padding: 0 10px;
    overflow: hidden;
    width: 33.33%; }
  #clamcasepro_home2 .prohomebox:hover {
    background: none; }
  #clamcasepro_home2 .prohomebox:hover img {
    background: -webkit-linear-gradient(#fdfdfd 10%, #f0f0f0 100%);
    background: linear-gradient(#fdfdfd 10%, #f0f0f0 100%); }
  #clamcasepro_home2 .prohomebox img {
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 2px;
    height: auto;
    width: 100%; } }

@media (max-width: 767px) {
  #clamcasepro_home2 {
    margin: 20px auto 0 !important;
    padding-right: 10px;
    padding-left: 10px; }
  #clamcasepro_home2 .prohomebox {
    float: none;
    padding: 10px 0;
    width: 100%; } }

/* ==========================================================================
   01 Intro
   ========================================================================== */
.ipad__intro {
  border-bottom: thin solid #e4e4e4;
  padding: 60px 0 120px;
  text-align: right; }
  @media (min-width: 768px) {
    .ipad__intro {
      padding-top: 100px;
      position: relative;
      text-align: left; } }
  @media (min-width: 1024px) {
    .ipad__intro {
      border: none;
      padding: 180px 0 120px; } }
  .ipad__intro .content {
    padding: 0 20px;
    position: relative;
    z-index: 2; }
    @media (max-width: 359px) {
      .ipad__intro .content .mobile-break {
        display: none; } }
    @media (min-width: 360px) {
      .ipad__intro .content {
        padding: 0 30px 0 0; } }
    @media (min-width: 768px) {
      .ipad__intro .content {
        padding: 0 0 0 40px;
        width: 52%; } }
    @media (min-width: 1024px) {
      .ipad__intro .content {
        padding-left: 80px;
        width: 100%; } }
  .ipad__intro .heading {
    margin: 0 -10px 10px; }
    @media (min-width: 360px) {
      .ipad__intro .heading {
        margin: 0 0 10px; } }
    .ipad__intro .heading strong {
      font-weight: 300; }
  .ipad__intro .lead {
    margin: 0 0 20px; }
    @media (min-width: 768px) {
      .ipad__intro .lead {
        margin-bottom: 25px; } }
    @media (min-width: 1024px) {
      .ipad__intro .lead {
        margin-bottom: 60px; } }
  .ipad__intro picture {
    margin: -15% 0 50px; }
    @media (min-width: 360px) {
      .ipad__intro picture {
        margin-top: -35%; } }
    @media (min-width: 768px) {
      .ipad__intro picture {
        margin: 0;
        position: absolute;
        right: 0;
        top: 60px; } }
    @media (min-width: 1024px) {
      .ipad__intro picture {
        top: 120px; } }
  .ipad__intro img {
    max-width: none;
    width: 100%; }
    @media (min-width: 768px) {
      .ipad__intro img {
        width: 427px; } }
    @media (min-width: 1024px) {
      .ipad__intro img {
        width: 648px; } }

.ipad__intro__links {
  text-align: center; }
  @media (min-width: 768px) {
    .ipad__intro__links {
      text-align: left;
      padding: 0 0 0 40px;
      position: relative;
      z-index: 3; } }
  @media (min-width: 1024px) {
    .ipad__intro__links {
      padding-left: 80px; } }
  .ipad__intro__links .cc-product-btn {
    margin-bottom: 25px; }
  .ipad__intro__links .video-link {
    display: block;
    margin-bottom: 0; }
    @media (min-width: 768px) {
      .ipad__intro__links .video-link {
        display: inline-block;
        padding: 4px 0 0 30px;
        vertical-align: top; } }

/* ==========================================================================
   02 Quotes
   ========================================================================== */
.ipad__quotes {
  padding-top: 110px; }

/* ==========================================================================
   03 Touch
   ========================================================================== */
.ipad__touch {
  background: #f5f5f5 url(../images/ipad/mobile/03-touch.jpg) 50% 50% no-repeat;
  background-size: cover;
  color: #292f33;
  padding: 120px 0;
  text-align: center; }
  @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .ipad__touch {
      background-image: url(../images/ipad/mobile/03-touch-2x.jpg); } }
  @media (min-width: 768px) {
    .ipad__touch {
      background-image: url(../images/ipad/tablet/03-touch.jpg);
      text-align: right; }
      @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
        .ipad__touch {
          background-image: url(../images/ipad/tablet/03-touch-2x.jpg); } } }
  @media (min-width: 1024px) {
    .ipad__touch {
      background-image: url(../images/ipad/desktop/03-touch.jpg); }
      @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
        .ipad__touch {
          background-image: url(../images/ipad/desktop/03-touch-2x.jpg); } } }
  .ipad__touch .content {
    padding: 0 30px; }
    @media (min-width: 768px) {
      .ipad__touch .content {
        padding: 0 40px 0 56%; } }
    @media (min-width: 1024px) {
      .ipad__touch .content {
        padding: 0 80px 0 51%; } }
  .ipad__touch .heading {
    margin: 0 0 20px; }
    @media (min-width: 1024px) {
      .ipad__touch .heading {
        margin-bottom: 15px; } }
  .ipad__touch .lead {
    margin: 0 0 25px; }
    @media (min-width: 1024px) {
      .ipad__touch .lead {
        margin-bottom: 60px; } }
  .ipad__touch .cc-product-btn {
    background: none;
    border-color: #292f33;
    color: #292f33; }
    .ipad__touch .cc-product-btn:focus, .ipad__touch .cc-product-btn:hover, .ipad__touch .cc-product-btn:active {
      background: #292f33;
      color: #fff; }
    @media (min-width: 768px) {
      .ipad__touch .cc-product-btn {
        border-color: #3a7af2;
        color: #3a7af2; }
        .ipad__touch .cc-product-btn:focus, .ipad__touch .cc-product-btn:hover, .ipad__touch .cc-product-btn:active {
          background: #3a7af2; } }

/* ==========================================================================
   04 Automagically
   ========================================================================== */
.ipad__automagically {
  padding: 120px 0;
  text-align: center; }
  .ipad__automagically canvas {
    margin: 0 0 20px;
    width: 100%; }
    @media (min-width: 1024px) {
      .ipad__automagically canvas {
        margin-bottom: 30px; } }
  .ipad__automagically img {
    display: block;
    margin: 0 auto;
    max-width: none;
    width: 100%; }
  .ipad__automagically .content {
    padding: 0 30px; }
  .ipad__automagically .heading {
    margin: 0 0 25px; }
    @media (min-width: 768px) {
      .ipad__automagically .heading {
        margin-bottom: 15px; } }
    @media (min-width: 1024px) {
      .ipad__automagically .heading {
        margin-bottom: 60px; } }
  .ipad__automagically .lead {
    margin: 0 auto;
    max-width: 30em; }
    @media (min-width: 1024px) {
      .ipad__automagically .lead {
        display: none; } }
  @media (max-width: 1023px) {
    .ipad__automagically .cc-product-btn {
      display: none; } }

/* ==========================================================================
   07 Modes
   ========================================================================== */
.ipad__modes {
  padding: 120px 0;
  text-align: center; }
  .ipad__modes .heading {
    margin: 0 0 10px; }
    @media (min-width: 768px) {
      .ipad__modes .heading {
        margin-bottom: 40px; } }
    @media (min-width: 1024px) {
      .ipad__modes .heading {
        margin-bottom: 60px; } }
  .ipad__modes .bx-wrapper .bx-pager {
    padding-top: 50px; }
  @media (min-width: 768px) {
    .ipad__modes .bxslider {
      padding: 0 15px; }
      .ipad__modes .bxslider:before, .ipad__modes .bxslider:after {
        content: ' ';
        display: table; }
      .ipad__modes .bxslider:after {
        clear: both; } }
  @media (min-width: 1024px) {
    .ipad__modes .bxslider {
      padding: 0 55px; } }
  @media (min-width: 768px) {
    .ipad__modes .item {
      float: left;
      padding: 0 15px;
      width: 33.33%; } }
  @media (min-width: 1024px) {
    .ipad__modes .item {
      padding: 0 25px; } }
  @media (min-width: 1024px) {
    .ipad__modes .item-1 p {
      max-width: 12em; }
    .ipad__modes .item-2 p {
      max-width: 12em; } }
  .ipad__modes img {
    display: block;
    margin: 0 auto;
    width: 316px; }
    @media (min-width: 768px) {
      .ipad__modes img {
        width: 279px; } }
    @media (min-width: 1024px) {
      .ipad__modes img {
        width: 290px; } }
  .ipad__modes h2 {
    color: #292f33;
    font-size: 24px;
    font-weight: 100;
    line-height: 1.083;
    margin: 0 0 20px; }
  .ipad__modes p {
    font-size: 16px;
    line-height: 1.75;
    margin: 0 auto;
    max-width: 21em;
    padding: 0 30px; }
    @media (min-width: 768px) {
      .ipad__modes p {
        max-width: none;
        padding: 0; } }
    @media (min-width: 1024px) {
      .ipad__modes p {
        font-size: 18px;
        line-height: 1.778; } }

/* ==========================================================================
   08 Apps
   ========================================================================== */
.ipad__apps {
  padding: 0 0 60px; }
  @media (min-width: 1024px) {
    .ipad__apps {
      padding-bottom: 120px; } }
  .ipad__apps img {
    display: block;
    max-width: none;
    width: 100%; }

/* ==========================================================================
   09 Features
   ========================================================================== */
.ipad__features {
  padding: 0 0 70px; }
  @media (max-width: 767px) {
    .ipad__features .tablet {
      display: none; } }
  @media (min-width: 768px) {
    .ipad__features {
      background: url(../images/ipad/tablet/09-features.jpg) no-repeat 0 0;
      padding-bottom: 110px; }
      @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
        .ipad__features {
          background-image: url(../images/ipad/tablet/09-features-2x.jpg);
          background-size: 196px auto; } }
      .ipad__features .mobile {
        display: none; } }
  @media (min-width: 1024px) {
    .ipad__features {
      background-image: url(../images/ipad/desktop/09-features.jpg);
      padding: 60px 0 180px; }
      @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
        .ipad__features {
          background-image: url(../images/ipad/desktop/09-features-2x.jpg);
          background-size: 335px auto; } } }
  .ipad__features .content {
    padding: 0 20px; }
    @media (min-width: 768px) {
      .ipad__features .content {
        padding: 0 40px 0 236px; } }
    @media (min-width: 1024px) {
      .ipad__features .content {
        padding: 0 80px 0 374px; } }
  .ipad__features .heading {
    margin: 0 0 50px; }
    @media (min-width: 1024px) {
      .ipad__features .heading {
        margin-bottom: 100px; } }
  .ipad__features ul {
    margin: 0 -10px;
    padding: 0; }
    .ipad__features ul:before, .ipad__features ul:after {
      content: ' ';
      display: table; }
    .ipad__features ul:after {
      clear: both; }
    @media (min-width: 360px) and (max-width: 767px) {
      .ipad__features ul {
        margin: 0; } }
    @media (min-width: 768px) {
      .ipad__features ul {
        margin: 0 -20px; } }
    @media (min-width: 1024px) {
      .ipad__features ul {
        margin: 0; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .ipad__features .item-1 h2, .ipad__features .item-2 h2 {
      height: 2.334em;
      padding-top: 0.33em; } }
  .ipad__features li {
    float: left;
    padding: 0 10px 50px;
    width: 50%; }
    .ipad__features li:nth-of-type(odd) {
      clear: left; }
    @media (min-width: 360px) and (max-width: 767px) {
      .ipad__features li {
        padding-left: 0;
        padding-right: 0;
        width: 42.7%; }
        .ipad__features li:nth-of-type(odd) {
          padding-left: 10px;
          width: 57.3%; } }
    @media (min-width: 768px) {
      .ipad__features li {
        padding-right: 20px;
        padding-left: 20px;
        position: relative; } }
    @media (min-width: 1024px) {
      .ipad__features li {
        padding: 0 0 60px; } }
  .ipad__features .cc-icon {
    display: block;
    margin: 0 0 15px; }
    @media (min-width: 768px) {
      .ipad__features .cc-icon {
        left: 20px;
        position: absolute;
        top: 0; } }
    @media (min-width: 1024px) {
      .ipad__features .cc-icon {
        left: 0; } }
  .ipad__features h2 {
    color: #292f33;
    font-size: 24px;
    font-weight: 100;
    line-height: 1.083;
    margin: 0 0 20px; }
    @media (min-width: 768px) {
      .ipad__features h2 {
        line-height: 1.167;
        margin-bottom: 15px;
        padding: 0 0 0 71px; } }
    @media (min-width: 1024px) {
      .ipad__features h2 {
        padding: 8px 0 0 60px; } }
  .ipad__features p {
    font-size: 16px;
    font-weight: 100;
    line-height: 1.625;
    margin: 0; }
    @media (min-width: 1024px) {
      .ipad__features p {
        max-width: 19em;
        padding-left: 60px; } }

/* ==========================================================================
   10 Quote
   ========================================================================== */
@media (max-width: 767px) {
  .ipad__quote .tablet {
    display: none; } }

/* ==========================================================================
   11 Autocorrect
   ========================================================================== */
.ipad__autocorrect {
  padding: 120px 0 0; }
  @media (min-width: 768px) {
    .ipad__autocorrect {
      text-align: right; } }
  .ipad__autocorrect .content {
    padding: 0 30px; }
    @media (min-width: 768px) {
      .ipad__autocorrect .content {
        padding: 0 40px 0 268px;
        position: relative;
        z-index: 2; } }
    @media (min-width: 1024px) {
      .ipad__autocorrect .content {
        padding: 0 80px 0 420px; } }
  .ipad__autocorrect .heading {
    margin: 0 0 20px; }
    @media (min-width: 768px) {
      .ipad__autocorrect .heading {
        margin-bottom: 15px; } }
  .ipad__autocorrect .lead {
    margin: 0 0 30px; }
    @media (min-width: 768px) {
      .ipad__autocorrect .lead {
        margin: 0; } }
  @media (min-width: 768px) {
    .ipad__autocorrect picture {
      margin-top: -170px; } }
  @media (min-width: 1024px) {
    .ipad__autocorrect picture {
      margin-top: -230px; } }
  .ipad__autocorrect img {
    display: block;
    max-width: none;
    width: 100%; }

/* ==========================================================================
   12 Keyboard
   ========================================================================== */
.ipad__keyboard {
  background: #f5f5f5;
  padding: 60px 0 120px; }
  .ipad__keyboard .item-1 p {
    max-width: 16em; }
  @media (max-width: 767px) {
    .ipad__keyboard .item-3 p {
      margin-right: -5px;
      margin-left: -5px;
      max-width: none; } }
  @media (min-width: 768px) {
    .ipad__keyboard {
      background: none;
      padding-top: 120px; }
      .ipad__keyboard .item-1 p {
        max-width: 12em; }
      .ipad__keyboard .item-2 p {
        max-width: 13em; } }
  @media (min-width: 1024px) {
    .ipad__keyboard .item-1 p {
      max-width: 15em; }
    .ipad__keyboard .item-2 p {
      max-width: 18em; } }

/* ==========================================================================
   13 Back
   ========================================================================== */
.ipad__back {
  background: url(../images/ipad/mobile/13-back.jpg) no-repeat 0 120px;
  background-size: 100% auto;
  padding: 300px 0 160px;
  text-align: right; }
  @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .ipad__back {
      background-image: url(../images/ipad/mobile/13-back-2x.jpg); } }
  @media (min-width: 768px) {
    .ipad__back {
      background-color: #f5f5f5;
      background-image: url(../images/ipad/tablet/13-back.jpg);
      background-position: 0 0;
      padding: 160px 0 200px; }
      @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
        .ipad__back {
          background-image: url(../images/ipad/tablet/13-back-2x.jpg); } } }
  @media (min-width: 1024px) {
    .ipad__back {
      background-image: url(../images/ipad/desktop/13-back.jpg);
      padding: 120px 0 160px; }
      @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
        .ipad__back {
          background-image: url(../images/ipad/desktop/13-back-2x.jpg); } } }
  .ipad__back .content {
    padding: 0 30px; }
    @media (min-width: 768px) {
      .ipad__back .content {
        padding: 0 40px 0 320px; } }
    @media (min-width: 1024px) {
      .ipad__back .content {
        padding: 0 80px 0 420px; } }
  .ipad__back .heading {
    margin: 0 0 20px; }
    @media (min-width: 768px) {
      .ipad__back .heading {
        margin-bottom: 15px; } }
  .ipad__back .lead {
    margin: 0 0 25px; }
    @media (min-width: 1024px) {
      .ipad__back .lead {
        margin-bottom: 50px; } }
  .ipad__back .cc-product-btn {
    background: none; }
    .ipad__back .cc-product-btn:focus, .ipad__back .cc-product-btn:hover, .ipad__back .cc-product-btn:active {
      background-color: #3a7af2; }

/* ==========================================================================
   14 Tablet
   ========================================================================== */
.ipad__tablet {
  padding: 100px 0 120px;
  text-align: center; }
  @media (min-width: 768px) {
    .ipad__tablet {
      padding-top: 180px;
      padding-bottom: 75px;
      position: relative;
      text-align: left; } }
  @media (min-width: 1024px) {
    .ipad__tablet {
      padding-top: 250px;
      padding-bottom: 100px; } }
  .ipad__tablet picture {
    margin: 0 0 50px; }
    @media (min-width: 768px) {
      .ipad__tablet picture {
        bottom: 0;
        margin-bottom: 0;
        position: absolute;
        right: 0; } }
  .ipad__tablet img {
    display: block;
    max-width: none;
    width: 100%; }
    @media (min-width: 768px) {
      .ipad__tablet img {
        width: 443px; } }
    @media (min-width: 1024px) {
      .ipad__tablet img {
        width: 613px; } }
  .ipad__tablet .content {
    padding: 0 30px; }
    @media (min-width: 768px) {
      .ipad__tablet .content {
        padding: 0 40px;
        position: relative;
        z-index: 2; } }
    @media (min-width: 1024px) {
      .ipad__tablet .content {
        padding: 0 80px; } }
  .ipad__tablet .heading {
    margin: 0 -5px 20px; }
    @media (min-width: 768px) and (max-width: 800px) {
      .ipad__tablet .heading {
        font-size: 34px; } }
  .ipad__tablet .lead {
    margin: 0 0 20px; }
    @media (min-width: 768px) {
      .ipad__tablet .lead {
        max-width: 20em; } }
    @media (min-width: 1024px) {
      .ipad__tablet .lead {
        max-width: 24em;
        margin-bottom: 60px; } }
    .ipad__tablet .lead.tablet {
      display: none; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .ipad__tablet .lead.mobile {
        display: none; }
      .ipad__tablet .lead.tablet {
        display: block; } }

/* ==========================================================================
   01 Intro
   ========================================================================== */
.ipad-air__intro {
  padding: 60px 0;
  text-align: center; }
  @media (min-width: 1024px) {
    .ipad-air__intro {
      padding: 120px 0; } }
  .ipad-air__intro .content {
    margin-bottom: 60px; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .ipad-air__intro .content {
        margin-bottom: 50px; } }
  .ipad-air__intro img {
    max-width: none;
    width: 100%; }

/* ==========================================================================
   03 Dazzle
   ========================================================================== */
.ipad-air__dazzle {
  padding-bottom: 230px; }
  .ipad-air__dazzle:before, .ipad-air__dazzle:after {
    content: ' ';
    display: table; }
  .ipad-air__dazzle:after {
    clear: both; }
  @media (min-width: 768px) {
    .ipad-air__dazzle {
      overflow: hidden;
      padding-bottom: 100px; } }
  .ipad-air__dazzle .content {
    padding: 0 30px;
    position: relative;
    z-index: 2; }
    @media (min-width: 768px) {
      .ipad-air__dazzle .content {
        float: left;
        padding: 0 0 0 40px;
        width: 54%; } }
    @media (min-width: 1024px) {
      .ipad-air__dazzle .content {
        padding-left: 80px;
        width: 51%; } }
  .ipad-air__dazzle .heading {
    margin: 0 0 20px; }
  .ipad-air__dazzle .lead {
    margin: 0 0 25px; }
  .ipad-air__dazzle picture {
    margin: -20px 0 0;
    text-align: right; }
    @media (min-width: 360px) {
      .ipad-air__dazzle picture {
        margin-top: -60px; } }
    @media (min-width: 768px) {
      .ipad-air__dazzle picture {
        margin-top: 110px;
        width: 46%;
        text-align: left; } }
    @media (min-width: 1024px) {
      .ipad-air__dazzle picture {
        margin-top: 25px;
        width: 49%;
        float: right; } }
  .ipad-air__dazzle img {
    max-width: 364px;
    width: 100%; }
    @media (min-width: 768px) {
      .ipad-air__dazzle img {
        float: right;
        max-width: none;
        width: 500px; } }
    @media (min-width: 1024px) {
      .ipad-air__dazzle img {
        width: 598px; } }
  @media (min-width: 768px) {
    .ipad-air__dazzle .cc-color-selector-page-image-list {
      float: right; } }

/* ==========================================================================
   05 Touch
   ========================================================================== */
.ipad-air__touch {
  background: #f5f5f5;
  padding: 120px 0 410px;
  text-align: center; }
  .ipad-air__touch:before, .ipad-air__touch:after {
    content: ' ';
    display: table; }
  .ipad-air__touch:after {
    clear: both; }
  @media (min-width: 768px) {
    .ipad-air__touch {
      padding-bottom: 0;
      text-align: right; } }
  @media (min-width: 1024px) {
    .ipad-air__touch {
      padding: 145px 0; } }
  .ipad-air__touch picture {
    margin: 0 0 50px; }
    @media (min-width: 768px) {
      .ipad-air__touch picture {
        float: left;
        margin-bottom: 0;
        width: 50%; } }
    @media (min-width: 1024px) {
      .ipad-air__touch picture {
        width: 45%; } }
  .ipad-air__touch img {
    max-width: none;
    width: 100%; }
    @media (min-width: 768px) {
      .ipad-air__touch img {
        width: 459px; } }
    @media (min-width: 1024px) {
      .ipad-air__touch img {
        width: 598px; } }
  .ipad-air__touch .content {
    padding: 0 30px 20px;
    position: relative;
    z-index: 1; }
    @media (min-width: 768px) {
      .ipad-air__touch .content {
        float: right;
        margin-top: 55px;
        padding: 0 40px 0 0;
        width: 50%; } }
    @media (min-width: 1024px) {
      .ipad-air__touch .content {
        margin-top: 90px;
        padding-right: 80px;
        width: 55%; } }
  .ipad-air__touch .heading {
    margin: 0 0 20px; }
  .ipad-air__touch .lead {
    margin: 0 0 20px; }
    @media (min-width: 1024px) {
      .ipad-air__touch .lead span {
        display: block; } }
  .ipad-air__touch .cc-product-btn {
    background: none; }
    .ipad-air__touch .cc-product-btn:focus, .ipad-air__touch .cc-product-btn:hover, .ipad-air__touch .cc-product-btn:active {
      background: #3a7af2;
      color: #f5f5f5; }
  @media (min-width: 768px) {
    .ipad-air__touch .cc-color-selector-page-switcher-wrapper {
      float: right; } }

/* ==========================================================================
   06 Automagically
   ========================================================================== */
.ipad-air__automagically {
  padding: 100px 0 120px;
  text-align: center; }
  @media (min-width: 768px) {
    .ipad-air__automagically {
      padding-top: 90px; } }
  .ipad-air__automagically canvas {
    margin: 0 0 35px;
    width: 100%; }
    @media (min-width: 768px) {
      .ipad-air__automagically canvas {
        margin-bottom: 30px; } }
    @media (min-width: 1024px) {
      .ipad-air__automagically canvas {
        margin-bottom: 20px; } }
  .ipad-air__automagically img {
    margin: 0 auto;
    max-width: none;
    width: 100%; }
  .ipad-air__automagically .content {
    padding: 0 10px; }
  .ipad-air__automagically .heading {
    margin: 0 0 30px; }
    @media (min-width: 1024px) {
      .ipad-air__automagically .heading {
        margin-bottom: 60px; } }

/* ==========================================================================
   07 Snap
   ========================================================================== */
.ipad-air__snap {
  background: #f5f5f5;
  padding: 320px 0 120px;
  position: relative;
  text-align: center; }
  @media (min-width: 768px) {
    .ipad-air__snap {
      background: #f5f5f5 url(../images/ipad-air/tablet/07-tablet.jpg) no-repeat 100% 120px;
      padding: 110px 0 110px 40px;
      text-align: left; }
      @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
        .ipad-air__snap {
          background-image: url(../images/ipad-air/tablet/07-tablet-2x.jpg);
          background-size: 373px auto; } } }
  @media (min-width: 1024px) {
    .ipad-air__snap {
      background-image: url(../images/ipad-air/desktop/07-tablet.jpg);
      padding-left: 80px; }
      @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
        .ipad-air__snap {
          background-image: url(../images/ipad-air/desktop/07-tablet-2x.jpg);
          background-size: 517px auto; } } }
  .ipad-air__snap .content {
    padding: 0 30px; }
    @media (min-width: 768px) {
      .ipad-air__snap .content {
        padding: 0;
        width: 52%; } }
  .ipad-air__snap .heading {
    margin: 0 0 20px; }
  .ipad-air__snap .lead {
    margin: 0; }
    @media (min-width: 768px) {
      .ipad-air__snap .lead {
        margin-bottom: 50px; } }
    @media (min-width: 1024px) {
      .ipad-air__snap .lead {
        margin-bottom: 60px; } }
  .ipad-air__snap picture {
    left: 0;
    padding: 0 20px;
    position: absolute;
    top: 120px;
    width: 100%; }
    @media (min-width: 768px) {
      .ipad-air__snap picture {
        margin-bottom: 30px;
        padding: 0;
        position: static; } }
    @media (min-width: 1024px) {
      .ipad-air__snap picture {
        margin-bottom: 60px; } }
  .ipad-air__snap img {
    display: block;
    margin: 0 auto;
    max-width: 317px;
    width: 100%; }
    @media (min-width: 768px) {
      .ipad-air__snap img {
        margin-left: 0;
        max-width: none;
        width: 272px; } }
    @media (min-width: 1024px) {
      .ipad-air__snap img {
        width: 378px; } }
  .ipad-air__snap .bluetooth {
    color: #9aa5b7;
    display: none;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    margin: 0 0 0 4em;
    padding: 0 0 0 35px;
    position: relative;
    width: 10em; }
    @media (min-width: 768px) {
      .ipad-air__snap .bluetooth {
        display: block; } }
    @media (min-width: 1024px) {
      .ipad-air__snap .bluetooth {
        margin-left: 6.75em; } }
  .ipad-air__snap .cc-icon-bluetooth {
    display: block;
    left: 0;
    position: absolute;
    top: 6px; }

/* ==========================================================================
   08 Performance
   ========================================================================== */
.ipad-air__performance {
  padding: 120px 0;
  text-align: center; }
  .ipad-air__performance .content {
    margin: 0 0 55px;
    padding: 0 30px; }
    @media (min-width: 768px) {
      .ipad-air__performance .content {
        margin-bottom: 60px; } }
    @media (min-width: 1024px) {
      .ipad-air__performance .content {
        display: none; } }
  .ipad-air__performance .heading {
    margin: 0 0 20px; }
    @media (min-width: 768px) {
      .ipad-air__performance .heading {
        margin-bottom: 30px; } }
  .ipad-air__performance .lead {
    max-width: 29em;
    margin: 0 auto 20px; }
    @media (min-width: 768px) {
      .ipad-air__performance .lead {
        margin-bottom: 30px; } }
  @media (min-width: 768px) {
    .ipad-air__performance .cc-product-btn {
      display: none; } }
  .ipad-air__performance picture {
    margin: 0 0 50px; }
    @media (min-width: 768px) {
      .ipad-air__performance picture {
        margin-bottom: 120px; } }
  .ipad-air__performance img {
    display: block;
    margin: 0 auto;
    max-width: none;
    width: 100%; }
    @media (min-width: 768px) {
      .ipad-air__performance img {
        max-width: 768px; } }
    @media (min-width: 1024px) {
      .ipad-air__performance img {
        max-widht: 877px; } }
  @media (min-width: 768px) {
    .ipad-air__performance .item-1 p {
      max-width: 12em; }
    .ipad-air__performance .item-2 p {
      max-width: 13em; } }
  @media (min-width: 1024px) {
    .ipad-air__performance .item-1 p {
      max-width: 14em; }
    .ipad-air__performance .item-2 p {
      max-width: 17em; } }

/* ==========================================================================
   10 Apps
   ========================================================================== */
.ipad-air__apps {
  padding: 120px 0; }
  .ipad-air__apps img {
    display: block;
    max-width: none;
    width: 100%; }

/* ==========================================================================
   11 Materials
   ========================================================================== */
/* ==========================================================================
   12 Modes
   ========================================================================== */
.ipad-air__modes {
  padding: 120px 0;
  text-align: center; }
  .ipad-air__modes .heading {
    margin: 0 0 30px; }
    @media (min-width: 768px) {
      .ipad-air__modes .heading {
        margin-bottom: 50px; } }
  .ipad-air__modes .bx-wrapper .bx-pager {
    padding-top: 50px; }
  @media (min-width: 768px) {
    .ipad-air__modes .bxslider {
      padding: 0 15px; }
      .ipad-air__modes .bxslider:before, .ipad-air__modes .bxslider:after {
        content: ' ';
        display: table; }
      .ipad-air__modes .bxslider:after {
        clear: both; } }
  @media (min-width: 768px) {
    .ipad-air__modes .item {
      float: left;
      padding: 0 15px;
      width: 33.33%; } }
  @media (min-width: 768px) {
    .ipad-air__modes .item-2 p {
      max-width: 13em; } }
  .ipad-air__modes picture {
    margin: 0 0 10px; }
    @media (min-width: 768px) {
      .ipad-air__modes picture {
        margin-bottom: -10px; } }
  .ipad-air__modes img {
    max-width: none;
    width: 100%; }
  .ipad-air__modes h2 {
    color: #292f33;
    font-size: 24px;
    font-weight: 100;
    margin: 0 0 10px; }
  .ipad-air__modes p {
    color: #787d81;
    font-weight: 100;
    line-height: 1.75;
    margin: 0 auto;
    max-width: 20em;
    padding: 0 20px; }
    @media (min-width: 768px) {
      .ipad-air__modes p {
        max-width: none;
        padding: 0; } }
    @media (min-width: 1024px) {
      .ipad-air__modes p {
        font-size: 18px;
        line-height: 1.778;
        padding: 0;
        max-width: 15em; } }

/* ==========================================================================
   13 Angle
   ========================================================================== */
.ipad-air__angle {
  background: #f5f5f5;
  position: relative;
  text-align: right; }
  @media (min-width: 768px) {
    .ipad-air__angle {
      padding: 120px 0 155px; } }
  .ipad-air__angle .content {
    padding: 50px 30px 0 5px;
    position: relative;
    z-index: 2; }
    @media (min-width: 768px) {
      .ipad-air__angle .content {
        padding: 0 40px 0 0; } }
    @media (min-width: 1024px) {
      .ipad-air__angle .content {
        padding-right: 80px; } }
  .ipad-air__angle .heading {
    margin: 0 0 25px; }
    @media (min-width: 1024px) {
      .ipad-air__angle .heading {
        margin-bottom: 15px; } }
  .ipad-air__angle .lead {
    margin: 0 0 20px; }
    .ipad-air__angle .lead.tablet {
      display: none; }
    @media (min-width: 768px) {
      .ipad-air__angle .lead {
        margin-bottom: 30px; }
        .ipad-air__angle .lead.mobile {
          display: none; }
        .ipad-air__angle .lead.tablet {
          display: block; } }
    @media (min-width: 1024px) {
      .ipad-air__angle .lead {
        margin-bottom: 60px; } }
  .ipad-air__angle .cc-product-btn {
    background: none; }
    .ipad-air__angle .cc-product-btn:focus, .ipad-air__angle .cc-product-btn:hover, .ipad-air__angle .cc-product-btn:active {
      background-color: #3a7af2; }
  .ipad-air__angle picture {
    margin-top: -85%; }
    @media (min-width: 768px) {
      .ipad-air__angle picture {
        margin-top: -45%;
        position: absolute;
        width: 100%; } }
  .ipad-air__angle img {
    max-width: none;
    width: 100%; }

/* ==========================================================================
   14 Features
   ========================================================================== */
.ipad-air__features {
  padding: 80px 0 110px;
  text-align: center; }
  @media (min-width: 768px) {
    .ipad-air__features {
      padding-top: 100px; } }
  .ipad-air__features .content {
    list-style: none;
    margin: 0;
    padding: 0 30px; }
    @media (min-width: 768px) {
      .ipad-air__features .content {
        padding: 0 15px; }
        .ipad-air__features .content:before, .ipad-air__features .content:after {
          content: ' ';
          display: table; }
        .ipad-air__features .content:after {
          clear: both; } }
  @media (min-width: 768px) {
    .ipad-air__features li {
      float: left;
      padding: 0 25px;
      width: 33.33%; } }
  .ipad-air__features li + li {
    margin-top: 50px; }
    @media (min-width: 768px) {
      .ipad-air__features li + li {
        margin-top: 0; } }
  .ipad-air__features .cc-icon-wifi, .ipad-air__features .cc-icon-360, .ipad-air__features .cc-icon-battery {
    display: block;
    margin: 0 auto 20px; }
    @media (min-width: 768px) {
      .ipad-air__features .cc-icon-wifi, .ipad-air__features .cc-icon-360, .ipad-air__features .cc-icon-battery {
        margin-bottom: 25px; } }
  .ipad-air__features h2 {
    color: #292f33;
    font-size: 24px;
    font-weight: 100;
    line-height: 1.333;
    margin: 0 0 15px; }
  .ipad-air__features p {
    color: #787d81;
    font-size: 16px;
    line-height: 1.75;
    margin: 0 auto; }
    @media (min-width: 1024px) {
      .ipad-air__features p {
        font-size: 18px;
        line-height: 1.778; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .ipad-air__features p .hide-tablet {
        display: none; } }

/* ==========================================================================
   15 Tablet
   ========================================================================== */
.ipad-air__tablet {
  padding: 0 0 120px;
  text-align: center; }
  @media (min-width: 768px) {
    .ipad-air__tablet {
      padding: 0 40px;
      text-align: left; }
      .ipad-air__tablet:before, .ipad-air__tablet:after {
        content: ' ';
        display: table; }
      .ipad-air__tablet:after {
        clear: both; } }
  @media (min-width: 1024px) {
    .ipad-air__tablet {
      padding: 0 0 0 80px; } }
  .ipad-air__tablet picture {
    margin: 0 0 50px; }
    @media (min-width: 768px) {
      .ipad-air__tablet picture {
        float: right;
        margin-bottom: 0;
        width: 40%; } }
  .ipad-air__tablet img {
    max-width: none;
    width: 100%; }
    @media (min-width: 768px) {
      .ipad-air__tablet img {
        float: right;
        width: 426px; } }
    @media (min-width: 1024px) {
      .ipad-air__tablet img {
        width: 524px; } }
  .ipad-air__tablet .content {
    padding: 0 20px; }
    @media (min-width: 768px) {
      .ipad-air__tablet .content {
        padding: 70px 0 0;
        width: 60%; } }
    @media (min-width: 1024px) {
      .ipad-air__tablet .content {
        padding-top: 90px; } }
  .ipad-air__tablet .heading {
    margin: 0 0 20px; }
    @media (min-width: 768px) and (max-width: 800px) {
      .ipad-air__tablet .heading {
        font-size: 32px; } }
  .ipad-air__tablet .lead {
    margin: 0 0 20px;
    padding: 0 10px; }
    @media (min-width: 768px) {
      .ipad-air__tablet .lead {
        max-width: 19em;
        padding: 0; } }
    @media (min-width: 1024px) {
      .ipad-air__tablet .lead {
        margin-bottom: 60px;
        max-width: 26em; } }

/* ==========================================================================
   16 Reviews
   ========================================================================== */
/* ==========================================================================
   01 Intro
   ========================================================================== */
.ipad-air-2__intro {
  background: #fdfdfd;
  padding: 60px 0 20px;
  text-align: center; }
  @media (min-width: 768px) {
    .ipad-air-2__intro {
      padding-bottom: 60px; } }
  @media (min-width: 1024px) {
    .ipad-air-2__intro {
      padding-top: 120px;
      padding-bottom: 120px; } }
  .ipad-air-2__intro .content {
    margin-bottom: -17px;
    padding: 0 20px;
    position: relative;
    z-index: 10; }
    @media (min-width: 768px) {
      .ipad-air-2__intro .content {
        margin-bottom: 50px;
        padding: 0;
        position: static; } }
    @media (min-width: 1024px) {
      .ipad-air-2__intro .content {
        margin-bottom: 60px; } }
  @media (min-width: 768px) {
    .ipad-air-2__intro picture {
      margin: 0 auto;
      max-width: 645px; } }
  @media (min-width: 1024px) {
    .ipad-air-2__intro picture {
      max-width: 870px; } }
  @media (min-width: 1120px) {
    .ipad-air-2__intro picture {
      max-width: 945px; } }
  .ipad-air-2__intro img {
    display: block;
    height: auto;
    max-width: none;
    width: 100%; }

/* ==========================================================================
   02 Quotes
   ========================================================================== */
/* 03 Snap
   ========================================================================== */
.ipad-air-2__snap {
  background: #f5f5f5;
  padding: 110px 0;
  text-align: center; }
  @media (min-width: 768px) {
    .ipad-air-2__snap {
      background: #f5f5f5 url(../images/ipad-air-2/tablet-vertical/03-ipad.jpg) no-repeat 100% 186px;
      padding: 120px 0;
      text-align: left; }
      @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
        .ipad-air-2__snap {
          background-image: url(../images/ipad-air-2/tablet-vertical/03-ipad-2x.jpg);
          background-size: 392px auto; } } }
  @media (min-width: 1024px) {
    .ipad-air-2__snap {
      background-image: url(../images/ipad-air-2/desktop/03-ipad.jpg);
      background-position: 100% 204px; }
      @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
        .ipad-air-2__snap {
          background-image: url(../images/ipad-air-2/desktop/03-ipad-2x.jpg);
          background-size: 544px auto; } } }
  .ipad-air-2__snap .content {
    padding: 195px 30px 0;
    position: relative; }
    @media (min-width: 768px) {
      .ipad-air-2__snap .content {
        padding: 0 40px;
        position: static;
        width: 58%; } }
    @media (min-width: 1024px) {
      .ipad-air-2__snap .content {
        padding: 0 0 0 80px; } }
  .ipad-air-2__snap .heading {
    margin: 0 0 20px; }
  .ipad-air-2__snap .lead {
    margin: 0; }
    @media (min-width: 768px) {
      .ipad-air-2__snap .lead {
        margin-bottom: 50px; } }
    @media (min-width: 1024px) {
      .ipad-air-2__snap .lead {
        margin-bottom: 60px; } }
  .ipad-air-2__snap picture {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
    @media (min-width: 768px) {
      .ipad-air-2__snap picture {
        margin-bottom: 45px;
        max-width: none;
        position: static; } }
  .ipad-air-2__snap img {
    margin: 0 auto;
    max-width: 318px; }
    @media (min-width: 768px) {
      .ipad-air-2__snap img {
        margin-left: 0;
        max-width: 272px; } }
    @media (min-width: 1024px) {
      .ipad-air-2__snap img {
        max-width: 378px; } }
  .ipad-air-2__snap .bluetooth {
    display: none; }
    @media (min-width: 768px) {
      .ipad-air-2__snap .bluetooth {
        display: block;
        text-align: center;
        max-width: 272px; }
        .ipad-air-2__snap .bluetooth p {
          display: inline-block;
          font-weight: 300;
          line-height: 1.5;
          margin: 0;
          padding: 0 0 0 40px;
          position: relative; }
        .ipad-air-2__snap .bluetooth .cc-icon-bluetooth {
          display: inline-block;
          left: 0;
          position: absolute;
          top: 6px; } }
    @media (min-width: 1024px) {
      .ipad-air-2__snap .bluetooth {
        max-width: 378px; } }

/* ==========================================================================
   04 Performance
   ========================================================================== */
.ipad-air-2__performance {
  min-height: 499px;
  overflow: hidden;
  position: relative;
  text-align: right; }
  .ipad-air-2__performance:before, .ipad-air-2__performance:after {
    content: ' ';
    display: table; }
  .ipad-air-2__performance:after {
    clear: both; }
  @media (min-width: 768px) {
    .ipad-air-2__performance {
      min-height: none;
      position: static; } }
  .ipad-air-2__performance picture {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
    @media (min-width: 768px) {
      .ipad-air-2__performance picture {
        float: left;
        padding: 0 0 0 5px;
        width: 35%; } }
    @media (min-width: 1024px) {
      .ipad-air-2__performance picture {
        width: 30%; } }
  .ipad-air-2__performance img {
    display: block;
    height: auto;
    max-width: none;
    width: 175px; }
    @media (min-width: 768px) {
      .ipad-air-2__performance img {
        width: 308px; } }
    @media (min-width: 1024px) {
      .ipad-air-2__performance img {
        width: 367px; } }
  .ipad-air-2__performance .content {
    padding: 37px 30px 0 100px;
    position: relative; }
    @media (min-width: 768px) {
      .ipad-air-2__performance .content {
        float: right;
        padding: 12% 40px 0 0;
        width: 65%; } }
    @media (min-width: 1024px) {
      .ipad-air-2__performance .content {
        padding: 10% 80px 0 0;
        width: 70%; } }
  .ipad-air-2__performance .heading {
    margin: 0 0 20px; }
    @media (min-width: 1024px) {
      .ipad-air-2__performance .heading {
        white-space: nowrap; } }
  .ipad-air-2__performance .lead {
    margin: 0 0 20px; }
    @media (min-width: 1024px) {
      .ipad-air-2__performance .lead {
        margin-bottom: 60px; }
        .ipad-air-2__performance .lead span {
          display: block; } }
  .ipad-air-2__performance .cc-product-btn {
    margin: 0 0 15px; }
    @media (min-width: 768px) {
      .ipad-air-2__performance .cc-product-btn {
        margin: 0 0 25px; } }
    @media (min-width: 1024px) {
      .ipad-air-2__performance .cc-product-btn {
        margin-bottom: 60px; } }
  .ipad-air-2__performance blockquote {
    display: none;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.444;
    margin: 0; }
    .ipad-air-2__performance blockquote p {
      display: inline-block;
      margin: 0 0 20px;
      max-width: 16em; }
    .ipad-air-2__performance blockquote .cc-icon-macworld-blue {
      display: inline-block; }
    @media (min-width: 768px) {
      .ipad-air-2__performance blockquote {
        display: block; } }
  .ipad-air-2__performance .cc-color-selector-page-switcher-wrapper {
    margin-bottom: 19px; }
    @media (min-width: 768px) {
      .ipad-air-2__performance .cc-color-selector-page-switcher-wrapper {
        margin-bottom: 80px; } }
    @media (min-width: 1024px) {
      .ipad-air-2__performance .cc-color-selector-page-switcher-wrapper {
        margin-bottom: 116px; } }
  .ipad-air-2__performance .cc-white-blue-button {
    margin-bottom: 55px; }
    @media (max-width: 767px) {
      .ipad-air-2__performance .cc-white-blue-button {
        margin-bottom: 0; } }

/* ==========================================================================
   05 Quote
   ========================================================================== */
/* ==========================================================================
   06 Dazzle
   ========================================================================== */
.ipad-air-2__dazzle {
  background: #fdfdfd;
  padding: 120px 0 50px; }
  @media (min-width: 768px) {
    .ipad-air-2__dazzle {
      min-height: 600px;
      overflow: hidden;
      padding-bottom: 100px;
      position: relative; } }
  @media (min-width: 1024px) {
    .ipad-air-2__dazzle {
      min-height: 574px;
      padding-bottom: 120px; } }
  .ipad-air-2__dazzle .content {
    margin: 0 0 -9%;
    padding: 0 30px;
    position: relative;
    z-index: 2; }
    @media (min-width: 768px) {
      .ipad-air-2__dazzle .content {
        padding: 0 40px;
        width: 58%; } }
    @media (min-width: 1024px) {
      .ipad-air-2__dazzle .content {
        padding: 0 0 0 60px;
        width: 49%; } }
  .ipad-air-2__dazzle .heading {
    margin: 0 0 20px; }
    @media (min-width: 768px) {
      .ipad-air-2__dazzle .heading {
        margin-bottom: 25px; } }
  .ipad-air-2__dazzle .lead {
    margin: 0 0 25px; }
    @media (min-width: 1024px) {
      .ipad-air-2__dazzle .lead {
        margin-bottom: 55px; } }
  .ipad-air-2__dazzle picture {
    text-align: right; }
    @media (min-width: 768px) {
      .ipad-air-2__dazzle picture {
        bottom: -15px;
        position: absolute;
        right: 0;
        z-index: 1; } }
    @media (min-width: 1024px) {
      .ipad-air-2__dazzle picture {
        bottom: -40px; } }
  .ipad-air-2__dazzle img {
    display: inline-block;
    max-width: 375px; }
    @media (min-width: 768px) {
      .ipad-air-2__dazzle img {
        max-width: 501px; } }
    @media (min-width: 1024px) {
      .ipad-air-2__dazzle img {
        max-width: 673px; } }

/* ==========================================================================
   07 Touch
   ========================================================================== */
.ipad-air-2__touch {
  background: #f5f5f5;
  padding: 120px 0; }
  .ipad-air-2__touch:before, .ipad-air-2__touch:after {
    content: ' ';
    display: table; }
  .ipad-air-2__touch:after {
    clear: both; }
  .ipad-air-2__touch picture {
    margin: 0 0 45px; }
    @media (min-width: 768px) {
      .ipad-air-2__touch picture {
        float: left;
        margin-bottom: 0;
        width: 50%; } }
    @media (min-width: 1024px) {
      .ipad-air-2__touch picture {
        width: 40%; } }
  .ipad-air-2__touch img {
    display: block;
    max-width: none;
    width: 100%; }
    @media (min-width: 768px) {
      .ipad-air-2__touch img {
        width: 427px; } }
    @media (min-width: 1024px) {
      .ipad-air-2__touch img {
        width: 583px; } }
  .ipad-air-2__touch .content {
    text-align: center;
    padding: 0 30px;
    margin: 390px 0 0 0;
    position: relative; }
    @media (min-width: 768px) {
      .ipad-air-2__touch .content {
        float: right;
        padding: 0 40px 0 0;
        text-align: right;
        width: 50%;
        margin: 0; } }
    @media (min-width: 1024px) {
      .ipad-air-2__touch .content {
        padding: 10% 80px 0 0;
        width: 60%; } }
  .ipad-air-2__touch .heading {
    margin: 0 0 20px; }
  .ipad-air-2__touch .lead {
    margin: 0 0 25px; }
    @media (min-width: 1024px) {
      .ipad-air-2__touch .lead span {
        display: block; } }
  .ipad-air-2__touch .cc-product-btn {
    background: transparent;
    margin-bottom: 15px; }
    .ipad-air-2__touch .cc-product-btn:focus, .ipad-air-2__touch .cc-product-btn:hover, .ipad-air-2__touch .cc-product-btn:active {
      background-color: #3a7af2;
      color: #fff; }
    @media (min-width: 768px) {
      .ipad-air-2__touch .cc-product-btn {
        margin-bottom: 60px; } }
  @media (max-width: 414px) {
    .ipad-air-2__touch .cc-color-selector-page-switcher-wrapper {
      margin: auto;
      float: none; } }
  .ipad-air-2__touch .cc-white-blue-button {
    margin-bottom: 30px; }

/* ==========================================================================
   08 Functionality
   ========================================================================== */
.ipad-air-2__functionality {
  padding: 120px 0 0; }
  .ipad-air-2__functionality > picture {
    margin: 0 auto 50px; }
    @media (min-width: 768px) {
      .ipad-air-2__functionality > picture {
        margin-bottom: 0;
        max-width: 700px; } }
    @media (min-width: 1024px) {
      .ipad-air-2__functionality > picture {
        max-width: 878px; } }
    .ipad-air-2__functionality > picture img {
      max-width: none;
      width: 100%; }
  .ipad-air-2__functionality .content {
    background: #f5f5f5;
    padding: 60px 0 120px; }
    @media (min-width: 768px) {
      .ipad-air-2__functionality .content {
        background: transparent; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .ipad-air-2__functionality .bxslider-item-3 p {
      max-width: none; } }
  @media (min-width: 1024px) {
    .ipad-air-2__functionality .bxslider-item-2 p {
      margin-right: -15px;
      margin-left: -15px; }
    .ipad-air-2__functionality .bxslider-item-3 p {
      margin-right: -35px;
      margin-left: -35px; } }

/* ==========================================================================
   09 Quote
   ========================================================================== */
/* ==========================================================================
   10 Automagically
   ========================================================================== */
.ipad-air-2__automagically {
  padding: 110px 0 100px;
  text-align: center; }
  @media (min-width: 768px) {
    .ipad-air-2__automagically {
      padding: 80px 0 120px; } }
  .ipad-air-2__automagically canvas {
    margin-bottom: 40px;
    width: 100%; }
    @media (min-width: 768px) {
      .ipad-air-2__automagically canvas {
        margin-bottom: 20px; } }
  .ipad-air-2__automagically img {
    max-width: none;
    width: 100%; }
  .ipad-air-2__automagically .content {
    padding: 0 30px; }
  .ipad-air-2__automagically .heading {
    margin: 0 0 30px; }
    @media (min-width: 1024px) {
      .ipad-air-2__automagically .heading {
        margin-bottom: 50px; } }

/* ==========================================================================
   11 Materials
   ========================================================================== */
/* ==========================================================================
   12 Modes
   ========================================================================== */
.ipad-air-2__modes {
  text-align: center;
  padding: 105px 0;
  /**
     * BXSlider controls
     */ }
  @media (min-width: 768px) {
    .ipad-air-2__modes {
      padding: 110px 0; } }
  .ipad-air-2__modes .heading, .ipad-air-2__modes h2, .ipad-air-2__modes p {
    padding: 0 30px; }
    @media (min-width: 768px) {
      .ipad-air-2__modes .heading, .ipad-air-2__modes h2, .ipad-air-2__modes p {
        padding: 0; } }
  .ipad-air-2__modes .heading {
    margin: 0 0 25px; }
    @media (min-width: 768px) {
      .ipad-air-2__modes .heading {
        margin-bottom: 60px; } }
  .ipad-air-2__modes .bxslider:before, .ipad-air-2__modes .bxslider:after {
    content: ' ';
    display: table; }
  .ipad-air-2__modes .bxslider:after {
    clear: both; }
  @media (min-width: 768px) {
    .ipad-air-2__modes .bxslider {
      padding: 0 7px; }
      .ipad-air-2__modes .bxslider li {
        float: left;
        padding: 0 7px;
        width: 33.33%; } }
  @media (min-width: 1024px) {
    .ipad-air-2__modes .bxslider {
      margin-right: 0;
      margin-left: 0; }
      .ipad-air-2__modes .bxslider li {
        padding-right: 50px;
        padding-left: 50px; } }
  .ipad-air-2__modes picture {
    margin: 0 auto 10px; }
    @media (min-width: 768px) {
      .ipad-air-2__modes picture {
        max-width: 236px; } }
  .ipad-air-2__modes img {
    height: auto;
    max-width: none;
    width: 100%; }
  .ipad-air-2__modes h2 {
    color: #292f33;
    font-size: 24px;
    font-weight: inherit;
    margin: 0 0 10px; }
  .ipad-air-2__modes p {
    font-weight: 300;
    line-height: 1.75;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .ipad-air-2__modes p {
        max-width: 13em; } }
    @media (min-width: 1024px) {
      .ipad-air-2__modes p {
        max-width: 14em; } }
  .ipad-air-2__modes .bx-controls {
    padding: 30px 0 0; }

/* ==========================================================================
   13 Angle
   ========================================================================== */
.ipad-air-2__angle {
  background: #f5f5f5;
  padding: 110px 0 0;
  text-align: right; }
  @media (min-width: 1024px) {
    .ipad-air-2__angle {
      padding-top: 120px; } }
  .ipad-air-2__angle .content {
    padding: 0 30px;
    position: relative;
    margin-bottom: 55px; }
    @media (min-width: 768px) {
      .ipad-air-2__angle .content {
        padding: 0 40px 0 49%;
        margin-bottom: 170px; } }
    @media (min-width: 1024px) {
      .ipad-air-2__angle .content {
        padding: 0 80px 70px 50%; } }
  .ipad-air-2__angle .heading {
    margin: 0 0 20px; }
  .ipad-air-2__angle .lead {
    margin: 0 0 25px; }
    @media (max-width: 767px) {
      .ipad-air-2__angle .lead {
        padding-left: 25px; } }
  .ipad-air-2__angle .cc-product-btn {
    background: none;
    margin-bottom: 15px; }
    .ipad-air-2__angle .cc-product-btn:focus, .ipad-air-2__angle .cc-product-btn:hover, .ipad-air-2__angle .cc-product-btn:active {
      background-color: #3a7af2;
      color: #fff; }
    @media (min-width: 768px) {
      .ipad-air-2__angle .cc-product-btn {
        margin-bottom: 40px; } }
  .ipad-air-2__angle picture {
    margin: 120px 0 0; }
    @media (min-width: 768px) {
      .ipad-air-2__angle picture {
        margin-top: 0%; } }
    @media (min-width: 1024px) {
      .ipad-air-2__angle picture {
        margin-top: -120px; } }
  .ipad-air-2__angle img {
    max-width: none;
    width: 100%; }
  .ipad-air-2__angle .cc-white-blue-button {
    margin-bottom: 50px; }

/* ==========================================================================
   14 Features
   ========================================================================== */
.ipad-air-2__features {
  padding: 80px 0 70px;
  text-align: center; }
  @media (min-width: 768px) {
    .ipad-air-2__features {
      padding: 100px 0 120px; } }
  .ipad-air-2__features .content {
    list-style: none;
    margin: 0;
    padding: 0 30px; }
    .ipad-air-2__features .content:before, .ipad-air-2__features .content:after {
      content: ' ';
      display: table; }
    .ipad-air-2__features .content:after {
      clear: both; }
  .ipad-air-2__features li + li {
    margin-top: 50px; }
  @media (min-width: 768px) {
    .ipad-air-2__features li {
      float: left;
      width: 33.33%; }
      .ipad-air-2__features li + li {
        margin-top: 0; } }
  .ipad-air-2__features .cc-icon-wifi, .ipad-air-2__features .cc-icon-360, .ipad-air-2__features .cc-icon-battery {
    display: block;
    margin: 0 auto 20px; }
  .ipad-air-2__features h2 {
    color: #292f33;
    font-weight: 100;
    font-size: 24px;
    margin: 0 auto 15px; }
    @media (min-width: 768px) {
      .ipad-air-2__features h2 {
        max-width: 6.3em; } }
    @media (min-width: 1024px) {
      .ipad-air-2__features h2 {
        max-width: none; } }
  .ipad-air-2__features p {
    line-height: 1.75;
    margin: 0 auto 45px; }
    .ipad-air-2__features p:last-of-type {
      margin-bottom: 0; }
    @media (min-width: 768px) {
      .ipad-air-2__features p span {
        display: block; } }

/* ==========================================================================
   15 Tablet
   ========================================================================== */
.ipad-air-2__tablet {
  padding: 0 0 120px;
  text-align: center; }
  @media (min-width: 768px) {
    .ipad-air-2__tablet {
      padding: 11% 0 60px;
      position: relative;
      text-align: left; } }
  @media (min-width: 1024px) {
    .ipad-air-2__tablet {
      padding-bottom: 110px; } }
  .ipad-air-2__tablet picture {
    margin: 0 0 50px; }
    @media (min-width: 768px) {
      .ipad-air-2__tablet picture {
        bottom: 0;
        margin-bottom: 0;
        position: absolute;
        right: 20px; } }
    @media (min-width: 1024px) {
      .ipad-air-2__tablet picture {
        right: 0; } }
  .ipad-air-2__tablet img {
    max-width: none;
    width: 100%; }
    @media (min-width: 768px) {
      .ipad-air-2__tablet img {
        width: 423px; } }
    @media (min-width: 1024px) {
      .ipad-air-2__tablet img {
        width: 526px; } }
  @media (min-width: 768px) {
    .ipad-air-2__tablet .content {
      padding: 0 0 0 40px;
      position: relative;
      z-index: 2; } }
  @media (min-width: 1024px) {
    .ipad-air-2__tablet .content {
      padding-left: 80px; } }
  .ipad-air-2__tablet .heading {
    margin: 0 0 20px;
    padding: 0 20px; }
    @media (min-width: 768px) {
      .ipad-air-2__tablet .heading {
        font-size: 32px;
        padding: 0; } }
    @media (min-width: 1024px) {
      .ipad-air-2__tablet .heading {
        font-size: 48px; } }
  .ipad-air-2__tablet .lead {
    margin: 0 0 20px;
    padding: 0 30px; }
    @media (min-width: 768px) {
      .ipad-air-2__tablet .lead {
        max-width: 19em;
        padding: 0; } }
    @media (min-width: 1024px) {
      .ipad-air-2__tablet .lead {
        max-width: 26em; } }

/* ==========================================================================
   16 Reviews
   ========================================================================== */
/* ==========================================================================
   01 Intro
   ========================================================================== */
.ipad-mini__intro {
  padding: 60px 0 120px;
  position: relative;
  text-align: center; }
  @media (min-width: 1024px) {
    .ipad-mini__intro {
      padding-top: 120px;
      padding-bottom: 95px; } }
  .ipad-mini__intro .content {
    margin: 0 0 60px;
    padding: 0 30px; }
    @media (min-width: 360px) {
      .ipad-mini__intro .content {
        padding: 0 10px; } }
  .ipad-mini__intro img {
    display: block;
    max-width: none;
    width: 100%; }
    @media (min-width: 768px) {
      .ipad-mini__intro img {
        max-width: 730px; } }
    @media (min-width: 1024px) {
      .ipad-mini__intro img {
        max-width: 910px; } }

/* ==========================================================================
   02 Quotes
   ========================================================================== */
/* ==========================================================================
   03 Minified
   ========================================================================== */
.ipad-mini__minified {
  padding: 20px 0 120px;
  text-align: center; }
  @media (min-width: 768px) {
    .ipad-mini__minified {
      padding-top: 30px; } }
  .ipad-mini__minified picture {
    text-align: right; }
    @media (min-width: 1024px) {
      .ipad-mini__minified picture {
        margin-bottom: 60px; } }
  .ipad-mini__minified img {
    max-width: none;
    width: 100%; }
    @media (min-width: 768px) {
      .ipad-mini__minified img {
        max-width: 730px; } }
    @media (min-width: 1024px) {
      .ipad-mini__minified img {
        max-width: 1113px; } }
  .ipad-mini__minified .content {
    padding: 0 15px; }
    @media (min-width: 360px) {
      .ipad-mini__minified .content {
        padding: 0 30px; } }
  .ipad-mini__minified .heading {
    margin: 0 0 15px; }
  .ipad-mini__minified .lead {
    margin: 0 auto 20px;
    max-width: 31em; }
    @media (min-width: 768px) {
      .ipad-mini__minified .lead {
        margin-bottom: 30px; } }
    @media (min-width: 1024px) {
      .ipad-mini__minified .lead {
        max-width: 49em; } }
  .ipad-mini__minified .cc-color-selector-page-image-list {
    height: 230px; }
    @media (min-width: 375px) {
      .ipad-mini__minified .cc-color-selector-page-image-list {
        height: 270px; } }
    @media (min-width: 414px) {
      .ipad-mini__minified .cc-color-selector-page-image-list {
        height: 300px; } }
    @media (min-width: 667px) {
      .ipad-mini__minified .cc-color-selector-page-image-list {
        height: 470px; } }
    @media (min-width: 736px) {
      .ipad-mini__minified .cc-color-selector-page-image-list {
        height: 515px; } }
    @media (min-width: 768px) {
      .ipad-mini__minified .cc-color-selector-page-image-list {
        height: 350px; } }
    @media (min-width: 1024px) {
      .ipad-mini__minified .cc-color-selector-page-image-list {
        height: 450px; } }
  .ipad-mini__minified .cc-color-selector-page-switcher-wrapper {
    margin-bottom: 50px; }

/* ==========================================================================
   04 Quote
   ========================================================================== */
/* ==========================================================================
   04 Modes
   ========================================================================== */
.ipad-mini__angle {
  background: #151516;
  color: #c7cfd6;
  padding: 110px 0;
  text-align: center;
  /** Slideshow */ }
  @media (min-width: 768px) {
    .ipad-mini__angle {
      padding: 120px 0; } }
  .ipad-mini__angle .heading {
    color: inherit;
    margin: 0 0 40px; }
    @media (min-width: 1024px) {
      .ipad-mini__angle .heading {
        margin-bottom: 60px; } }
  @media (min-width: 768px) {
    .ipad-mini__angle .bxslider {
      padding: 0 10px; }
      .ipad-mini__angle .bxslider:before, .ipad-mini__angle .bxslider:after {
        content: ' ';
        display: table; }
      .ipad-mini__angle .bxslider:after {
        clear: both; } }
  @media (min-width: 1024px) {
    .ipad-mini__angle .bxslider {
      padding: 0 30px; } }
  .ipad-mini__angle .item {
    opacity: 0;
    -webkit-transition: opacity 150ms;
            transition: opacity 150ms; }
    .ipad-mini__angle .item.is-active {
      opacity: 1; }
    @media (min-width: 768px) {
      .ipad-mini__angle .item {
        float: left;
        opacity: 1;
        -webkit-transition: none;
                transition: none;
        width: 33.33%; } }
    @media (min-width: 1024px) {
      .ipad-mini__angle .item {
        padding: 0 50px; } }
  .ipad-mini__angle img {
    max-width: 335px;
    margin: 0 auto;
    width: 100%; }
    @media (min-width: 768px) {
      .ipad-mini__angle img {
        margin-bottom: 10px;
        max-width: 230px; } }
  .ipad-mini__angle h2 {
    font-size: 24px;
    font-weight: 100;
    line-height: 1.083;
    margin: 0 0 20px; }
  .ipad-mini__angle p {
    font-size: 16px;
    font-weight: 100;
    margin: 0 auto;
    max-width: 18em; }
    @media (min-width: 768px) {
      .ipad-mini__angle p {
        color: #787d81;
        line-height: 1.75;
        max-width: 13em; } }
  .ipad-mini__angle .bx-wrapper {
    margin: 0; }
  .ipad-mini__angle .bx-controls {
    padding-top: 50px; }
  .cc-product .ipad-mini__angle .bx-wrapper .bx-pager.bx-default-pager a:before {
    border-color: #c7cfd6; }
  .cc-product .ipad-mini__angle .bx-wrapper .bx-pager.bx-default-pager a.active:before {
    background-color: #c7cfd6; }

/* ==========================================================================
   05 Hinges
   ========================================================================== */
.ipad-mini__relax {
  padding: 120px 0 110px;
  text-align: right; }
  .ipad-mini__relax:before, .ipad-mini__relax:after {
    content: ' ';
    display: table; }
  .ipad-mini__relax:after {
    clear: both; }
  .ipad-mini__relax picture {
    float: left;
    width: 10%; }
    @media (min-width: 768px) {
      .ipad-mini__relax picture {
        width: 44.15%; } }
    @media (min-width: 1024px) {
      .ipad-mini__relax picture {
        width: 54%; } }
  .ipad-mini__relax img {
    max-width: none;
    width: 1000%; }
    @media (min-width: 768px) {
      .ipad-mini__relax img {
        width: 515px; } }
    @media (min-width: 1024px) {
      .ipad-mini__relax img {
        width: 821px; } }
  .ipad-mini__relax .content {
    float: right;
    position: relative;
    padding: 50px 30px 0 0;
    width: 90%; }
    @media (min-width: 375px) {
      .ipad-mini__relax .content {
        padding: 75px 30px 0 0; } }
    @media (min-width: 414px) {
      .ipad-mini__relax .content {
        padding: 70px 30px 0 0; } }
    @media (min-width: 768px) {
      .ipad-mini__relax .content {
        padding: 20px 40px 0 0;
        width: 55.85%; } }
    @media (min-width: 1024px) {
      .ipad-mini__relax .content {
        padding-top: 7%;
        width: 46%; } }
  .ipad-mini__relax .heading {
    margin: 0 0 10px; }
    @media (max-width: 359px) {
      .ipad-mini__relax .heading {
        font-size: 24px; } }
    @media (min-width: 360px) {
      .ipad-mini__relax .heading {
        margin-bottom: 10px;
        font-size: 30px; } }
    @media (min-width: 1024px) {
      .ipad-mini__relax .heading {
        margin-bottom: 10px; } }
  .ipad-mini__relax .lead {
    margin: 0 0 15px;
    margin-bottom: 25px; }
    @media (min-width: 360px) {
      .ipad-mini__relax .lead {
        margin-bottom: 25px; } }
    @media (min-width: 360px) and (max-width: 767px) {
      .ipad-mini__relax .lead span {
        display: block; } }
    @media (min-width: 1024px) {
      .ipad-mini__relax .lead {
        margin-bottom: 60px; } }
  @media (min-width: 1024px) {
    .ipad-mini__relax .cc-white-blue-button {
      margin-bottom: 50px; } }
  .ipad-mini__relax .cc-color-selector-page-switcher-wrapper {
    margin-bottom: 50px; }
    @media (min-width: 667px) {
      .ipad-mini__relax .cc-color-selector-page-switcher-wrapper {
        margin-bottom: 370px; } }
    @media (min-width: 736px) {
      .ipad-mini__relax .cc-color-selector-page-switcher-wrapper {
        margin-bottom: 460px; } }
    @media (min-width: 768px) {
      .ipad-mini__relax .cc-color-selector-page-switcher-wrapper {
        margin-bottom: 30px; } }
    @media (min-width: 1024px) {
      .ipad-mini__relax .cc-color-selector-page-switcher-wrapper {
        margin-bottom: 125px; } }

/* ==========================================================================
   06 Materials
   ========================================================================== */
.ipad-mini__materials {
  background: #151516;
  color: #c7cfd6;
  text-align: center;
  /** Slideshow content */
  /** Slideshow controls */ }
  @media (min-width: 768px) {
    .ipad-mini__materials {
      position: relative; } }
  @media (min-width: 768px) {
    .ipad-mini__materials .bxslider .item {
      position: relative; } }
  .ipad-mini__materials .bxslider .item-2 {
    color: #151516; }
    @media (min-width: 768px) {
      .ipad-mini__materials .bxslider .item-2 {
        color: inherit; } }
  .ipad-mini__materials .item-content {
    height: 100%;
    left: 0;
    padding: 47% 0 0;
    position: absolute;
    top: 0;
    width: 100%; }
    @media (min-width: 768px) {
      .ipad-mini__materials .item-content {
        left: 0;
        padding-top: 0;
        position: absolute;
        top: 110px;
        width: 100%; } }
  @media (min-width: 768px) {
    .ipad-mini__materials picture {
      height: 0;
      padding-bottom: 78.38%; } }
  @media (min-width: 1024px) {
    .ipad-mini__materials picture {
      padding-bottom: 57.61%; } }
  .ipad-mini__materials img {
    display: block;
    max-width: none;
    width: 100%; }
  .ipad-mini__materials h2 {
    font-size: 32px;
    font-weight: 100;
    line-height: 1;
    margin: 0 0 20px; }
    @media (min-width: 768px) {
      .ipad-mini__materials h2 {
        display: none; } }
  .ipad-mini__materials p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.625;
    margin: 0 auto;
    max-width: 15em; }
    @media (min-width: 768px) {
      .ipad-mini__materials p {
        font-size: 32px;
        font-weight: 100;
        line-height: 1.333;
        max-width: none;
        padding: 0 40px; } }
    @media (min-width: 1024px) {
      .ipad-mini__materials p {
        font-size: 48px;
        padding: 0 80px; } }
  @media (min-width: 768px) {
    .ipad-mini__materials .bx-controls {
      display: none; } }
  .ipad-mini__materials .bx-wrapper .bx-pager {
    bottom: 60px;
    left: 0;
    position: absolute;
    width: 100%; }
    .ipad-mini__materials .bx-wrapper .bx-pager.bx-default-pager a:before {
      border-color: #c7cfd6;
      -webkit-transition: all 250ms;
              transition: all 250ms; }
    .ipad-mini__materials .bx-wrapper .bx-pager.bx-default-pager a.active:before {
      background-color: #c7cfd6; }

.ipad-mini__materials__controls {
  display: none; }
  @media (min-width: 768px) {
    .ipad-mini__materials__controls {
      bottom: 40px;
      display: block;
      left: 0;
      padding: 0 15px;
      position: absolute;
      z-index: 2;
      width: 100%; }
      .ipad-mini__materials__controls:before, .ipad-mini__materials__controls:after {
        content: ' ';
        display: table; }
      .ipad-mini__materials__controls:after {
        clear: both; } }
  @media (min-width: 1024px) {
    .ipad-mini__materials__controls {
      bottom: 85px;
      padding: 0 60px; } }
  .ipad-mini__materials__controls .item {
    float: left;
    font-weight: 300;
    padding: 0 25px;
    position: relative;
    text-align: left;
    width: 33.33%; }
    @media (min-width: 1024px) {
      .ipad-mini__materials__controls .item {
        padding: 0 20px; } }
  .ipad-mini__materials__controls a {
    cursor: pointer;
    display: block;
    padding: 60px 25px 15px;
    text-decoration: none; }
  .ipad-mini__materials__controls .item-1 a {
    background: #dddede;
    color: #000; }
  .ipad-mini__materials__controls .item-2 a {
    background: #fdfdfd;
    color: #000; }
  .ipad-mini__materials__controls .item-3 a {
    background-color: #333433;
    background-image: -webkit-linear-gradient(#333433, #232222);
    background-image: linear-gradient(#333433, #232222);
    color: #c7cfd6; }

/* State
   ========================================================================== */
.is-slide-2.ipad-mini__materials .bx-wrapper .bx-pager.bx-default-pager a:before {
  border-color: #151516; }
.is-slide-2.ipad-mini__materials .bx-wrapper .bx-pager.bx-default-pager a.active:before {
  background-color: #151516; }

/* ==========================================================================
   08 Tough
   ========================================================================== */
.ipad-mini__tough {
  padding: 120px 0;
  text-align: right; }
  .ipad-mini__tough:before, .ipad-mini__tough:after {
    content: ' ';
    display: table; }
  .ipad-mini__tough:after {
    clear: both; }
  .ipad-mini__tough picture {
    float: left;
    width: 15%; }
    @media (min-width: 768px) {
      .ipad-mini__tough picture {
        width: 42%; } }
    @media (min-width: 1024px) {
      .ipad-mini__tough picture {
        width: 45%; } }
  .ipad-mini__tough img {
    max-width: 346px;
    width: 666.67%; }
    @media (min-width: 768px) {
      .ipad-mini__tough img {
        max-width: none;
        width: 423px; } }
    @media (min-width: 1024px) {
      .ipad-mini__tough img {
        width: 662px; } }
  .ipad-mini__tough .content {
    float: right;
    padding: 110px 20px 0 0;
    position: relative;
    width: 85%;
    z-index: 2; }
    @media (min-width: 360px) {
      .ipad-mini__tough .content {
        padding: 120px 30px 0 0; } }
    @media (min-width: 768px) {
      .ipad-mini__tough .content {
        padding: 60px 40px 0 0;
        width: 58%; } }
    @media (min-width: 1024px) {
      .ipad-mini__tough .content {
        padding: 7.5% 80px 0 0;
        width: 55%; } }
  .ipad-mini__tough .heading {
    margin: 0 0 10px; }
    @media (min-width: 360px) {
      .ipad-mini__tough .heading {
        margin-bottom: 20px; } }
    @media (min-width: 768px) {
      .ipad-mini__tough .heading {
        margin-bottom: 30px; } }
    @media (min-width: 1024px) {
      .ipad-mini__tough .heading {
        margin-bottom: 10px; } }
  .ipad-mini__tough .lead {
    margin: 0 0 10px; }
    @media (max-width: 767px) {
      .ipad-mini__tough .lead span {
        display: none; } }
    @media (min-width: 360px) {
      .ipad-mini__tough .lead {
        margin-bottom: 25px; } }
    @media (min-width: 1024px) {
      .ipad-mini__tough .lead {
        margin-bottom: 50px; } }
  .ipad-mini__tough .cc-white-blue-button {
    margin-bottom: 25px; }
    @media (min-width: 1024px) {
      .ipad-mini__tough .cc-white-blue-button {
        margin-bottom: 50px; } }
  .ipad-mini__tough .cc-color-selector-page-switcher-wrapper {
    margin-bottom: 150px; }
    @media (min-width: 667px) {
      .ipad-mini__tough .cc-color-selector-page-switcher-wrapper {
        margin-bottom: 150px; } }
    @media (min-width: 736px) {
      .ipad-mini__tough .cc-color-selector-page-switcher-wrapper {
        margin-bottom: 150px; } }
    @media (min-width: 768px) {
      .ipad-mini__tough .cc-color-selector-page-switcher-wrapper {
        margin-bottom: 0; } }
    @media (min-width: 1024px) {
      .ipad-mini__tough .cc-color-selector-page-switcher-wrapper {
        margin-bottom: 125px; } }

/* ==========================================================================
   09 Quote
   ========================================================================== */
/* ==========================================================================
   08 Mobility
   ========================================================================== */
.ipad-mini__mobility {
  padding: 120px 0 0; }
  @media (min-width: 768px) {
    .ipad-mini__mobility {
      padding-top: 60px; }
      .ipad-mini__mobility:before, .ipad-mini__mobility:after {
        content: ' ';
        display: table; }
      .ipad-mini__mobility:after {
        clear: both; } }
  .ipad-mini__mobility .content {
    padding: 0 30px;
    position: relative;
    z-index: 2; }
    @media (min-width: 768px) {
      .ipad-mini__mobility .content {
        float: left;
        padding: 60px 0 0 40px;
        width: 46%; } }
    @media (min-width: 1024px) {
      .ipad-mini__mobility .content {
        padding: 17% 0 0 80px; } }
  .ipad-mini__mobility .heading {
    margin: 0 0 20px; }
    @media (min-width: 1024px) {
      .ipad-mini__mobility .heading {
        margin-bottom: 10px; } }
  .ipad-mini__mobility .lead {
    margin: 0 0 20px; }
    @media (min-width: 1024px) {
      .ipad-mini__mobility .lead {
        margin-bottom: 60px; } }
  .ipad-mini__mobility picture {
    margin-top: -38%;
    text-align: right; }
    @media (min-width: 350px) {
      .ipad-mini__mobility picture {
        margin-top: -130px; } }
    @media (min-width: 768px) {
      .ipad-mini__mobility picture {
        float: right;
        margin-top: 0;
        width: 54%; } }
  .ipad-mini__mobility img {
    max-width: 345px;
    width: 100%; }
    @media (min-width: 768px) {
      .ipad-mini__mobility img {
        max-width: none;
        width: 337px; } }
    @media (min-width: 1024px) {
      .ipad-mini__mobility img {
        width: 523px; } }

/* ==========================================================================
   11 Light
   ========================================================================== */
.ipad-mini__light {
  background: #f5f5f5;
  color: #787d81;
  padding: 115px 0 110px;
  text-align: center; }
  @media (min-width: 768px) {
    .ipad-mini__light {
      padding: 70px 40px;
      text-align: left; }
      .ipad-mini__light:before, .ipad-mini__light:after {
        content: ' ';
        display: table; }
      .ipad-mini__light:after {
        clear: both; } }
  @media (min-width: 1024px) {
    .ipad-mini__light {
      padding-right: 80px;
      padding-left: 80px; } }
  .ipad-mini__light .content {
    padding: 0 40px; }
    @media (min-width: 768px) {
      .ipad-mini__light .content {
        float: left;
        padding: 40px 0 0;
        width: 45%; } }
    @media (min-width: 1024px) {
      .ipad-mini__light .content {
        padding-top: 60px;
        width: 55%; } }
  .ipad-mini__light .heading {
    color: inherit;
    font-size: 24px;
    line-height: 1.417;
    margin: 0 0 30px; }
    @media (min-width: 768px) {
      .ipad-mini__light .heading {
        font-size: 32px;
        line-height: 1.3125;
        margin: 0; } }
  .ipad-mini__light picture {
    padding: 0 20px; }
    @media (min-width: 360px) {
      .ipad-mini__light picture {
        padding: 0 30px; } }
    @media (min-width: 768px) {
      .ipad-mini__light picture {
        float: right;
        padding: 0;
        text-align: right;
        width: 55%; } }
    @media (min-width: 1024px) {
      .ipad-mini__light picture {
        width: 45%; } }
  .ipad-mini__light img {
    margin: 0 auto;
    max-width: 314px;
    width: 100%; }
    @media (min-width: 768px) {
      .ipad-mini__light img {
        max-width: none;
        width: 378px; } }

/* ==========================================================================
   12 Features
   ========================================================================== */
.ipad-mini__features {
  background: #151516;
  color: #787d81;
  text-align: center; }
  .ipad-mini__features picture {
    background: #fff;
    color: #000;
    margin-bottom: 0;
    padding: 120px 0; }
  .ipad-mini__features img {
    display: block;
    max-width: none;
    width: 100%; }
  .ipad-mini__features .content {
    padding: 120px 0; }
  .ipad-mini__features .items {
    margin-right: auto;
    margin-left: auto;
    max-width: 960px; }
    .ipad-mini__features .items:before, .ipad-mini__features .items:after {
      content: ' ';
      display: table; }
    .ipad-mini__features .items:after {
      clear: both; }
    @media (min-width: 768px) {
      .ipad-mini__features .items {
        padding: 0 15px; } }
  .ipad-mini__features .item {
    padding: 0 30px; }
    .ipad-mini__features .item + .item {
      margin-top: 50px; }
    @media (min-width: 768px) {
      .ipad-mini__features .item {
        float: left;
        padding-right: 25px;
        padding-left: 25px;
        width: 33.33%; }
        .ipad-mini__features .item + .item {
          margin-top: 0; } }
  .ipad-mini__features .cc-icon-wifi, .ipad-mini__features .cc-icon-360, .ipad-mini__features .cc-icon-battery {
    display: block;
    margin: 0 auto 20px; }
    @media (min-width: 1024px) {
      .ipad-mini__features .cc-icon-wifi, .ipad-mini__features .cc-icon-360, .ipad-mini__features .cc-icon-battery {
        margin-bottom: 30px; } }
  .ipad-mini__features h2 {
    color: #c7cfd6;
    font-size: 24px;
    font-weight: 100;
    line-height: 1.333;
    margin: 0 0 15px; }
    @media (min-width: 768px) {
      .ipad-mini__features h2 span {
        display: block; } }
    @media (min-width: 1024px) {
      .ipad-mini__features h2 {
        margin-bottom: 20px; }
        .ipad-mini__features h2 span {
          display: none; } }
  .ipad-mini__features p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.625;
    margin: 0 auto;
    max-width: 17em; }
    @media (min-width: 768px) {
      .ipad-mini__features p {
        max-width: none; } }
    @media (min-width: 1024px) {
      .ipad-mini__features p {
        font-size: 18px;
        font-weight: 100;
        line-height: 26px;
        padding: 0 10px; } }

/* ==========================================================================
   10 Reviews
   ========================================================================== */
/* ==========================================================================
   01 Intro
   ========================================================================== */
.ipad-mini-4__intro {
  padding: 60px 0 120px;
  position: relative;
  text-align: center; }
  @media (min-width: 960px) {
    .ipad-mini-4__intro {
      padding-top: 120px;
      padding-bottom: 95px; } }
  .ipad-mini-4__intro .content {
    padding: 0 30px; }
    @media (min-width: 360px) {
      .ipad-mini-4__intro .content {
        padding: 0 10px; } }
  .ipad-mini-4__intro .ipad-mini-4-intro-image {
    background: url('http://lghttp.5654.nexcesscdn.net/8041F9/mage/skin/frontend/pro/cc/images/ipad-mini-4/desktop/01-intro.jpg') no-repeat left center;
    height: 524px;
    margin-top: 70px; }
    @media (max-width: 960px) {
      .ipad-mini-4__intro .ipad-mini-4-intro-image {
        background-size: 100% auto;
        background-position: left top;
        height: 550px; } }
    @media (max-width: 768px) {
      .ipad-mini-4__intro .ipad-mini-4-intro-image {
        height: 440px; } }
    @media (max-width: 414px) {
      .ipad-mini-4__intro .ipad-mini-4-intro-image {
        height: 240px; } }
  .ipad-mini-4__intro img {
    display: block;
    max-width: none;
    width: 100%; }
    @media (min-width: 768px) {
      .ipad-mini-4__intro img {
        max-width: 730px; } }
    @media (min-width: 1024px) {
      .ipad-mini-4__intro img {
        max-width: 910px; } }

/* ==========================================================================
   CC Review Article
   ========================================================================== */
.cc-review-article {
  font-family: 'museo-sans', 'museo sans', sans-serif;
  padding: 60px 30px; }
  @media (min-width: 768px) {
    .cc-review-article {
      padding: 60px 40px; } }
  @media (min-width: 1024px) {
    .cc-review-article {
      padding: 120px 50px;
      margin: 0 auto;
      max-width: 960px; }
      .cc-review-article:before {
        background: url(../images/reviews/cc-pro.jpg) no-repeat;
        content: '';
        display: block;
        float: left;
        height: 183px;
        width: 394px; }
        @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
          .cc-review-article:before {
            background-image: url(../images/reviews/cc-pro-2x.jpg);
            background-size: contain; } } }
  .cc-review-article, .cc-review-article *, .cc-review-article *:before, .cc-review-article *:after {
    box-sizing: border-box; }

/* Header
   ========================================================================== */
.cc-review-article__header {
  color: #787d81;
  font-weight: 100;
  margin: 0 0 60px;
  text-align: center; }
  @media (min-width: 1024px) {
    .cc-review-article__header {
      float: right;
      margin-bottom: 120px;
      text-align: left; } }
  .cc-review-article__header h1 {
    color: #292f33;
    font-size: 30px;
    font-weight: inherit;
    line-height: 1;
    margin: 0 0 20px; }
    @media (min-width: 768px) {
      .cc-review-article__header h1 {
        font-size: 36px;
        margin-bottom: 30px; } }
    @media (min-width: 1024px) {
      .cc-review-article__header h1 {
        font-size: 32px;
        margin-bottom: 12px; } }
    .cc-review-article__header h1 strong {
      font-weight: 300; }
  .cc-review-article__header .entry-meta {
    font-size: 16px;
    line-height: 1.25; }
    @media (min-width: 768px) {
      .cc-review-article__header .entry-meta {
        font-size: 24px;
        line-height: 1.083;
        margin-bottom: 30px; } }
    @media (min-width: 1024px) {
      .cc-review-article__header .entry-meta {
        line-height: 1.333;
        margin-bottom: 15px; } }
    .cc-review-article__header .entry-meta span[class*="cc-stars"] {
      margin-left: 4px;
      vertical-align: baseline; }
      @media (min-width: 768px) {
        .cc-review-article__header .entry-meta span[class*="cc-stars"] {
          vertical-align: -3px; } }
    .cc-review-article__header .entry-meta p {
      margin: 5px 0 30px; }
      @media (min-width: 768px) {
        .cc-review-article__header .entry-meta p {
          display: inline;
          margin: 0;
          padding-left: 20px; } }
      @media (min-width: 1024px) {
        .cc-review-article__header .entry-meta p {
          display: block;
          padding: 0; } }
    .cc-review-article__header .entry-meta strong {
      font-weight: 500; }
  .cc-review-article__header button {
    background: none;
    border: 2px solid #3a7af2;
    border-radius: 4px;
    color: #3a7af2;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 16px;
    text-transform: uppercase; }
    .cc-review-article__header button .cc-icon-plus-blue {
      display: inline-block;
      margin: 0 8px 0 0; }

/* Content
   ========================================================================== */
@media (min-width: 1024px) {
  .cc-review-article__content {
    clear: both; } }
.cc-review-article__content .more {
  display: none; }

.cc-review-article__content__appended {
  opacity: 0;
  -webkit-transition: opacity .5s ease-out;
          transition: opacity .5s ease-out; }
  .cc-review-article__content__appended.in {
    opacity: 1; }

/* Footer
   ========================================================================== */
@media (min-width: 768px) {
  .cc-review-article__footer {
    padding: 0 60px; } }
@media (min-width: 1024px) {
  .cc-review-article__footer {
    margin: 0 auto;
    max-width: 568px;
    padding: 30px 0 0; } }
.cc-review-article__footer button {
  background-color: #4d8bf7;
  background-image: -webkit-linear-gradient(#63a0fd, #3777f2);
  background-image: linear-gradient(#63a0fd, #3777f2);
  border: none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  padding: 21px;
  text-shadow: 0 1px 1px #000;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
  width: 100%; }
  .cc-review-article__footer button.loading .idle {
    display: none; }
  .cc-review-article__footer button.loading .cc-icon-three-dots {
    display: inline-block; }
  .cc-review-article__footer button .cc-icon-dropdown {
    display: inline-block;
    margin: 2px 0 0 6px; }
  .cc-review-article__footer button .cc-icon-three-dots {
    display: none;
    height: 17px;
    width: 68px;
    background-size: cover; }

/* ==========================================================================
   CC Review
   ========================================================================== */
.cc-review {
  color: #787d81;
  font-family: 'museo-sans', 'museo sans', sans-serif;
  font-weight: 100;
  margin: 0 0 60px; }
  .cc-review:before, .cc-review:after {
    content: ' ';
    display: table; }
  .cc-review:after {
    clear: both; }

.cc-review__wrapper {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  margin: 0 0 20px;
  padding: 30px;
  position: relative; }
  @media (min-width: 768px) {
    .cc-review__wrapper {
      padding: 40px; } }
  .cc-review__wrapper:after {
    background: url(../images/reviews/triangle.png) no-repeat;
    bottom: -10px;
    content: '';
    display: block;
    height: 11px;
    position: absolute;
    right: 20px;
    width: 24px; }
    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
      .cc-review__wrapper:after {
        background-image: url(../images/reviews/triangle-2x.jpg);
        background-size: 24px auto; } }
    @media (min-width: 768px) {
      .cc-review__wrapper:after {
        right: 30px; } }

.cc-review__heading {
  color: #292f33;
  font-weight: inherit;
  font-size: 24px;
  line-height: 1.25;
  margin: 0 0 30px; }
  @media (min-width: 768px) {
    .cc-review__heading {
      margin-bottom: 40px; } }
  .cc-review__heading:before, .cc-review__heading:after {
    display: inline;
    font-size: 200%;
    line-height: 0;
    font-weight: 300;
    vertical-align: -.42em; }
  .cc-review__heading:before {
    content: '“'; }
  .cc-review__heading:after {
    content: '”'; }

/* Content
   ========================================================================== */
.cc-review__content {
  border-bottom: 1px solid #efefef;
  font-size: 16px;
  line-height: 1.875;
  margin: 0 0 30px;
  padding: 0 0 30px; }
  @media (min-width: 768px) {
    .cc-review__content {
      font-size: 18px;
      line-height: 1.778; } }
  .cc-review__content p {
    margin: 0; }
  .cc-review__content a {
    color: #3a7af2;
    font-weight: 500;
    text-decoration: none; }

.cc-review__ratings {
  font-size: 0;
  line-height: 0;
  margin: 0 -15px;
  text-align: justify; }
  @media (min-width: 360px) {
    .cc-review__ratings {
      margin: 0; } }
  @media (min-width: 1024px) {
    .cc-review__ratings {
      text-align: center; } }
  .cc-review__ratings:after {
    content: '';
    display: inline-block;
    height: 1px;
    width: 100%; }
  .cc-review__ratings dl {
    display: inline-block;
    text-align: center;
    width: 70px; }
    @media (min-width: 768px) {
      .cc-review__ratings dl {
        width: 125px; } }
    @media (min-width: 1024px) {
      .cc-review__ratings dl {
        margin: 0 13px; } }
  .cc-review__ratings dt {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    margin: 0 0 10px; }
    @media (min-width: 768px) {
      .cc-review__ratings dt {
        margin-bottom: 5px; } }

/* Footer
   ========================================================================== */
.cc-review__footer {
  float: right;
  font-size: 14px;
  line-height: 1.667; }
  .cc-review__footer:before, .cc-review__footer:after {
    content: ' ';
    display: table; }
  .cc-review__footer:after {
    clear: both; }
  @media (min-width: 360px) {
    .cc-review__footer {
      padding: 0 30px 0 0; } }
  @media (min-width: 768px) {
    .cc-review__footer {
      float: none;
      font-size: 16px;
      line-height: 1.375;
      padding: 0 50px 0 40px; } }
  .cc-review__footer .author, .cc-review__footer .updated, .cc-review__footer strong {
    font-weight: 500; }
  .cc-review__footer .author, .cc-review__footer strong {
    color: #292f33; }

.cc-review__footer__author {
  position: relative;
  padding-right: 50px;
  /** Avatars */ }
  @media (min-width: 768px) {
    .cc-review__footer__author {
      float: right; } }
  .cc-review__footer__author .cc-avatar {
    background-size: 40px auto;
    display: inline-block;
    height: 40px;
    position: absolute;
    right: 0;
    width: 40px;
    top: -2px; }
    @media (min-width: 768px) {
      .cc-review__footer__author .cc-avatar {
        top: -11px; } }

@media (min-width: 768px) {
  .cc-review__footer__meta {
    float: left; } }

/* ==========================================================================
   Stars
   ========================================================================== */
.cc-stars, .cc-stars--big {
  display: inline-block;
  font-size: 0;
  height: 14px;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  width: 70px; }
  .cc-stars .cc-icon-stars-gray, .cc-stars--big .cc-icon-stars-gray, .cc-stars .cc-icon-stars-yellow, .cc-stars--big .cc-icon-stars-yellow {
    background-size: 70px auto;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%; }
  @media (min-width: 768px) {
    .cc-stars, .cc-stars--big {
      height: 25px;
      width: 125px; }
      .cc-stars .cc-icon-stars-gray, .cc-stars--big .cc-icon-stars-gray, .cc-stars .cc-icon-stars-yellow, .cc-stars--big .cc-icon-stars-yellow {
        background-size: 125px auto; } }

.cc-stars--big {
  height: 25px;
  width: 125px; }
  .cc-stars--big .cc-icon-stars-gray, .cc-stars--big .cc-icon-stars-yellow {
    background-size: 125px auto; }

/* Take from /skin/frontend/pro/cc/css/ccreview.css */
.write_review {
  display: none;
  width: 333px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #fff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  font-family: "museo-sans",​​sans-serif; }
  @media (min-width: 540px) {
    .write_review {
      width: 440px; } }
  .write_review .b-close {
    position: absolute;
    top: 12px;
    right: 15px;
    cursor: pointer; }
  .write_review h3 {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom: 1px solid #e3e3e3;
    background-image: -webkit-linear-gradient(bottom, #f1f1f1 -25%, #fff 125%);
    background-image: linear-gradient(to top, #f1f1f1 -25%, #fff 125%);
    background-color: #fbfbfb;
    margin: 0;
    padding: 8px 0 8px 15px; }
    @media (min-width: 540px) {
      .write_review h3 {
        padding-left: 20px; } }
  .write_review .select, .write_review div.styledSelect {
    border-radius: 4px; }
  .write_review .select {
    width: 99% !important;
    background-clip: padding-box;
    background-color: #fff;
    box-shadow: 0 1px 1px #e8e8e8;
    font-family: "proxima-nova",sans-serif;
    font-size: 16px;
    color: #424242;
    cursor: pointer;
    display: inline-block;
    position: relative;
    border: 1px solid #ccc;
    margin: 0 !important;
    padding: 8px 0 !important; }
    .write_review .select .options {
      height: auto;
      display: none;
      position: absolute;
      width: 100%;
      max-height: 112px;
      overflow: auto;
      top: 100%;
      right: 0;
      left: -1px;
      z-index: 999;
      margin: 0 0;
      padding: 0 0;
      list-style: none;
      border: 1px solid #ccc;
      background-color: white;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
      .write_review .select .options li {
        margin: 0;
        padding: 3px 10px; }
      .write_review .select .options li:hover {
        background-color: #39f;
        color: white; }
  .write_review .styledSelect {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 !important;
    background-color: white;
    padding: 8px 10px; }
  .write_review .styledSelect:after {
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-color: black transparent transparent transparent;
    position: absolute;
    top: 18px;
    right: 15px; }
  .write_review .styledSelect:active, .write_review .styledSelect.active {
    background-color: #eee; }
  .write_review .validation-advice {
    margin: 5px 0 0;
    padding-left: 15px; }
  .write_review .rating ul li .validation-advice {
    margin-top: 0; }
  .write_review .select {
    position: relative; }
  .write_review .select .validation-advice {
    position: absolute !important;
    z-index: 1;
    top: 40px !important; }
  .write_review .select_device {
    padding: 0 15px; }
    @media (min-width: 540px) {
      .write_review .select_device {
        padding: 0 30px; } }
  .write_review p, .write_review .box label, .write_review .box input[type="text"], .write_review .box textarea {
    color: #676767;
    font-size: 16px;
    font-weight: 500; }
  .write_review .select_device p {
    margin: 10px 0 2px; }
  .write_review .rating {
    padding: 0 5px 12px 5px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    margin: 20px 0 0 0;
    padding: 0 15px 15px; }
    @media (min-width: 540px) {
      .write_review .rating {
        padding: 0 30px 12px 30px; } }
  .write_review .rating p {
    margin: 12px 0 0; }
  .write_review .rating ul li {
    float: left;
    margin-right: 20px;
    width: 28%; }
    .write_review .rating ul li:last-child {
      margin-right: 0; }
    @media (min-width: 540px) {
      .write_review .rating ul li {
        margin-right: 0;
        width: 125px; } }
  .write_review .rating ul li em {
    display: block;
    color: #414141;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal; }
  .write_review .rating ul li > .select {
    display: none; }
  .write_review .box {
    padding: 0 15px 15px; }
    @media (min-width: 540px) {
      .write_review .box {
        padding: 0 30px 20px; } }
  .write_review .box label {
    margin-top: 12px;
    display: block; }
  .write_review .box input[type="text"], .write_review .box textarea {
    width: 280px;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    background-clip: padding-box;
    background-color: #fff;
    box-shadow: 0 1px 1px #e8e8e8;
    padding: 10px;
    font-weight: 300; }
    @media (min-width: 540px) {
      .write_review .box input[type="text"], .write_review .box textarea {
        width: 360px; } }
  .write_review .box .submit_review {
    display: block;
    color: #fff;
    font-size: 13px;
    font-family: "museo-sans",sans-serif;
    text-transform: uppercase;
    border-radius: 3px !important;
    border: none;
    background-color: #3C7CF0 !important;
    box-shadow: 0 1px 0 #246CEE;
    padding: 10px 18px 9px;
    margin: 20px auto 5px;
    width: 140px;
    -webkit-appearance: none; }
  .write_review #reviewSuccess, .write_review #reviewSubmitted, .write_review #reviewForm .box .validation-advice {
    display: none; }
  .write_review #reviewSubmitting {
    margin-top: 10px; }
  .write_review #reviewSuccess {
    font-size: 20px;
    line-height: 25px;
    padding: 10%;
    text-align: center;
    font-weight: 600; }

/* ==========================================================================
   CC Tech Specs
   ========================================================================== */
.cc-tech-specs {
  color: #787d81;
  font-family: 'museo-sans', 'museo sans', sans-serif;
  font-weight: 100;
  margin: 0 30px;
  padding: 60px 0; }
  @media (min-width: 768px) {
    .cc-tech-specs {
      margin: 0 40px; } }
  @media (min-width: 1024px) {
    .cc-tech-specs {
      margin-right: auto;
      margin-left: auto;
      max-width: 960px;
      padding-top: 120px;
      padding-bottom: 120px; } }
  .cc-tech-specs *, .cc-tech-specs *:before, .cc-tech-specs *:after {
    box-sizing: border-box; }
  .cc-tech-specs picture {
    display: block;
    width: 100%; }
    .cc-tech-specs picture img {
      height: auto;
      display: block;
      margin-right: auto;
      margin-left: auto;
      width: 100%; }
      @media (min-width: 768px) {
        .cc-tech-specs picture img {
          margin-left: 0; } }

/* Header
   ========================================================================== */
.cc-tech-specs__header {
  text-align: center; }
  .cc-tech-specs__header:before, .cc-tech-specs__header:after {
    content: ' ';
    display: table; }
  .cc-tech-specs__header:after {
    clear: both; }
  @media (min-width: 768px) {
    .cc-tech-specs__header {
      text-align: left; } }
  @media (min-width: 768px) {
    .cc-tech-specs__header picture {
      float: left;
      width: 61%; } }
  @media (min-width: 1024px) {
    .cc-tech-specs__header picture {
      margin-right: 3.125%;
      width: 46.875%; } }
  .cc-tech-specs__header img {
    margin-bottom: 20px;
    max-width: 331px; }
    @media (min-width: 1024px) {
      .cc-tech-specs__header img {
        max-width: 413px; } }
  .cc-tech-specs__header h1 {
    color: #292f33;
    font-size: 32px;
    font-weight: 100;
    line-height: 1;
    margin: 0 0 20px; }
    .cc-tech-specs__header h1 strong {
      font-weight: 300; }
    @media (min-width: 768px) {
      .cc-tech-specs__header h1 {
        margin-bottom: 0; } }
    @media (min-width: 1024px) {
      .cc-tech-specs__header h1 {
        display: inline;
        margin: 0; } }
  .cc-tech-specs__header h2 {
    display: none; }
    @media (min-width: 768px) {
      .cc-tech-specs__header h2 {
        color: #292f33;
        display: block;
        font-size: 20px;
        font-weight: inherit;
        line-height: 1.3;
        margin: 0 0 20px; } }
    @media (min-width: 1024px) {
      .cc-tech-specs__header h2 {
        display: inline;
        font-size: 32px;
        line-height: 1;
        margin: 0;
        padding: 0 0 0 .385ex; } }
  .cc-tech-specs__header dl {
    font-size: 16px;
    line-height: 1.625;
    margin: 0 0 50px; }
    @media (min-width: 1024px) {
      .cc-tech-specs__header dl {
        margin: 20px 0 50px; } }
  .cc-tech-specs__header dt {
    display: inline;
    font-weight: 500; }
  .cc-tech-specs__header dd {
    display: inline; }
    .cc-tech-specs__header dd:after {
      content: '';
      display: block;
      width: 100%; }

@media (min-width: 768px) {
  .cc-tech-specs__header__content {
    float: left;
    padding-top: 2.6%;
    width: 39%; } }
@media (min-width: 1024px) {
  .cc-tech-specs__header__content {
    margin-left: 3.125%;
    padding: 0;
    width: 46.875%; } }

/* Dimensions
   ========================================================================== */
.cc-tech-specs__dimensions {
  font-size: 16px;
  line-height: 1.625;
  margin: 0 0 60px;
  text-align: center; }
  @media (min-width: 768px) {
    .cc-tech-specs__dimensions {
      float: left;
      padding: 60px 0 0 0;
      text-align: left;
      width: 61%; } }
  @media (min-width: 1024px) {
    .cc-tech-specs__dimensions {
      font-size: 14px;
      font-weight: 300;
      padding: 60px 3.125% 0 0;
      width: 46.875%; } }
  .cc-tech-specs__dimensions picture {
    position: relative;
    left: 5.5%; }
    @media (min-width: 768px) {
      .cc-tech-specs__dimensions picture {
        position: static; } }
  .cc-tech-specs__dimensions img {
    margin-bottom: 20px;
    max-width: 317px; }
    @media (min-width: 768px) {
      .cc-tech-specs__dimensions img {
        max-width: 376px; } }
    @media (min-width: 1024px) {
      .cc-tech-specs__dimensions img {
        max-width: none;
        width: 478px !important; } }
  .cc-tech-specs__dimensions h2 {
    font-size: 100%;
    line-height: inherit;
    margin: 0; }
    @media (min-width: 1024px) {
      .cc-tech-specs__dimensions h2 {
        display: none; } }
  .cc-tech-specs__dimensions dl {
    margin: 0; }
  .cc-tech-specs__dimensions dt, .cc-tech-specs__dimensions dd {
    display: inline; }
  .cc-tech-specs__dimensions dd:nth-of-type(odd) {
    padding-right: 10px; }
  @media (min-width: 1024px) {
    .cc-tech-specs__dimensions dd:nth-of-type(even) {
      padding-right: 10px; } }
  .cc-tech-specs__dimensions dd:nth-of-type(2):after {
    content: '';
    display: block;
    width: 100%; }
    @media (min-width: 1024px) {
      .cc-tech-specs__dimensions dd:nth-of-type(2):after {
        display: none; } }

/* Callout
   ========================================================================== */
.cc-tech-specs__callout {
  background: #fff;
  border: 1px solid #acacac;
  border-radius: 4px;
  font-size: 16px;
  line-height: 1.75;
  margin: 0 0 60px;
  padding: 30px 5px;
  position: relative;
  text-align: center; }
  @media (min-width: 768px) {
    .cc-tech-specs__callout {
      float: right;
      padding: 20px 5px;
      width: 39%; } }
  @media (min-width: 1024px) {
    .cc-tech-specs__callout {
      margin: -48px 0 0 3.125%;
      padding: 45px 0 45px 68px;
      text-align: left;
      width: 46.875%; } }
  .cc-tech-specs__callout:before {
    background: url(../images/tech-specs/top-pointer.png) no-repeat;
    content: '';
    display: block;
    height: 9px;
    left: 50%;
    margin: 0 0 0 -12px;
    position: absolute;
    top: -8px;
    width: 24px; }
    @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
      .cc-tech-specs__callout:before {
        background-image: url(../images/tech-specs/top-pointer-2x.jpg);
        background-size: 24px auto; } }
  .cc-tech-specs__callout h2 {
    color: #292f33;
    font-size: 24px;
    font-weight: 100;
    line-height: 1;
    margin: 0 0 20px; }
    @media (min-width: 768px) {
      .cc-tech-specs__callout h2 {
        margin-bottom: 10px; } }
    @media (min-width: 1024px) {
      .cc-tech-specs__callout h2 {
        font-size: 32px;
        line-height: 1;
        margin-bottom: 20px; } }
    .cc-tech-specs__callout h2 .cc-icon-box {
      display: inline-block;
      margin-right: 4px;
      vertical-align: top; }
      @media (max-width: 1023px) {
        .cc-tech-specs__callout h2 .cc-icon-box {
          background-size: 28px auto;
          width: 28px; } }
      @media (min-width: 1024px) {
        .cc-tech-specs__callout h2 .cc-icon-box {
          margin-right: 10px;
          vertical-align: -3px; } }
  @media (min-width: 1024px) {
    .cc-tech-specs__callout ul {
      -webkit-columns: 2;
         -moz-columns: 2;
              columns: 2;
      -webkit-column-gap: 20px;
         -moz-column-gap: 20px;
              column-gap: 20px;
      padding-right: 68px; } }

/* Features
   ========================================================================== */
.cc-tech-specs__features {
  clear: both; }
  .cc-tech-specs__features:before, .cc-tech-specs__features:after {
    content: ' ';
    display: table; }
  .cc-tech-specs__features:after {
    clear: both; }
  @media (min-width: 1024px) {
    .cc-tech-specs__features {
      margin-left: -30px;
      margin-right: -30px;
      margin-bottom: 60px; } }

.cc-tech-specs__features__item--charging, .cc-tech-specs__features__item--power, .cc-tech-specs__features__item--notifications, .cc-tech-specs__features__item--battery {
  font-size: 16px;
  line-height: 1.75;
  margin: 0 0 55px;
  text-align: center; }
  @media (min-width: 768px) {
    .cc-tech-specs__features__item--charging, .cc-tech-specs__features__item--power, .cc-tech-specs__features__item--notifications, .cc-tech-specs__features__item--battery {
      float: left;
      padding: 0 30px;
      width: 50%; }
      .cc-tech-specs__features__item--charging:nth-of-type(odd), .cc-tech-specs__features__item--power:nth-of-type(odd), .cc-tech-specs__features__item--notifications:nth-of-type(odd), .cc-tech-specs__features__item--battery:nth-of-type(odd) {
        clear: left; } }
  @media (min-width: 1024px) {
    .cc-tech-specs__features__item--charging, .cc-tech-specs__features__item--power, .cc-tech-specs__features__item--notifications, .cc-tech-specs__features__item--battery {
      font-size: 18px;
      line-height: 1.778; } }
  .cc-tech-specs__features__item--charging > span, .cc-tech-specs__features__item--power > span, .cc-tech-specs__features__item--notifications > span, .cc-tech-specs__features__item--battery > span {
    display: block;
    margin: 0 auto 20px; }
  .cc-tech-specs__features__item--charging h3, .cc-tech-specs__features__item--power h3, .cc-tech-specs__features__item--notifications h3, .cc-tech-specs__features__item--battery h3 {
    color: #292f33;
    font-size: 24px;
    font-weight: inherit;
    line-height: 1;
    margin: 0 0 15px; }
  .cc-tech-specs__features__item--charging p, .cc-tech-specs__features__item--power p, .cc-tech-specs__features__item--notifications p, .cc-tech-specs__features__item--battery p {
    font-size: 100%;
    line-height: inherit;
    margin: 0; }

/* Section
   ========================================================================== */
.cc-tech-specs__section--1, .cc-tech-specs__section--2, .cc-tech-specs__section--3, .cc-tech-specs__section--4, .cc-tech-specs__section--5 {
  font-size: 16px;
  line-height: 1.75; }
  .cc-tech-specs__section--1:before, .cc-tech-specs__section--2:before, .cc-tech-specs__section--3:before, .cc-tech-specs__section--4:before, .cc-tech-specs__section--5:before, .cc-tech-specs__section--1:after, .cc-tech-specs__section--2:after, .cc-tech-specs__section--3:after, .cc-tech-specs__section--4:after, .cc-tech-specs__section--5:after {
    content: ' ';
    display: table; }
  .cc-tech-specs__section--1:after, .cc-tech-specs__section--2:after, .cc-tech-specs__section--3:after, .cc-tech-specs__section--4:after, .cc-tech-specs__section--5:after {
    clear: both; }
  @media (min-width: 1024px) {
    .cc-tech-specs__section--1, .cc-tech-specs__section--2, .cc-tech-specs__section--3, .cc-tech-specs__section--4, .cc-tech-specs__section--5 {
      font-size: 18px;
      line-height: 1.778; } }
  .cc-tech-specs__section--1 p, .cc-tech-specs__section--2 p, .cc-tech-specs__section--3 p, .cc-tech-specs__section--4 p, .cc-tech-specs__section--5 p {
    margin: 0 0 1.75em; }
  .cc-tech-specs__section--1 strong, .cc-tech-specs__section--2 strong, .cc-tech-specs__section--3 strong, .cc-tech-specs__section--4 strong, .cc-tech-specs__section--5 strong {
    font-weight: 500; }

.cc-tech-specs__section--2, .cc-tech-specs__section--3, .cc-tech-specs__section--4, .cc-tech-specs__section--5 {
  border-top: 1px solid #dfdfdf;
  margin-top: 55px;
  padding-top: 55px; }

@media (min-width: 768px) {
  .cc-tech-specs__section--1 .cc-tech-specs__section__content, .cc-tech-specs__section--2 .cc-tech-specs__section__content {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
    /** @{@link https://css-tricks.com/almanac/properties/b/break-inside/} */ }
    .cc-tech-specs__section--1 .cc-tech-specs__section__content li, .cc-tech-specs__section--2 .cc-tech-specs__section__content li {
      line-height: 1.25;
      margin: .75em 0;
      -webkit-column-break-inside: avoid;
      page-break-inside: avoid;
      break-inside: avoid; }
    .cc-tech-specs__section--1 .cc-tech-specs__section__content li:first-child, .cc-tech-specs__section--2 .cc-tech-specs__section__content li:first-child {
      margin-top: 0; } }
@media (min-width: 1024px) {
  .cc-tech-specs__section--1 .cc-tech-specs__section__content, .cc-tech-specs__section--2 .cc-tech-specs__section__content {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1; } }

@media (min-width: 1024px) {
  .cc-tech-specs__section--1 .cc-tech-specs__section__content {
    -webkit-columns: none;
       -moz-columns: none;
            columns: none; }
    .cc-tech-specs__section--1 .cc-tech-specs__section__content:before, .cc-tech-specs__section--1 .cc-tech-specs__section__content:after {
      content: ' ';
      display: table; }
    .cc-tech-specs__section--1 .cc-tech-specs__section__content:after {
      clear: both; }
    .cc-tech-specs__section--1 .cc-tech-specs__section__content li:first-child {
      margin-top: .75em; }
  .cc-tech-specs__section--1 ul:nth-of-type(odd) {
    clear: left;
    float: left;
    max-width: 55%; }
  .cc-tech-specs__section--1 ul:nth-of-type(even) {
    float: right;
    max-width: 40%; } }

.cc-tech-specs__section--3 ul {
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  font-weight: 500; }
  .cc-tech-specs__section--3 ul li {
    float: left;
    width: 50%; }
    @media (max-width: 768px) {
      .cc-tech-specs__section--3 ul li {
        width: 33%; } }
    @media (max-width: 414px) {
      .cc-tech-specs__section--3 ul li {
        width: 100%; } }

@media (min-width: 768px) {
  .cc-tech-specs__section--5 {
    line-height: 1.25; }
    .cc-tech-specs__section--5 .cc-tech-specs__section__heading {
      font-size: 26px;
      line-height: 1.23; }
    .cc-tech-specs__section--5 p {
      margin: 0 0 .75em; } }

.cc-tech-specs__section__heading {
  color: #292f33;
  font-size: 32px;
  font-weight: inherit;
  line-height: 1;
  margin: 0 0 15px; }
  @media (min-width: 768px) {
    .cc-tech-specs__section__heading {
      float: left;
      line-height: 1.3125;
      padding-right: 30px;
      width: 29%; } }
  @media (min-width: 1024px) {
    .cc-tech-specs__section__heading {
      width: 33.33%; } }

.cc-tech-specs__section__content > *:last-child {
  margin-bottom: 0; }
@media (min-width: 768px) {
  .cc-tech-specs__section__content {
    float: left;
    width: 71%; } }
@media (min-width: 1024px) {
  .cc-tech-specs__section__content {
    width: 66.67%; } }

/* ==========================================================================
   ClamCase FAQ layout
   ========================================================================== */
/* vars for responsive */
.cc_faq {
  margin: 0 auto 20px;
  padding: 30px 0 100px;
  text-align: left;
  position: relative;
  font-family: "proxima-nova",sans-serif;
  font-size: 16px;
  line-height: 1.4;
  width: 914px; }
  @media (max-width: 1024px) {
    .cc_faq {
      margin-bottom: 0;
      width: 100%; } }
  .cc_faq a {
    color: #3C7CF0;
    text-decoration: none; }
  .cc_faq .cc_faq_title {
    background: url("../clamcasehelpdesk/images/article_menu_shadow.png") no-repeat scroll center bottom transparent;
    background-size: 100% auto;
    border-bottom: medium none;
    box-sizing: unset;
    font-weight: 500;
    margin-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    width: 100%;
    position: relative; }
    @media (max-width: 414px) {
      .cc_faq .cc_faq_title {
        padding-bottom: 15px; } }
    .cc_faq .cc_faq_title h1 {
      color: #414141;
      font-size: 24px;
      font-weight: 600;
      margin: 0.83em 0 0;
      text-align: center;
      padding: 0 12px; }
      @media (max-width: 414px) {
        .cc_faq .cc_faq_title h1 {
          font-size: 20px; } }
    .cc_faq .cc_faq_title a {
      position: absolute;
      left: 0;
      top: 6px;
      line-height: 25px; }
      @media (max-width: 640px) {
        .cc_faq .cc_faq_title a {
          top: -40px; } }
      .cc_faq .cc_faq_title a img {
        width: 25px;
        margin-right: 4px; }
  .cc_faq .cc_faq_content .cc_faq_nav_placeholder {
    overflow: hidden; }
  .cc_faq .cc_faq_content .cc_faq_nav_block {
    text-align: center; }
    @media (max-width: 1024px) {
      .cc_faq .cc_faq_content .cc_faq_nav_block {
        overflow-x: auto; } }
    .cc_faq .cc_faq_content .cc_faq_nav_block ul.cc_faq_nav {
      background-color: #ffffff;
      border-bottom: 1px solid #e9e9e9;
      display: inline-block; }
      @media (max-width: 1024px) {
        .cc_faq .cc_faq_content .cc_faq_nav_block ul.cc_faq_nav {
          width: 920px; } }
      .cc_faq .cc_faq_content .cc_faq_nav_block ul.cc_faq_nav li {
        float: left;
        margin: 12px; }
        @media (max-width: 414px) {
          .cc_faq .cc_faq_content .cc_faq_nav_block ul.cc_faq_nav li:first-child {
            margin-left: 15px; } }
        .cc_faq .cc_faq_content .cc_faq_nav_block ul.cc_faq_nav li a {
          -webkit-transition: color 0.25s ease-out 0s;
                  transition: color 0.25s ease-out 0s; }
          .cc_faq .cc_faq_content .cc_faq_nav_block ul.cc_faq_nav li a:active, .cc_faq .cc_faq_content .cc_faq_nav_block ul.cc_faq_nav li a:hover, .cc_faq .cc_faq_content .cc_faq_nav_block ul.cc_faq_nav li a.active {
            color: #414141; }
    .cc_faq .cc_faq_content .cc_faq_nav_block.pos_fixed {
      position: fixed;
      top: 0;
      width: 914px;
      z-index: 10; }
      @media (max-width: 1024px) {
        .cc_faq .cc_faq_content .cc_faq_nav_block.pos_fixed {
          left: 0;
          width: 100%; } }
  .cc_faq .cc_faq_content > div.clearfix {
    border-bottom: 1px solid #e9e9e9;
    margin: 0 auto;
    padding: 20px 0 0;
    max-width: 644px; }
    .cc_faq .cc_faq_content > div.clearfix:last-child {
      border-bottom: none; }
    .cc_faq .cc_faq_content > div.clearfix h2 {
      color: #414141;
      font-size: 28px;
      font-weight: 600;
      margin: 30px 0 60px; }
      @media (max-width: 414px) {
        .cc_faq .cc_faq_content > div.clearfix h2 {
          font-size: 20px;
          margin: 15px 0 30px; } }
    .cc_faq .cc_faq_content > div.clearfix h3 {
      font-size: 18px;
      font-weight: 600;
      margin: 40px 0 5px; }
      @media (max-width: 414px) {
        .cc_faq .cc_faq_content > div.clearfix h3 {
          font-size: 16px;
          margin: 20px 0 5px; } }
    .cc_faq .cc_faq_content > div.clearfix ul li {
      list-style: inside;
      margin-bottom: 5px; }
    .cc_faq .cc_faq_content > div.clearfix p {
      word-wrap: break-word; }

/* ==========================================================================
   ClamCase Press layout
   ========================================================================== */
.cc_press {
  color: #787d81;
  font-size: 12pt;
  margin: 20px auto 50px;
  min-height: 500px;
  width: 720px;
  text-align: center; }
  @media (max-width: 768px) {
    .cc_press {
      width: 100%; } }
  .cc_press h1 {
    color: #444444;
    font-size: 45px;
    font-family: "museo-sans";
    font-weight: 100; }
    @media (max-width: 768px) {
      .cc_press h1 {
        font-size: 30px; } }
  .cc_press .heading h2 {
    font-size: 25px;
    font-family: "museo-sans";
    font-weight: 300;
    display: inline-block; }
    @media (max-width: 768px) {
      .cc_press .heading h2 {
        font-size: 20px; } }
  .cc_press .heading img {
    margin-top: 9px;
    margin-right: 5px; }
    @media (max-width: 768px) {
      .cc_press .heading img {
        margin-top: 5px; } }
  .cc_press .iframe {
    margin: 45px auto;
    width: 600px; }
    @media (max-width: 660px) {
      .cc_press .iframe {
        width: 100%; } }
    .cc_press .iframe iframe {
      width: 600px;
      height: 450px; }
      @media (max-width: 660px) {
        .cc_press .iframe iframe {
          width: 100%;
          height: 330px; } }
      @media (max-width: 320px) {
        .cc_press .iframe iframe {
          height: 400px; } }
  .cc_press .bottom_content {
    color: #666666;
    font-size: 10pt;
    margin: 0 auto;
    width: 450px; }
    @media (max-width: 510px) {
      .cc_press .bottom_content {
        width: auto; } }

/* ==========================================================================
   ClamCase Helpdesk/Support layout
   ========================================================================== */
.cc_support {
  border-radius: 0 0 6px 6px;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15);
  display: inline-block;
  margin: 0 auto 20px;
  min-height: 350px;
  font-family: "proxima-nova";
  width: 100%;
  color: #989da1; }
  @media (max-width: 1024px) {
    .cc_support {
      margin-bottom: 0; } }
  .cc_support a {
    text-decoration: none; }
  .cc_support .cc_support_intro {
    margin-top: 32px;
    text-align: center;
    padding: 0 30px; }
    @media (max-width: 414px) {
      .cc_support .cc_support_intro {
        padding: 0 20px; } }
    .cc_support .cc_support_intro h1 {
      font-size: 34px;
      font-weight: 500;
      margin-bottom: 55px; }
      @media (max-width: 414px) {
        .cc_support .cc_support_intro h1 {
          font-size: 19px;
          margin-bottom: 45px; } }
    .cc_support .cc_support_intro .cc_support_contact {
      color: #919ba1;
      font-size: 24px;
      margin: 25px auto; }
      @media (max-width: 414px) {
        .cc_support .cc_support_intro .cc_support_contact {
          font-size: 16px;
          margin-bottom: 60px;
          width: 200px; } }
      .cc_support .cc_support_intro .cc_support_contact p {
        margin: 0; }
      .cc_support .cc_support_intro .cc_support_contact span, .cc_support .cc_support_intro .cc_support_contact a {
        color: #2d7fe9;
        display: inline-block; }
        @media (max-width: 414px) {
          .cc_support .cc_support_intro .cc_support_contact span, .cc_support .cc_support_intro .cc_support_contact a {
            margin-top: 15px; } }

/* ==========================================================================
   ClamCase Helpdesk/Support Search layout
   ========================================================================== */
/* Width variable */
.cc_support_search_container {
  margin: 55px 0; }
  .cc_support_search_container .cc_support_search_wrapper {
    float: left;
    position: relative; }
    @media (max-width: 600px) {
      .cc_support_search_container .cc_support_search_wrapper {
        width: 100%; } }
    .cc_support_search_container .cc_support_search_wrapper .cc_support_loader {
      position: absolute;
      top: 12px;
      right: 12px;
      width: 32px;
      display: none; }
      @media (max-width: 414px) {
        .cc_support_search_container .cc_support_search_wrapper .cc_support_loader {
          width: 20px;
          right: 80px; } }
  .cc_support_search_container form {
    display: inline-block;
    margin: 0 auto; }
    @media (max-width: 600px) {
      .cc_support_search_container form {
        position: relative;
        width: 85%; } }
  .cc_support_search_container input[type="search"] {
    background: url(../clamcasehelpdesk/images/search.png) no-repeat 8px 18px #fff;
    background-size: 17px;
    border: 1px solid #DBDBDB;
    border-radius: 4px 0px 0px 4px;
    border-right: 0px;
    color: #414141;
    font-family: "proxima-nova";
    font-size: 16px;
    float: left;
    line-height: 53px;
    padding: 0 20px 0 30px;
    width: 445px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    @media (max-width: 600px) {
      .cc_support_search_container input[type="search"] {
        width: 80%; } }
    @media (max-width: 414px) {
      .cc_support_search_container input[type="search"] {
        background-position: 8px 12px;
        line-height: 40px;
        font-size: 13px; } }
  .cc_support_search_container input[type="search"]:focus {
    outline: 0; }
  .cc_support_search_container input[type="submit"] {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-clip: padding-box;
    background-color: #919ba1;
    float: left;
    border: none;
    padding: 20px;
    -webkit-transition: background-color 0.2s ease-out 0s;
            transition: background-color 0.2s ease-out 0s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    @media (max-width: 600px) {
      .cc_support_search_container input[type="submit"] {
        position: absolute;
        top: 0;
        right: 0; } }
    @media (max-width: 414px) {
      .cc_support_search_container input[type="submit"] {
        padding: 1px 12px;
        line-height: 40px;
        font-size: 11px;
        font-weight: 500; } }
  .cc_support_search_container input[type="submit"]:hover {
    background-color: #4b5357; }
  .cc_support_search_container input[type="submit"]:active {
    background-color: #1d2325; }
  .cc_support_search_container .validation-failed {
    background: #fff7f5 url("../clamcasehelpdesk/images/search.png") no-repeat scroll 8px 18px/17px auto !important;
    border-right: 0px !important; }
    @media (max-width: 414px) {
      .cc_support_search_container .validation-failed {
        background-position: 8px 12px !important; } }
  .cc_support_search_container .validation-advice {
    display: none; }

.cc_support_search_accordions {
  display: block;
  padding: 0 30px;
  font-size: 16px;
  font-family: "proxima-nova";
  margin-bottom: 100px; }
  @media (max-width: 414px) {
    .cc_support_search_accordions {
      padding: 0 20px; } }
  .cc_support_search_accordions h2 {
    color: #3480ed;
    font-size: 24px;
    font-weight: normal;
    line-height: 26px;
    display: inline-block; }
    @media (max-width: 414px) {
      .cc_support_search_accordions h2 {
        font-size: 18px; } }
  .cc_support_search_accordions h3 {
    color: #4e4e4e;
    font-size: 16px; }
    @media (max-width: 414px) {
      .cc_support_search_accordions h3 {
        font-size: 14px;
        font-weight: 600; } }
  .cc_support_search_accordions .cc_support_search_accordions_list {
    margin: 0 auto;
    width: 545px; }
    @media (max-width: 414px) {
      .cc_support_search_accordions .cc_support_search_accordions_list {
        width: auto; } }
    .cc_support_search_accordions .cc_support_search_accordions_list ul li {
      margin-bottom: 50px;
      position: relative; }
      @media (max-width: 414px) {
        .cc_support_search_accordions .cc_support_search_accordions_list ul li {
          margin-left: 60px; } }
      .cc_support_search_accordions .cc_support_search_accordions_list ul li > img {
        left: -80px;
        position: absolute;
        top: 15px;
        width: 56px; }
        @media (max-width: 414px) {
          .cc_support_search_accordions .cc_support_search_accordions_list ul li > img {
            left: -60px;
            top: 20px;
            width: 40px; } }
      .cc_support_search_accordions .cc_support_search_accordions_list ul li span {
        color: #CFD3D6;
        word-wrap: break-word;
        display: block; }
    .cc_support_search_accordions .cc_support_search_accordions_list.cc_support_search_no_result ul li {
      margin: 10px 0; }

/* ==========================================================================
   ClamCase Helpdesk/Support Trendy layout
   ========================================================================== */
.cc_support_top_articles {
  background: #267ced none repeat scroll 0 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  color: #fff;
  margin: 20px 0 0;
  padding: 30px 85px 60px;
  position: relative;
  text-align: center; }
  .cc_support_top_articles p {
    font-size: 36px;
    margin: 0 0 30px; }
    @media (max-width: 414px) {
      .cc_support_top_articles p {
        font-size: 21px;
        margin: 0 0 50px; } }
  .cc_support_top_articles ul li {
    display: inline-block;
    margin: 0 50px;
    text-align: center;
    vertical-align: top;
    width: 181px; }
    .cc_support_top_articles ul li a {
      color: #fff;
      display: block; }
      .cc_support_top_articles ul li a.img {
        background-position: center center;
        border: 2px solid #ffffff;
        border-radius: 50%;
        height: 161px;
        margin: 0 8px;
        overflow: hidden;
        width: 161px; }
        @media (max-width: 767px) {
          .cc_support_top_articles ul li a.img {
            border: 4px solid #ffffff;
            margin: 0 auto; } }
      .cc_support_top_articles ul li a.name {
        font-size: 35px;
        padding: 20px 0 0; }
        @media (max-width: 414px) {
          .cc_support_top_articles ul li a.name {
            font-size: 18px;
            font-weight: 300; } }
    @media (max-width: 1024px) {
      .cc_support_top_articles ul li {
        margin: 0 3%; } }
    @media (max-width: 767px) {
      .cc_support_top_articles ul li {
        margin: 0 auto 50px;
        display: block;
        width: auto; } }
  @media (max-width: 1024px) {
    .cc_support_top_articles {
      padding: 10% 5%;
      border-radius: 0; } }
  .cc_support_top_articles .bx-wrapper .bx-pager {
    bottom: -61px; }
    .cc_support_top_articles .bx-wrapper .bx-pager.bx-default-pager a {
      height: 12px;
      width: 12px;
      border-radius: 50%;
      background: none;
      border: 1px solid #fff;
      margin: 0px 7px; }
      .cc_support_top_articles .bx-wrapper .bx-pager.bx-default-pager a:hover, .cc_support_top_articles .bx-wrapper .bx-pager.bx-default-pager a.active {
        background-color: #fff; }

/* ==========================================================================
   ClamCase Helpdesk/Support Ticket layout
   ========================================================================== */
/* Width variable */
.cc_support_request {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  display: none;
  font-family: 'proxima-nova';
  width: 460px; }
  @media (max-width: 460px) {
    .cc_support_request {
      width: 90%; } }
  .cc_support_request h3 {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom: 1px solid #e3e3e3;
    background-image: -webkit-linear-gradient(bottom, #f1f1f1 -25%, #fff 125%);
    background-image: linear-gradient(to top, #f1f1f1 -25%, #fff 125%);
    background-color: #fbfbfb;
    margin: 0;
    padding: 10px 0 10px 20px;
    line-height: 1.4; }
  .cc_support_request .b-close {
    position: absolute;
    top: 14px;
    right: 14px;
    cursor: pointer; }
  .cc_support_request form {
    padding: 0 30px 30px;
    position: relative; }
    @media (max-width: 460px) {
      .cc_support_request form {
        padding: 0 15px 20px; } }
    .cc_support_request form label {
      color: #676767;
      font-size: 16px;
      font-weight: 600;
      margin-top: 15px;
      display: block;
      margin-bottom: 4px;
      width: auto; }
    .cc_support_request form input[type="email"], .cc_support_request form input[type="text"], .cc_support_request form textarea {
      background: #fff;
      background-clip: border-box;
      border: 1px solid #dbdbdb;
      border-radius: 4px;
      box-shadow: 0 1px 1px #e8e8e8;
      font-size: 18px;
      line-height: 28px;
      padding: 10px 4%;
      width: 92%;
      -webkit-appearance: none; }
    .cc_support_request form input[type="submit"] {
      display: block;
      color: #fff;
      font-size: 16px;
      font-family: "proxima-nova",sans-serif;
      text-transform: uppercase;
      border-radius: 3px;
      border: none;
      background-clip: padding-box;
      background-color: #2d7fe9;
      padding: 13px 20px;
      width: auto;
      letter-spacing: 1px;
      float: none;
      line-height: 20px;
      margin: 0 auto;
      -webkit-appearance: none;
      -webkit-transition: background-color 0.2s ease-out 0s;
              transition: background-color 0.2s ease-out 0s; }
    .cc_support_request form input[type="submit"]:hover {
      background-color: #000; }
    .cc_support_request form input[type="submit"]:active {
      background-color: #2f3133;
      box-shadow: inset 0 2px 0 #080809; }
  .cc_support_request .select, .cc_support_request .styledSelect {
    border-radius: 4px;
    font-weight: normal; }
  .cc_support_request .select {
    width: 100%;
    background-clip: padding-box;
    background-color: #fff;
    box-shadow: 0 1px 1px #e8e8e8;
    height: 33px;
    font-size: 18px; }
  .cc_support_request .styledSelect {
    padding: 10px 15px; }
  .cc_support_request .styledSelect::after {
    top: 22px; }
  .cc_support_request .styledSelect::before {
    position: absolute;
    top: 0;
    right: 40px;
    content: "";
    border-left: 1px solid #dbdbdb;
    padding: 31px 0 20px; }
  .cc_support_request .cc_support_submit_wrapper {
    text-align: center;
    margin: 20px 0; }
  .cc_support_request .cc_support_privacy {
    color: #b4b6b8;
    text-decoration: none;
    text-align: right;
    font-size: 12px;
    position: absolute;
    right: 20px;
    bottom: 13px; }

/* ==========================================================================
   ClamCase Helpdesk/Support layout
   ========================================================================== */
/* device width variables */
.cc_support_article {
  color: #787d81;
  font-size: 16px;
  font-weight: 300;
  font-family: "museo-sans",sans-serif;
  padding: 30px 30px 80px; }
  @media (max-width: 1024px) {
    .cc_support_article {
      margin-bottom: 0; } }
  @media (max-width: 414px) {
    .cc_support_article {
      padding: 0 0 80px; } }
  .cc_support_article a {
    color: #787d81;
    font-family: "museo-sans",sans-serif; }
  .cc_support_article h1, .cc_support_article h2 {
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 20px;
    color: #292f33; }
  .cc_support_article p {
    color: #787d81;
    margin: 0; }
  .cc_support_article h1#device_title {
    text-align: center;
    margin-top: 50px; }
    @media (max-width: 414px) {
      .cc_support_article h1#device_title {
        margin: 15px 0 50px;
        font-size: 32px;
        font-weight: 100; } }
    @media (max-width: 414px) {
      .cc_support_article h1#device_title span {
        display: block;
        font-size: 20px;
        color: #787d81; } }
    .cc_support_article h1#device_title b {
      font-weight: 300; }
  .cc_support_article .cc_support_article_backButton {
    padding: 30px 0;
    text-align: center; }
    @media (max-width: 414px) {
      .cc_support_article .cc_support_article_backButton {
        /*display: visible;*/
        border-bottom: thin solid #d8dadc;
        padding: 10px 0px !important; } }
    .cc_support_article .cc_support_article_backButton a {
      color: #3a7af2;
      margin: 0 auto;
      width: 160px;
      line-height: 25px; }
      .cc_support_article .cc_support_article_backButton a img {
        margin-right: 8px;
        width: 25px; }
    .cc_support_article .cc_support_article_backButton.v2 {
      background: url('../clamcasehelpdesk/images/article_menu_shadow.png') center bottom no-repeat;
      background-size: 100% auto;
      padding-bottom: 40px;
      margin-bottom: 0; }
      @media (max-width: 414px) {
        .cc_support_article .cc_support_article_backButton.v2 {
          background: none; } }
  .cc_support_article .cc_support_article_devices {
    margin: 0 auto;
    text-align: center;
    width: 92%; }
    @media (max-width: 1024px) {
      .cc_support_article .cc_support_article_devices {
        width: auto; } }
    @media (max-width: 768px) {
      .cc_support_article .cc_support_article_devices {
        height: 60px;
        overflow-x: auto; } }
    @media (max-width: 414px) {
      .cc_support_article .cc_support_article_devices {
        font-size: 14px; } }
    .cc_support_article .cc_support_article_devices .cc_support_article_devices_width {
      min-width: 880px;
      border-bottom: 1px solid #e4e4e4; }
      @media (max-width: 414px) {
        .cc_support_article .cc_support_article_devices .cc_support_article_devices_width {
          min-width: 780px;
          margin-top: 6px; } }
      .cc_support_article .cc_support_article_devices .cc_support_article_devices_width a {
        /*color: #3c7cf0;*/
        display: inline-block;
        padding: 10px 15px;
        position: relative; }
        .cc_support_article .cc_support_article_devices .cc_support_article_devices_width a.active_device {
          color: #444;
          font-weight: 700; }
          .cc_support_article .cc_support_article_devices .cc_support_article_devices_width a.active_device::after, .cc_support_article .cc_support_article_devices .cc_support_article_devices_width a.active_device::before {
            border-style: solid;
            border-width: 5px 7px 0;
            content: "";
            display: block;
            left: 50%;
            margin: 0;
            position: absolute; }
          .cc_support_article .cc_support_article_devices .cc_support_article_devices_width a.active_device::after {
            border-color: #fdfdfd transparent transparent;
            bottom: -5px; }
          .cc_support_article .cc_support_article_devices .cc_support_article_devices_width a.active_device::before {
            border-color: #e4e4e4 transparent transparent;
            bottom: -6px; }
  @media (max-width: 414px) {
    .cc_support_article .cc_support_article_block {
      padding: 20px 30px 30px;
      min-width: 271px !important; } }
  @media (max-width: 374px) {
    .cc_support_article .cc_support_article_block {
      padding: 20px 15px 0; } }
  .cc_support_article .cc_support_article_block .article_tabs {
    margin-bottom: 80px;
    min-width: 300px;
    text-align: center; }
    .cc_support_article .cc_support_article_block .article_tabs a {
      border: 1px solid #e4e4e4;
      color: #7c858c;
      display: inline-block;
      padding: 6px 15px;
      position: relative;
      text-transform: uppercase;
      -webkit-transition: background-color 0.2s ease-out 0s, border-color 0.2s ease-out 0s;
              transition: background-color 0.2s ease-out 0s, border-color 0.2s ease-out 0s;
      width: 200px; }
      @media (max-width: 414px) {
        .cc_support_article .cc_support_article_block .article_tabs a {
          width: 48%;
          padding: 12px 15px;
          font-size: 16px;
          font-weight: 300; } }
      .cc_support_article .cc_support_article_block .article_tabs a:first-child {
        border-radius: 2px 0 0 2px; }
        @media (max-width: 414px) {
          .cc_support_article .cc_support_article_block .article_tabs a:first-child {
            border-radius: 5px 0 0 5px; } }
      .cc_support_article .cc_support_article_block .article_tabs a:last-child {
        border-radius: 0 2px 2px 0;
        margin-left: -5px; }
        @media (max-width: 414px) {
          .cc_support_article .cc_support_article_block .article_tabs a:last-child {
            border-radius: 0 5px 5px 0; } }
      .cc_support_article .cc_support_article_block .article_tabs a.active, .cc_support_article .cc_support_article_block .article_tabs a:hover {
        background-color: #7C858C;
        border: 1px solid #7C858C;
        color: #ffffff; }
    @media (max-width: 414px) {
      .cc_support_article .cc_support_article_block .article_tabs.v1, .cc_support_article .cc_support_article_block .article_tabs.keyboard {
        margin-top: 50px; } }
    @media (max-width: 414px) {
      .cc_support_article .cc_support_article_block .article_tabs.v1 a, .cc_support_article .cc_support_article_block .article_tabs.keyboard a {
        font-size: 13px;
        padding: 12px 0; } }
  .cc_support_article article {
    background-clip: padding-box;
    background-color: #ffffff;
    margin: 0 auto;
    padding: 0 50px;
    width: 86%; }
    @media (max-width: 1024px) {
      .cc_support_article article {
        width: auto;
        padding: 0; } }
    .cc_support_article article .tab_block {
      display: none; }
    .cc_support_article article.v2 {
      padding: 0; }
  .cc_support_article .article_block {
    float: left;
    position: relative; }
    .cc_support_article .article_block > picture img {
      float: right;
      margin-left: 20px; }
      @media (max-width: 414px) {
        .cc_support_article .article_block > picture img {
          margin: 0 -50px 6px 6px; } }
      @media (max-width: 374px) {
        .cc_support_article .article_block > picture img {
          margin-right: -35px; } }
      .cc_support_article .article_block > picture img:first-child {
        margin-top: 30px; }
    .cc_support_article .article_block .flashes li {
      display: inline-block;
      font-size: 13px;
      font-weight: 100;
      margin-left: 12px;
      margin-bottom: 20px; }
      .cc_support_article .article_block .flashes li span {
        display: block; }
        .cc_support_article .article_block .flashes li span.lights {
          background: url('../clamcasehelpdesk/images/circle.png') left center repeat;
          background-size: 8px auto;
          display: inline-block;
          height: 6px;
          margin-bottom: 10px; }
      .cc_support_article .article_block .flashes li label {
        display: block;
        margin-bottom: 4px; }
      .cc_support_article .article_block .flashes li:first-child {
        width: 90px;
        padding-right: 20px;
        border-right: 1px solid #e4e4e4;
        font-weight: 600;
        color: #292f33;
        margin-right: 3px;
        margin-left: 0; }
      .cc_support_article .article_block .flashes li:nth-child(2) span.lights {
        width: 32px; }
      .cc_support_article .article_block .flashes li:nth-child(3) span.lights {
        width: 24px; }
      .cc_support_article .article_block .flashes li:nth-child(4) span.lights {
        width: 16px; }
      .cc_support_article .article_block .flashes li:nth-child(5) span.lights {
        width: 8px; }
    .cc_support_article .article_block .notice {
      background: url("../clamcasehelpdesk/images/notice.png") no-repeat 0 15%;
      color: #80878a;
      margin-left: -40px;
      margin-top: 65px;
      padding-left: 40px;
      width: 65%; }
      @media (max-width: 1024px) {
        .cc_support_article .article_block .notice {
          margin-left: 0;
          width: 60%; } }
      @media (max-width: 414px) {
        .cc_support_article .article_block .notice {
          width: auto; } }
      .cc_support_article .article_block .notice p {
        margin: 5px 0 0; }
    .cc_support_article .article_block.pair_block {
      display: block;
      margin: 0 auto;
      text-align: center;
      float: none;
      width: 520px; }
      @media (max-width: 414px) {
        .cc_support_article .article_block.pair_block {
          width: auto; } }
      .cc_support_article .article_block.pair_block .article_content {
        float: none;
        margin-top: 0;
        width: auto; }
        .cc_support_article .article_block.pair_block .article_content ul.pairingSteps {
          margin: 0;
          padding: 30px 0 0; }
          .cc_support_article .article_block.pair_block .article_content ul.pairingSteps li {
            margin-bottom: 20px; }
            @media (max-width: 414px) {
              .cc_support_article .article_block.pair_block .article_content ul.pairingSteps li img {
                width: 100%; } }
    .cc_support_article .article_block.kk_block {
      float: none;
      text-align: center; }
      .cc_support_article .article_block.kk_block > picture img {
        margin-left: 0;
        float: none;
        width: 100%; }
        @media (max-width: 768px) {
          .cc_support_article .article_block.kk_block > picture img {
            margin: 0px; } }
    .cc_support_article .article_block .noticeV2 {
      background: url("../clamcasehelpdesk/images/notice_blue.png") #f7f7f7 no-repeat scroll 30px 46%;
      background-size: 40px auto;
      border-radius: 3px;
      margin-top: 80px;
      padding: 20px 30px 20px 85px;
      width: auto;
      float: left; }
      @media (max-width: 374px) {
        .cc_support_article .article_block .noticeV2 {
          background-position: 15px 46%;
          padding-left: 70px;
          padding-right: 15px; } }
      .cc_support_article .article_block .noticeV2 .notice_title {
        color: #3c7cf0;
        font-size: 18px;
        font-weight: 600; }
      .cc_support_article .article_block .noticeV2.pairingManual {
        margin-top: 20px;
        text-align: left; }
        .cc_support_article .article_block .noticeV2.pairingManual img {
          float: right;
          margin: 16px 0 0 20px;
          width: 139px; }
          @media (max-width: 414px) {
            .cc_support_article .article_block .noticeV2.pairingManual img {
              margin-top: 0;
              margin-bottom: 10px; } }
    .cc_support_article .article_block.v2 {
      margin-top: 100px; }
      .cc_support_article .article_block.v2 h2 {
        text-align: right; }
      .cc_support_article .article_block.v2 .article_head, .cc_support_article .article_block.v2 .article_content, .cc_support_article .article_block.v2 .notice {
        text-align: right; }
      .cc_support_article .article_block.v2 .article_head {
        margin-top: 0px; }
  .cc_support_article .battery_block {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 400px;
    float: none; }
    @media (max-width: 414px) {
      .cc_support_article .battery_block {
        width: auto; } }
    .cc_support_article .battery_block > picture img {
      float: none;
      margin-bottom: 20px; }
      @media (max-width: 414px) {
        .cc_support_article .battery_block > picture img {
          width: 94%;
          margin-left: 0;
          margin-right: 0; } }
      @media (max-width: 374px) {
        .cc_support_article .battery_block > picture img {
          width: 100%; } }
    .cc_support_article .battery_block .article_content {
      width: 100%; }
      .cc_support_article .battery_block .article_content p {
        color: #292f33;
        font-size: 32px;
        font-weight: 100; }
      .cc_support_article .battery_block .article_content ul {
        margin: 10px 0 40px 35px;
        text-align: left;
        font-size: 18px; }
        .cc_support_article .battery_block .article_content ul li {
          list-style-type: disc; }
          @media (max-width: 414px) {
            .cc_support_article .battery_block .article_content ul li {
              margin-left: 25px; } }
  .cc_support_article #charging {
    float: left; }
    @media (max-width: 650px) {
      .cc_support_article #charging .article_block img {
        width: 53%; } }
    .cc_support_article #charging .article_block.v2 img {
      float: left;
      margin-right: 20px; }
      @media (max-width: 414px) {
        .cc_support_article #charging .article_block.v2 img {
          margin: 0 10px 12px -60px; } }
      @media (max-width: 374px) {
        .cc_support_article #charging .article_block.v2 img {
          margin-left: -45px; } }
  @media (max-width: 650px) {
    .cc_support_article #ccpro.article_block > picture img, .cc_support_article #ccorg.article_block > picture img {
      width: 53%; } }