/*
 * jQuery FlexSlider v2.4.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
/*!
  Ionicons, v2.0.0
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@charset "UTF-8";
/* Fonts ============ */
/**
       * Remove all paddings around the image on small screen
       */
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
  /* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/ }

.flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus {
  outline: none; }

.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.flex-pauseplay span {
  text-transform: capitalize;
  /* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/ }

.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

.flexslider .slides img {
  width: 100%;
  display: block; }

.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .flexslider .slides {
  display: block; }

* html .flexslider .slides {
  height: 1%; }

.no-js .flexslider .slides > li:first-child {
  display: block;
  /* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/ }

.flexslider {
  margin: 0;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); }

.flexslider .slides {
  zoom: 1; }

.flexslider .slides img {
  height: auto; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.carousel li {
  margin-right: 5px; }

.flex-direction-nav {
  *height: 0; }

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 47px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  padding: 5px 0; }

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default; }

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000; }

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004'; }

.flex-pauseplay a:hover {
  opacity: 1; }

.flex-pauseplay a .flex-play:before {
  content: '\f003'; }

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0; }

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0.7;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
  /* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/ }

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px; }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px; } }

#urgenttonight.white-popup {
  padding: 0; }

#urgenttonight.white-popup *, #urgenttonight.white-popup {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#urgenttonight.white-popup > div {
  padding: 25px; }

#urgenttonight.white-popup > div p {
  font-family: helvetica;
  font-size: 13px;
  line-height: 17px; }

#urgenttonight.white-popup > div p strong {
  font-family: helvetica;
  font-weight: bold; }

#urgenttonight.white-popup > div p a {
  color: #000;
  font-weight: bold; }

#urgenttonight.white-popup .blackbg {
  background: #000;
  padding: 15px 25px; }

#urgenttonight.white-popup .blackbg h2 {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 18px; }

.produrgent h4 {
  font-family: 'Roboto Condensed', sans-serif !important;
  font-weight: 400;
  font-size: 16px !important;
  margin: 0 0 10px !important; }

#urgenttonight .mfp-close {
  color: #fff !important;
  /*/ ====== Variables ====== /*/
  /*/ ====== Mixins ====== /*/
  /*/ ====== Media Queries ====== /*/
  /*
//Ref: http://css-tricks.com/media-queries-sass-3-2-and-codekit/
*/
  /*
//Ref for <=IE8: http://jakearchibald.github.io/sass-ie/
*/
  /*/ ====== Base Layout ====== /*/ }

.gridclear {
  display: none;
  width: 100%;
  float: left;
  height: 1px; }

.black {
  color: #000 !important; }

.defform .checkbox input[type="checkbox"] {
  -webkit-appearance: checkbox !important; }

@media (max-width: 900px) and (min-width: 751px) {
  .bottomcatnav {
    width: 100%;
    float: left;
    position: relative; }

  .bottomcatnav .top {
    width: 123px;
    position: absolute;
    left: 50%;
    margin-left: -61px; } }

@media (max-width: 750px) and (min-width: 0px) {
  /*/ ====== Pages ====== /*/
  /*/ HOME /*/
    .your-cart .yellowbtn {
      font-family: "FuturisBold";
      font-weight: normal;
      padding: 25px 0; } }

.page-home {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1268px;
  margin: auto; }

.page-home .hometile {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-position: center center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  position: relative; }

.page-home .homerow-1, .page-home .homerow-2, .page-home .homerow-3 {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  position: relative; }

.page-home .tile-textwrap {
  position: absolute;
  text-align: center; }

.page-home .tile-title, .page-home .tile-shopnow {
  background-image: url("/images/s-pics/whitebg.png");
  display: block;
  font-family: 'FuturaMediumRegular';
  text-transform: uppercase;
  font-weight: normal;
  color: #000;
  display: inline-block; }

.page-home .tile-title strong, .page-home .tile-shopnow strong {
  font-family: 'FuturisBold';
  font-weight: normal; }

.page-home .tile-title {
  padding: 10px 20px;
  font-size: 40px;
  letter-spacing: 2px;
  margin-bottom: 20px; }

@media (max-width: 750px) and (min-width: 0px) {
  .page-home .tile-title {
    padding: 8px 16px;
    font-size: 30px;
    letter-spacing: 1px; } }

.page-home .tile-title .smalltext {
  font-size: 24px;
  position: relative;
  top: -10px; }

@media (max-width: 750px) and (min-width: 0px) {
  .page-home .tile-title .smalltext {
    font-size: 20px;
    top: -6px; } }

.page-home .tile-shopnow {
  font-family: 'FuturisBold';
  font-weight: normal;
  padding: 8px 12px;
  font-size: 18px; }

@media (max-width: 750px) and (min-width: 0px) {
  .page-home .tile-shopnow {
    padding: 6px 10px;
    font-size: 16px; } }

.homerow-1 {
  position: relative;
  overflow: hidden; }

.homerow-1 .hometile {
  width: 100%;
  height: 750px;
  float: left;
  background-size: auto; }

@media (max-width: 750px) and (min-width: 0px) {
  .homerow-1 .hometile {
    height: 0px;
    background-size: 100% auto;
    padding-bottom: 59.148%; } }

.homerow-1 .tile-textwrap {
  bottom: 100px;
  width: auto;
  right: 70px; }

@media (max-width: 750px) and (min-width: 0px) {
  .homerow-1 .tile-textwrap {
    width: 100%;
    right: auto;
    bottom: 20px; } }

.homerow-2 .hometile {
  width: 49%;
  width: calc(50% - 5px);
  /*@include bp(751,1240){
  	width:50%;
  }*/
  height: 400px; }

@media (max-width: 750px) and (min-width: 0px) {
  .homerow-2 .hometile {
    width: 100%;
    height: 0px;
    padding-bottom: 62.585%;
    background-size: 100% auto; } }

.homerow-2 .hometile:first-child {
  float: left; }

@media (max-width: 750px) and (min-width: 0px) {
  .homerow-2 .hometile:first-child {
    margin-bottom: 10px; } }

.homerow-2 .hometile:last-child {
  float: right; }

.homerow-2 .tile-textwrap {
  bottom: 20px;
  width: 100%; }

.homerow-3 .hometile {
  width: 32%;
  width: calc(33.33% - 7px);
  /*@include bp(751,1240){
  	width:33.33%;
  }*/
  height: 276px; }

@media (max-width: 750px) and (min-width: 0px) {
  .homerow-3 .hometile {
    width: 100%;
    height: 276px;
    height: 0px;
    padding-bottom: 62.585%;
    background-size: 100% auto; } }

.homerow-3 .hometile:first-child {
  float: left; }

@media (max-width: 750px) and (min-width: 0px) {
  .homerow-3 .hometile:first-child {
    margin-bottom: 10px; } }

.homerow-3 .hometile:nth-child(2) {
  float: left;
  margin-left: 2%;
  /*@include bp(751,1240){
    	margin:0px 0px 10px 0px;
    }*/
  margin-left: calc(10px - 0px); }

@media (max-width: 750px) and (min-width: 0px) {
  .homerow-3 .hometile:nth-child(2) {
    margin: 0px 0px 10px 0px; } }

.homerow-3 .hometile:last-child {
  float: right; }

.homerow-3 .tile-textwrap {
  bottom: 20px;
  width: 100%; }

.homerow-3 .tile-title {
  padding: 8px 16px;
  font-size: 30px;
  letter-spacing: 1px; }

.homerow-3 .tile-title .smalltext {
  font-size: 20px;
  top: -6px; }

.homerow-3 .tile-shopnow {
  padding: 6px 10px;
  font-size: 16px; }

.clickawaybanners-wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 228px;
  z-index: 10;
  border-top: 1px #e1e1e1 solid; }

.overlaypic {
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 10;
  width: 350px;
  height: 327px; }

.overlaypic img {
  max-width: 100%;
  max-height: 100%; }

@media (max-width: 750px) and (min-width: 0px) {
  .overlaypic {
    width: 50%;
    height: 50%;
    bottom: 5%;
    left: 5%; } }

.featbanner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left;
  border: 1px #e1e1e1 solid;
  background-color: #f5f5f5;
  color: #787878;
  font-size: 24px;
  font-family: 'pill_gothic_300mgthin';
  text-align: center;
  padding: 12px;
  font-weight: normal; }

.featbanner strong {
  font-weight: normal;
  font-family: 'pill_gothic_300mgmedium'; }

@media (max-width: 420px) and (min-width: 0px) {
  .featbanner {
    padding: 10px;
    font-size: 16px; } }

.clickaway-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f5f5f5;
  border: 1px #e1e1e1 solid;
  border-width: 0px 1px 1px 1px;
  width: 100%;
  float: left;
  padding: 20px 32px 20px 32px;
  text-align: center;
  color: #787878;
  position: relative; }

.clickaway-item .closeme {
  position: absolute;
  top: 10px;
  right: 10px;
  border: 1px #e1e1e1 solid;
  padding: 3px;
  color: #a71e23;
  background-color: #fff;
  font-family: arial;
  font-size: 14px;
  cursor: pointer; }

.clickaway-item p {
  margin: 0px;
  font-size: 13px;
  line-height: 22px; }

.clickaway-item strong {
  font-size: 16px;
  line-height: 18px; }

.clickaway-item a {
  font-size: 12px;
  color: #787878;
  /*/ SPECIALS /*/ }

.page-specials {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-top: 50px;
  float: left;
  border-top: 1px #ccc solid;
  padding-bottom: 50px; }

@media (max-width: 750px) and (min-width: 0px) {
  .page-specials {
    border-top: 0px;
    padding-top: 30px; } }

.page-specials .inner {
  max-width: 1268px;
  margin: auto; }

.page-specials h1 {
  font-weight: normal;
  font-family: 'pill_gothic_300mgmedium';
  font-size: 30px;
  margin-top: 0px;
  margin-bottom: 0px; }

.page-specials p {
  color: #58595b;
  margin: 10px 0px 30px 0px; }

.specialsllist {
  margin-bottom: 30px; }

@media (min-width: 901px) {
  .specialsllist .gridcol {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    min-height: 60px;
    margin-right: 2%;
    width: 23.5%; }

  .specialsllist .gridcol:nth-child(8n-1) {
    margin-right: 0px; }

  .specialsllist .gridcol img {
    max-width: 100%; }

  .specialsllist .gridclear {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .specialsllist .gridclear:nth-child(8n) {
    display: block; }

  .specialsllist .gridclear:last-child {
    display: none; } }

@media (max-width: 900px) and (min-width: 751px) {
  .specialsllist .gridcol {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    min-height: 60px;
    margin-right: 2%;
    width: 32%; }

  .specialsllist .gridcol:nth-child(6n-1) {
    margin-right: 0px; }

  .specialsllist .gridcol img {
    max-width: 100%; }

  .specialsllist .gridclear {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .specialsllist .gridclear:nth-child(6n) {
    display: block; }

  .specialsllist .gridclear:last-child {
    display: none; } }

@media (max-width: 750px) and (min-width: 0px) {
  .specialsllist .gridcol {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    min-height: 60px;
    margin-right: 2%;
    width: 49%; }

  .specialsllist .gridcol:nth-child(4n-1) {
    margin-right: 0px; }

  .specialsllist .gridcol img {
    max-width: 100%; }

  .specialsllist .gridclear {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .specialsllist .gridclear:nth-child(4n) {
    display: block; }

  .specialsllist .gridclear:last-child {
    display: none; } }

.specialsllist .gridcol img {
  width: 100%; }

.specialsllist .gridclear {
  height: 23px; }

@media (max-width: 900px) and (min-width: 751px) {
  .specialsllist .gridclear {
    height: 18px; } }

@media (max-width: 750px) and (min-width: 0px) {
  /*/ SIZE GUIDE /*/
    .specialsllist .gridclear {
      height: 12px; } }

.page-sizeguide {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-top: 50px;
  float: left;
  border-top: 1px #ccc solid;
  padding-bottom: 50px;
  font-family: 'pill_gothic_300mgmedium'; }

@media (max-width: 750px) and (min-width: 0px) {
  .page-sizeguide {
    border-top: 0px;
    padding-top: 30px; } }

.page-sizeguide .headrow {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left;
  margin-bottom: 60px; }

@media (max-width: 1240px) and (min-width: 751px) {
  .page-sizeguide .headrow {
    margin-bottom: 40px; } }

@media (max-width: 750px) and (min-width: 0px) {
  .page-sizeguide .headrow {
    margin-bottom: 20px; } }

.page-sizeguide .inner {
  max-width: 1268px;
  margin: auto; }

.page-sizeguide h1 {
  font-weight: normal;
  font-family: 'pill_gothic_300mgmedium';
  font-size: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  float: left; }

@media (max-width: 1240px) and (min-width: 751px) {
  .page-sizeguide h1 {
    width: 100%;
    margin-bottom: 25px; } }

@media (max-width: 750px) and (min-width: 0px) {
  .page-sizeguide h2 {
    font-size: 18px; } }

.page-sizeguide p {
  color: #58595b;
  margin: 10px 0px 30px 0px; }

.page-sizeguide .optionlist {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  width: 950px; }

@media (max-width: 1240px) and (min-width: 751px) {
  .page-sizeguide .optionlist {
    width: 100%; } }

.page-sizeguide .optionlist .optitem {
  float: left;
  width: 18%;
  margin-left: 2%;
  color: #808285;
  padding-bottom: 3px;
  border-bottom: 1px #808285 solid;
  cursor: pointer; }

@media (max-width: 1240px) and (min-width: 751px) {
  .page-sizeguide .optionlist .optitem {
    margin-left: 0px;
    margin-right: 2.5%; }

  .page-sizeguide .optionlist .optitem:last-child {
    margin-right: 0px; } }

.page-sizeguide .optionlist .optitem:after {
  content: '+';
  float: right; }

.page-sizeguide .optionlist .optitem.active {
  border-bottom: 1px #dbdbdb solid; }

.page-sizeguide .optionlist .optitem.active:after {
  content: '-'; }

.sizetable-wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 686px;
  float: left;
  margin-bottom: 50px;
  text-transform: uppercase; }

.sizetable-wrap h2 {
  margin-top: 0px; }

.sizetable-wrap table {
  color: #58595b; }

.sizetable-wrap th {
  border: 1px #e8e8e8 solid;
  padding: 12px;
  background-color: #f6f6f6;
  font-weight: normal;
  font-family: 'pill_gothic_300mgmedium';
  font-size: 14px; }

.sizetable-wrap th.filler {
  border: 1px #e8e8e8 solid;
  background-color: #fff;
  border-width: 0px 1px 1px 0px; }

.sizetable-wrap td {
  border: 1px #e8e8e8 solid;
  padding: 12px;
  font-family: 'pill_gothic_300mg_rgregular'; }

.optionselect {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("images/s-pics/whitearr.png");
  background-repeat: no-repeat;
  background-position: 96% 50%;
  width: 100%;
  float: left;
  height: 40px;
  background-color: #aeadad;
  overflow: hidden;
  margin-bottom: 30px; }

.optionselect select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 120%;
  margin-top: 12px;
  border: 1px #aeadad solid;
  background-color: transparent;
  -webkit-appearance: none;
  color: #fff;
  font-family: 'pill_gothic_300mgmedium';
  font-size: 16px;
  padding-left: 10px;
  cursor: pointer;
  /*! normalize.css v1.1.1 | MIT License | git.io/normalize */
  /* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
  /**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */ }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
  /**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */ }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */ }

audio:not([controls]) {
  display: none;
  height: 0;
  /**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */ }

[hidden] {
  display: none;
  /* ==========================================================================
   Base
   ========================================================================== */
  /**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */ }

html {
  /* 1 */
  background: #fff;
  /* 2 */
  color: #000;
  /* 3 */
  font-size: 100%;
  /* 4 */
  -webkit-text-size-adjust: 100%;
  /* 4 */
  -ms-text-size-adjust: 100%;
  /**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */ }

html, button, input, select, textarea {
  font-family: sans-serif;
  /**
 * Address margins handled incorrectly in IE 6/7.
 */ }

body {
  margin: 0;
  /* ==========================================================================
   Links
   ========================================================================== */
  /**
 * Address `outline` inconsistency between Chrome and other browsers.
 */ }

a:focus {
  outline: thin dotted;
  /**
 * Improve readability when focused and also mouse hovered in all browsers.
 */ }

a:active, a:hover {
  outline: 0;
  /* ==========================================================================
   Typography
   ========================================================================== */
  /**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */ }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
  /**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */ }

abbr[title] {
  border-bottom: 1px dotted;
  /**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */ }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px;
  /**
 * Address styling not present in Safari 5 and Chrome.
 */ }

dfn {
  font-style: italic;
  /**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */ }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  /**
 * Address styling not present in IE 6/7/8/9.
 */ }

mark {
  background: #ff0;
  color: #000;
  /**
 * Address margins set differently in IE 6/7.
 */ }

p, pre {
  margin: 1em 0;
  /**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */ }

code, kbd, pre, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
  /**
 * Improve readability of pre-formatted text in all browsers.
 */ }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  /**
 * Address CSS quotes not supported in IE 6/7.
 */ }

q {
  quotes: none;
  /**
 * Address `quotes` property not supported in Safari 4.
 */ }

q:before, q:after {
  content: '';
  content: none;
  /**
 * Address inconsistent and variable font size in all browsers.
 */ }

small {
  font-size: 80%;
  /**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */ }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em;
  /* ==========================================================================
   Lists
   ========================================================================== */
  /**
 * Address margins set differently in IE 6/7.
 */ }

dl, menu, ol, ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px;
  /**
 * Address paddings set differently in IE 6/7.
 */ }

menu, ol, ul {
  padding: 0 0 0 40px;
  /**
 * Correct list images handled incorrectly in IE 7.
 */ }

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  /* ==========================================================================
   Embedded content
   ========================================================================== */
  /**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */ }

img {
  /* 1 */
  border: 0;
  /* 2 */
  -ms-interpolation-mode: bicubic;
  /**
 * Correct overflow displayed oddly in IE 9.
 */ }

svg:not(:root) {
  overflow: hidden;
  /* ==========================================================================
   Figures
   ========================================================================== */
  /**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */ }

figure {
  margin: 0;
  /* ==========================================================================
   Forms
   ========================================================================== */
  /**
 * Correct margin displayed oddly in IE 6/7.
 */ }

form {
  margin: 0;
  /**
 * Define consistent border, margin, and padding.
 */ }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  /**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */ }

legend {
  /* 1 */
  border: 0;
  padding: 0;
  /* 2 */
  white-space: normal;
  /* 3 */
  *margin-left: -7px;
  /**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */ }

button, input, select, textarea {
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */ }

button, input {
  line-height: normal;
  /**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */ }

button, select {
  text-transform: none;
  /**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */ }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  /* 2 */
  -webkit-appearance: button;
  /* 3 */
  cursor: pointer;
  /* 4 */
  *overflow: visible;
  /**
 * Re-set default cursor for disabled elements.
 */ }

button[disabled], html input[disabled] {
  cursor: default;
  /**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */ }

input[type="checkbox"], input[type="radio"] {
  /* 1 */
  box-sizing: border-box;
  /* 2 */
  padding: 0;
  /* 3 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */ }

input[type="search"] {
  /* 1 */
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  /* 2 */
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */ }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  /**
 * Remove inner padding and border in Firefox 3+.
 */ }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
  /**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */ }

textarea {
  /* 1 */
  overflow: auto;
  /* 2 */
  vertical-align: top;
  /* ==========================================================================
   Tables
   ========================================================================== */
  /**
 * Remove most spacing between table cells.
 */ }

table {
  border-collapse: collapse;
  border-spacing: 0;
  /* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */ }

.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden; }

.clearfix:after {
  clear: both;
  /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ }

.clearfix {
  zoom: 1;
  /* Image replacement */ }

.ir {
  background-color: transparent;
  border: 0;
  /* IE 6/7 fallback */
  overflow: hidden;
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
  /*! jQuery UI - v1.11.0 - 2014-06-26
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
  /* Layout helpers
----------------------------------*/ }

.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  /* support: IE7 */
  min-height: 0; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

.ui-front {
  z-index: 100;
  /* Interaction Cues
----------------------------------*/ }

.ui-state-disabled {
  cursor: default !important;
  /* Icons
----------------------------------*/
  /* states and images */ }

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  /* Misc visuals
----------------------------------*/
  /* Overlays */ }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  /* support: IE7 */
  min-height: 0;
  font-size: 100%; }

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  /* removes extra width in IE */
  overflow: visible; }

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none;
  /* to make room for the icon, a width needs to be set here */ }

.ui-button-icon-only {
  width: 2.2em;
  /* button elements seem to need a little more width */ }

button.ui-button-icon-only {
  width: 2.4em; }

.ui-button-icons-only {
  width: 3.4em; }

button.ui-button-icons-only {
  width: 3.7em;
  /* button text element */ }

.ui-button .ui-button-text {
  display: block;
  line-height: normal; }

.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em; }

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px; }

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em; }

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
  /* no icon support for input elements, provide padding by default */ }

input.ui-button {
  padding: 0.4em 1em;
  /* button icon element(s) */ }

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px; }

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em; }

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
  /* button sets */ }

.ui-buttonset {
  margin-right: 7px; }

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
  /* workarounds */
  /* reset extra padding in Firefox, see h5bp.com/l */ }

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

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 49%; }

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em; }

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
  /* with multiple calendars */ }

.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
  /* RTL support */ }

.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0; }

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px 0.4em;
  cursor: pointer;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  min-height: 0;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px;
  /* icon support */ }

.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
  /* left-aligned */ }

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
  /* right-aligned */ }

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-progressbar .ui-progressbar-overlay {
  background: url("images/animated-overlay.gif");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

.ui-selectmenu-menu .ui-menu {
  /* Support: IE7 */
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px; }

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0; }

.ui-selectmenu-open {
  display: block; }

.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer; }

.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%; }

.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 0.8em;
  height: 0.8em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
  /* For IE8 - See #6727 */ }

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit; }

.ui-slider-horizontal {
  height: 0.6em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -0.1em;
  margin-left: -0.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: 0.8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle; }

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 22px; }

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
  /* more specificity required here to override default borders */ }

.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
  /* vertically center icon */ }

.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0; }

.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0;
  /* TR overrides */ }

.ui-spinner .ui-icon-triangle-1-s {
  background-position: -65px -16px; }

.ui-tabs {
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  position: relative;
  padding: 0.2em; }

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text; }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa; }

body .ui-tooltip {
  border-width: 2px;
  /* Component containers
----------------------------------*/ }

.ui-widget {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #ddd;
  background: #eee 50% top repeat-x;
  color: #333; }

.ui-widget-content a {
  color: #333; }

.ui-widget-header {
  border: 1px solid #bcbbbc;
  background: #bcbbbc 50% 50% repeat-x;
  color: #fff;
  font-weight: bold; }

.ui-widget-header a {
  color: #fff;
  /* Interaction states
----------------------------------*/ }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #ccc;
  background: #f6f6f6 50% 50% repeat-x;
  font-weight: bold;
  color: #1c94c4; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #ccc;
  background: #ddd 50% 50% repeat-x;
  font-weight: bold;
  color: #c77405; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
  color: #c77405;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #ccc;
  background: #ddd 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
  /* Interaction Cues
----------------------------------*/ }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c 50% top repeat-x;
  color: #363636; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 50% 50% repeat;
  color: #fff; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #fff; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #fff; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* For IE8 - See #6059 */
  /* Icons
----------------------------------*/
  /* states and images */ }

.ui-icon {
  width: 16px;
  height: 16px;
  /* positioning */ }

.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px;
  /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ }

.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
  /* Misc visuals
----------------------------------*/
  /* Corner radius */ }

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 4px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 4px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 4px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 4px;
  /** 
 *  Master Slider
 *	version 1.5.8
 * 	Core css file
 */ }

.master-slider {
  position: relative;
  visibility: hidden;
  -moz-transform: translate3d(0, 0, 0); }

.master-slider.ms-fullheight {
  height: 100%; }

.ms-layout-partialview .ms-view {
  overflow: visible;
  background-color: transparent; }

.ms-layout-partialview .ms-container {
  overflow: hidden; }

.master-slider img {
  max-width: none; }

.ms-ie img {
  border: none; }

.ms-ie8 * {
  opacity: inherit;
  filter: inherit; }

.ms-ie7 {
  zoom: 1; }

.ms-loading-container {
  position: absolute;
  width: 100%;
  top: 0; }

.ms-slide-auto-height {
  display: table; }

.ms-loading-container .ms-loading, .ms-slide .ms-slide-loading {
  width: 36px;
  height: 36px;
  background: url(loading-2.gif) no-repeat center white;
  border-radius: 60px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -18px;
  opacity: 0.9;
  /* grab cursor */ }

.ms-def-cursor {
  cursor: auto !important; }

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

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

.ms-ie .ms-grab-cursor {
  cursor: url("../masterslider/style/grab.cur"), move; }

.ms-ie .ms-grabbing-cursor {
  cursor: url("../masterslider/style/grabbing.cur"), move; }

.ms-view {
  margin: 0px auto;
  overflow: hidden;
  background: black;
  position: relative;
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  perspective: 2000px; }

.ms-view .ms-slide-container {
  position: relative; }

.ms-slide {
  position: absolute;
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  transform: translateZ(0px);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  height: 100%; }

.ms-slide .ms-slide-bgcont, .ms-slide .ms-slide-bgvideocont {
  position: absolute;
  overflow: hidden;
  width: 100%; }

.ms-slide .ms-slide-bgvideocont {
  z-index: 105;
  height: 100%; }

.ms-slide .ms-slide-bgvideocont, .ms-slide-bgvideocont > video {
  -webkit-transform: translateZ(0.3px);
  -moz-transform: translateZ(0.3px);
  -ms-transform: translateZ(0.3px);
  -o-transform: translateZ(0.3px);
  transform: translateZ(0.3px); }

.ms-slide .ms-slide-bgvideo {
  position: absolute;
  top: 0px; }

.ms-inner-controls-cont, .ms-container {
  position: relative;
  margin: 0 auto; }

.ms-slide .ms-slide-bgcont img, .ms-container, .ms-inner-controls-cont {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ms-slide .ms-layer {
  position: absolute; }

.ms-slide .ms-slide-layers {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 110;
  top: 0px; }

.ms-slide .ms-slide-video {
  position: absolute;
  top: 0;
  z-index: 111;
  background: black;
  padding: 0;
  margin: 0;
  border: none; }

.ms-parallax-layer {
  height: 100%;
  width: 100%; }

.ms-layer.video-box {
  background: black; }

.ms-layer.video-box iframe {
  padding: 0;
  margin: 0;
  border: none;
  position: absolute;
  z-index: 110; }

.ms-slide .ms-slide-vpbtn, .ms-slide .ms-video-btn {
  position: absolute;
  cursor: pointer;
  z-index: 110; }

.ms-slide .ms-slide-vcbtn {
  position: absolute;
  cursor: pointer;
  z-index: 113; }

.ms-slide-vcbtn-mobile {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 28px;
  background-color: black;
  color: white;
  text-align: center;
  cursor: pointer;
  z-index: 113; }

.ms-slide-vcbtn-mobile .ms-vcbtn-txt {
  text-transform: uppercase;
  font-family: sans-serif;
  font-size: 0.75em;
  display: inline-block;
  background: url(video-close-btn.png) no-repeat 0px 3px;
  padding-left: 15px;
  height: 15px;
  color: #dbdbdb;
  margin-top: 7px; }

.ms-slide .ms-slide-vcbtn, .ms-slide .ms-slide-layers, .ms-slide .ms-slide-vpbtn, .ms-slide .ms-slide-video {
  -webkit-transform: translateZ(0.44px);
  -moz-transform: translateZ(0.44px);
  -ms-transform: translateZ(0.44px);
  -o-transform: translateZ(0.44px);
  transform: translateZ(0.44px); }

.ms-video-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.ms-mask-frame {
  overflow: hidden;
  position: absolute;
  float: left;
  /* controls */ }

.ms-thumb-list {
  overflow: hidden;
  position: absolute; }

.ms-thumb-list.ms-dir-h {
  width: 100%; }

.ms-thumb-list.ms-dir-v {
  height: 100%;
  top: 0; }

.ms-thumbs-cont {
  position: relative; }

.ms-thumb-frame img {
  width: 100%;
  height: auto; }

.ms-thumb-frame {
  cursor: pointer;
  float: left;
  overflow: hidden;
  opacity: 0.5;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms; }

.ms-thumb-frame-selected {
  opacity: 1; }

.ms-tabs .ms-thumb-frame {
  background-color: #f6f6f6;
  text-shadow: 0 1px 1px white;
  color: #222;
  border: solid 1px white;
  border-width: 0 1px 1px 0;
  overflow: visible;
  position: relative;
  opacity: 1;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }

.ms-tabs.ms-dir-h .ms-thumb-frame {
  margin-top: 12px; }

.ms-tabs.ms-dir-v .ms-thumb-frame {
  margin-left: 12px; }

.ms-tabs .ms-thumb {
  padding: 20px 20px; }

.ms-tabs .ms-thumb-frame-selected {
  opacity: 1;
  background: #ededed; }

.ms-tabs .ms-thumb-frame .ms-thumb-ol {
  position: absolute;
  opacity: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }

.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
  top: 0px;
  left: 50%;
  margin-left: -12px;
  border-bottom: solid 12px #f6f6f6;
  border-left: solid 12px transparent;
  border-right: solid 12px transparent; }

.ms-tabs.ms-dir-h .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  top: -12px;
  border-bottom-color: #ededed; }

.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
  top: 50%;
  left: 0;
  margin-top: -12px;
  border-right: solid 12px #ededed;
  border-top: solid 12px transparent;
  border-bottom: solid 12px transparent; }

.ms-tabs.ms-dir-v .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  left: -12px;
  border-right-color: white; }

.ms-bullet {
  cursor: pointer;
  float: left; }

.ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px; }

.ms-bullets-count {
  position: relative;
  right: -50%; }

.ms-sbar {
  position: absolute; }

.ms-sbar.ms-dir-h {
  left: 10px;
  right: 10px;
  top: 5px; }

.ms-sbar.ms-dir-v {
  top: 10px;
  bottom: 10px;
  right: 5px; }

.ms-sbar .ms-bar {
  height: 4px;
  background: #333;
  border-radius: 4px; }

.ms-sbar.ms-dir-v .ms-bar {
  width: 4px; }

.ms-sbar .ms-bar {
  position: relative;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms; }

.ms-timerbar {
  width: 100%;
  bottom: 0px;
  position: absolute; }

.ms-ctimer {
  position: absolute;
  top: 30px;
  left: 30px;
  cursor: pointer; }

.ms-time-bar {
  -webkit-transition: width 120ms linear;
  -moz-transition: width 120ms linear;
  -ms-transition: width 120ms linear;
  -o-transition: width 120ms linear;
  transition: width 120ms linear; }

.ms-ie7 .ms-tooltip-arrow {
  height: 0px; }

.ms-slide-info {
  position: absolute; }

.ms-slide-info.ms-dir-v {
  top: 0; }

.ms-slide-info.ms-dir-h {
  width: 100%; }

@keyframes point-anim {
  0% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    opacity: 1; }

  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    opacity: 0; } }

@-webkit-keyframes point-anim {
  /* In Android browser, using css animations over slider causes some crashes */
  0% {
    -webkit-transform: scale(0.5);
    opacity: 1; }

  100% {
    -webkit-transform: scale(1.5);
    opacity: 0; } }

.ms-android .ms-tooltip-point .ms-point-border {
  animation: none;
  -moz-animation: none;
  -webkit-animation: none;
  -o-animation: none; }

.ms-skin-default .ms-timerbar {
  top: 1px;
  bottom: auto; }

.ms-skin-default .ms-time-bar {
  height: 3px;
  background: white;
  background: rgba(255, 255, 255, 0.6);
  border-top: none; }

.ms-layer {
  margin: 0;
  padding: 0;
  line-height: 100%;
  letter-spacing: 0; }

.slide-1 .hps-title1 {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600; }

.slide-1 .hps-title2 {
  font-size: 28px;
  font-weight: 300;
  text-transform: uppercase;
  color: #508295; }

.slide-2 .hps-title1 {
  font-weight: 300;
  font-size: 45px;
  text-transform: uppercase;
  color: white;
  background-color: #f65256;
  padding: 6px 9px; }

.slide-2 .hps-title2 {
  font-weight: 300;
  font-size: 32px;
  text-transform: uppercase;
  background: white;
  padding: 11px 12px; }

.slide-3 .hps-title1 {
  font-weight: 900;
  color: white;
  text-transform: uppercase;
  font-size: 46px; }

.slide-3 .hps-title2 {
  font-weight: 300;
  font-size: 20px;
  text-transform: uppercase;
  color: white; }

.slide-3 .hps-amp {
  font-weight: 100;
  font-size: 78px;
  color: #7c96bd; }

.slide-3 .hps-title3 {
  color: white;
  font-size: 37px;
  text-transform: uppercase;
  font-weight: 300;
  padding: 10px 12px;
  background-color: #dd0d14; }

.slide-3 .hps-title4 {
  color: white;
  background-color: black;
  font-size: 37px;
  font-weight: 300;
  text-transform: uppercase;
  padding: 10px 14px; }

.ms-tooltip {
  max-width: 250px !important; }

.ms-tooltip .product-tt {
  font-size: 1em;
  padding: 5px;
  color: #222;
  text-shadow: none; }

.ms-tooltip .product-tt h3 {
  font-size: 1.4em;
  color: #222;
  margin: 0 0 5px 0;
  font-weight: 400; }

.slide-4 .hps-title1 {
  font-weight: 600;
  font-size: 23px;
  text-transform: uppercase;
  color: #222; }

.slide-5 .hps-title1, .slide-5 .hps-title2 {
  color: white;
  text-transform: uppercase;
  font-size: 2.6em;
  font-weight: 300;
  text-shadow: 0 1px black; }

.slide-5 .hps-title3 {
  background-color: #61c6d7;
  text-transform: uppercase;
  font-size: 1.8em;
  font-weight: 400;
  color: black;
  text-shadow: 0 1px white;
  padding: 13px; }

.slide-5 .hps-text1 {
  color: white;
  text-shadow: 0 1px black;
  width: 30%;
  line-height: 19px;
  font-size: 14px; }

.slide-6 .hps-title1 {
  color: #222;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 2.3em;
  line-height: 26px;
  text-shadow: 0 1px white;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 17px 23px; }

.slide-6 .hps-title1 > .sub-title {
  font-weight: 300;
  font-size: 0.7em; }

.slide-6 .hps-title2 {
  color: white;
  text-shadow: 0 1px black;
  background-color: #222;
  font-weight: 400;
  font-size: 1em;
  padding: 10px 25px; }

.slide-6 .hps-title3 {
  text-transform: uppercase;
  color: white;
  font-weight: 400;
  text-shadow: 0 1px black;
  font-size: 1.2em;
  padding: 18px 25px;
  background-color: #df192a; }

.slide-6 .hps-title3-vimeo {
  background-color: #1bb6ec;
  padding: 17px 25px; }

.slide-7 .hps-title1 {
  color: white;
  font-weight: 100;
  text-transform: uppercase;
  font-size: 60px;
  text-shadow: 0 1px black; }

.slide-7 .hps-title2 {
  text-transform: uppercase;
  color: #f74e50;
  text-shadow: 0 1px black;
  font-size: 21px;
  letter-spacing: 0.76em;
  font-weight: 900; }

.slide-7 .hps-title3 {
  color: white;
  text-transform: uppercase;
  text-shadow: 0 1px black;
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 14px 81px;
  font-size: 14px;
  font-weight: 400; }

.slide-video {
  color: #222;
  text-shadow: 0 1px white; }

.slide-video .hps-vicapton-box {
  width: 48%;
  height: 24%;
  background: rgba(255, 255, 255, 0.6); }

.slide-video .hps-hd {
  font-weight: 900;
  font-size: 130px; }

.slide-video .hps-videotitle {
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 300;
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -ms-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right; }

.slide-video .hps-videotext {
  width: 29%;
  line-height: 22px;
  /*----------------------------------------*/ }

.hrow {
  position: relative;
  min-height: 253px; }

.hrow.row-title {
  height: 195px;
  min-height: 0;
  background-color: #eee;
  text-align: center; }

.row-arrow {
  position: absolute;
  height: 10px;
  border-left: solid 18px rgba(0, 0, 0, 0);
  border-right: solid 18px rgba(0, 0, 0, 0);
  border-top: solid 20px #eee;
  top: 0;
  left: 50%;
  margin-left: -18px; }

.row-title h2 {
  margin-top: 84px;
  padding: 0 15px 25px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #4f2840;
  display: inline-block;
  text-shadow: 0 1px 0px #fff;
  font-size: 1.15em;
  text-transform: uppercase;
  background: url("http://www.masterslider.com/wp-content/uploads/home-title-arrow.gif") no-repeat center 32px; }

.hrow.white-hrow {
  background: #fbfbfb; }

.hrow.gray-hrow {
  background: #eee; }

.hrow.gray-hrow .row-content {
  text-shadow: 0 1px 0 #fff; }

.hrow .row-content {
  padding: 70px 60px 0 550px; }

.hrow .feature-img {
  position: absolute;
  bottom: 0;
  margin: 0; }

.hrow .row-content > p {
  margin: 0px;
  padding-bottom: 20px; }

.hrow .row-content > h3 {
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 0;
  font-size: 2.3em;
  color: #333; }

.hrow.gray-hrow .row-content {
  padding: 70px 550px 0 80px; }

.hrow.gray-hrow .feature-img {
  right: 0; }

.hrow.fe-transitions .row-content {
  padding-left: 585px; }

@media only screen and (max-width: 1199px) {
  .row-content {
    padding-top: 50px !important; }

  .hrow .row-content > h3 {
    font-size: 1.5em; } }

@media only screen and (max-width: 990px) {
  .hrow.fe-transitions .row-content, .hrow.fe-flickr .row-content {
    padding-top: 40px !important; } }

@media only screen and (max-width: 960px) {
  .hrow {
    min-height: 197px !important; }

  .hrow.row-title {
    height: 120px !important;
    min-height: 0px !important; }

  .row-title h2 {
    margin-top: 40px; }

  .hrow .feature-img {
    width: 40%; }

  .hrow.gray-hrow .row-content {
    padding-right: 45%;
    padding-left: 50px; }

  .hrow.white-hrow .row-content {
    padding-left: 45%;
    padding-right: 50px; } }

@media only screen and (max-width: 650px) {
  /**
 *  Master Slider
 *  Default Skin
 */
    .hrow .feature-img {
      width: 90%;
      position: relative;
      float: none !important;
      display: block; }
    .hrow .row-content {
      padding-right: 30px !important;
      padding-left: 30px !important;
      text-align: center; }
    .hrow.gray-hrow .feature-img {
      margin-left: 10%; }
    .hrow.white-hrow .feature-img {
      margin-right: 10%; } }

.ms-skin-default .ms-slide .ms-slide-vpbtn, .ms-skin-default .ms-video-btn {
  width: 50px;
  height: 51px;
  background: url(light-skin-1.png) no-repeat -14px -150px;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px; }

.ms-skin-default .ms-slide .ms-slide-vcbtn {
  width: 30px;
  height: 30px;
  background: url(light-skin-1.png) no-repeat -24px -28px;
  top: 18px;
  right: 30px;
  /* controls */ }

.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {
  width: 30px;
  background: url(light-skin-1.png);
  background-position: -89px -26px;
  height: 40px;
  cursor: pointer;
  top: 50%;
  left: 30px;
  margin-top: -20px;
  position: absolute;
  z-index: 110; }

.ms-skin-default .ms-nav-next {
  right: 30px;
  left: auto;
  background-position: -89px -103px; }

.ms-skin-default .ms-bullet {
  width: 10px;
  height: 10px;
  background: url(light-skin-1.png) no-repeat;
  margin: 4px;
  background-position: -34px -117px; }

.ms-skin-default .ms-bullet-selected {
  background-position: -34px -84px; }

.ms-skin-default .ms-time-bar {
  height: 3px;
  background: #fff;
  border-top: solid 1px rgba(0, 0, 0, 0.41); }

.ms-skin-default .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto; }

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px; }

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, 0.88);
  bottom: -10px; }

.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, 0.88);
  top: -10px; }

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px; }

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, 0.88);
  left: -10px; }

.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: silver;
  border-left-color: rgba(240, 240, 240, 0.88);
  right: -10px; }

.ms-skin-default .ms-tooltip-point {
  cursor: pointer; }

.ms-skin-default .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #bbb;
  background: white;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105; }

.ms-skin-default .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: black;
  background: rgba(0, 0, 0, 0.36);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;
  animation: point-anim 1.5s infinite;
  -moz-animation: point-anim 1.5s infinite;
  -webkit-animation: point-anim 1.5s infinite;
  -o-animation: point-anim 1.5s infinite; }

.ms-skin-default .ms-tooltip {
  max-width: 200px; }

.ms-skin-default .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, 0.88);
  text-shadow: 0 1px 0px white;
  margin-left: -1px;
  /* retina */ }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  /*!
Video.js Default Styles (http://videojs.com)
Version 4.6.4
Create your own skin at http://designer.videojs.com
*/
  /* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurances of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
    .ms-skin-default .ms-slide .ms-slide-vpbtn, .ms-skin-default .ms-video-btn, .ms-skin-default .ms-slide .ms-slide-vcbtn, .ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev, .ms-skin-default .ms-bullet {
      background-image: url(light-skin-1-retina.png);
      background-size: 152px 225px; } }

.vjs-default-skin {
  color: #ccc;
  /* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/ }

@font-face {
  font-family: 'VideoJS';
  src: url('/css/font/vjs.eot');
  src: url('/css/font/vjs.eot?#iefix') format('embedded-opentype'), url('/css/font/vjs.woff') format('woff'), url('/css/font/vjs.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  /* Base UI Component Classes
--------------------------------------------------------------------------------
*/
  /* Slider - used for Volume bar and Seek bar */ }

.vjs-default-skin .vjs-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  /* background-color-with-alpha */
  padding: 0;
  background-color: #333;
  background-color: rgba(51, 51, 51, 0.9); }

.vjs-default-skin .vjs-slider:focus {
  -webkit-box-shadow: 0 0 2em #fff;
  -moz-box-shadow: 0 0 2em #fff;
  box-shadow: 0 0 2em #fff; }

.vjs-default-skin .vjs-slider-handle {
  /* Needed for IE6 */
  position: absolute;
  left: 0;
  top: 0; }

.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;
  position: absolute;
  top: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  left: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  /* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/ }

.vjs-default-skin .vjs-control-bar {
  display: none;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  position: absolute;
  /* Use left/right to stretch to 100% width of player div */
  bottom: 0;
  left: 0;
  /* Height includes any margin you want above or below control items */
  right: 0;
  /* background-color-with-alpha */
  height: 3em;
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* Show the control bar only once the video has started playing */ }

.vjs-default-skin.vjs-has-started .vjs-control-bar {
  /* Visibility needed to make sure things hide in older browsers too. */
  display: block;
  visibility: visible;
  /* transition */
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
  /* Hide the control bar when the video is playing and the user is inactive  */ }

.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  /* transition */
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none; }

.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none;
  /* The control bar shouldn't show after an error */ }

.vjs-default-skin.vjs-error .vjs-control-bar {
  display: none;
  /* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/ }

@media \0screen {
  /* General styles for individual controls. */
    .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
      content: ""; } }

.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3em;
  width: 4em;
  /* FontAwsome button icons */ }

.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  /* Replacement for focus outline */ }

.vjs-default-skin .vjs-control:focus:before, .vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em #fff; }

.vjs-default-skin .vjs-control:focus {
  /* Hide control text visually, but have it available for screenreaders */ }

.vjs-default-skin .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  /* Play/Pause
--------------------------------------------------------------------------------
*/ }

.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer; }

.vjs-default-skin .vjs-play-control:before {
  content: "\e001"; }

.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002";
  /* Playback toggle
--------------------------------------------------------------------------------
*/ }

.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: -2em;
  list-style: none;
  /* Volume/Mute
-------------------------------------------------------------------------------- */ }

.vjs-default-skin .vjs-mute-control, .vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right; }

.vjs-default-skin .vjs-mute-control:before, .vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006"; }

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003"; }

.vjs-default-skin .vjs-mute-control.vjs-vol-1:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004"; }

.vjs-default-skin .vjs-mute-control.vjs-vol-2:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005"; }

.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right; }

.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0; }

.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
  height: 2.9em; }

.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  /* assuming volume starts at 1.0 */
  height: 0.5em;
  width: 100%;
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; }

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  /* Assumes volume starts at 1.0. If you change the size of the
     handle relative to the volume bar, you'll need to update this value
     too. */
  height: 0.5em;
  left: 4.5em; }

.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em; }

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width: 6em;
  left: -4em;
  /* Progress
--------------------------------------------------------------------------------
*/ }

.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  /* Set above the rest of the controls. */
  height: 1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  top: -1em;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  /* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */ }

.vjs-default-skin:hover .vjs-progress-control {
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */
  /* transition */
  font-size: 0.9em;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  /* Box containing play and load progresses. Also acts as seek scrubber. */ }

.vjs-default-skin .vjs-progress-holder {
  height: 100%;
  /* Progress Bars */ }

.vjs-default-skin .vjs-progress-holder .vjs-play-progress, .vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  /* updated by javascript during playback */
  padding: 0;
  /* Needed for IE6 */
  width: 0;
  left: 0;
  top: 0; }

.vjs-default-skin .vjs-play-progress {
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; }

.vjs-default-skin .vjs-load-progress {
  /* IE8- Fallback */
  background: #646464;
  background: rgba(255, 255, 255, 0.4); }

.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%; }

.vjs-default-skin .vjs-seek-handle:before {
  /* Minor adjustment */
  padding-top: 0.1em;
  /* Live Mode
--------------------------------------------------------------------------------
*/ }

.vjs-default-skin.vjs-live .vjs-time-controls, .vjs-default-skin.vjs-live .vjs-time-divider, .vjs-default-skin.vjs-live .vjs-progress-control {
  display: none; }

.vjs-default-skin.vjs-live .vjs-live-display {
  display: block;
  /* Live Display
--------------------------------------------------------------------------------
*/ }

.vjs-default-skin .vjs-live-display {
  display: none;
  font-size: 1em;
  line-height: 3em;
  /* Time Display
--------------------------------------------------------------------------------
*/ }

.vjs-default-skin .vjs-time-controls {
  /* Align vertically by making the line height the same as the control bar */
  font-size: 1em;
  line-height: 3em; }

.vjs-default-skin .vjs-current-time {
  float: left; }

.vjs-default-skin .vjs-duration {
  float: left;
  /* Remaining time is in the HTML, but not included in default design */ }

.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left; }

.vjs-time-divider {
  float: left;
  line-height: 3em;
  /* Fullscreen
--------------------------------------------------------------------------------
*/ }

.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right; }

.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000";
  /* Switch to the exit icon when the player is in fullscreen */ }

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b";
  /* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
  /* Hide if controls are disabled */ }

.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none;
  /* Hide when video starts playing */ }

.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none;
  /* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */ }

.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none; }

.vjs-error .vjs-big-play-button {
  display: none;
  /* Error Display
--------------------------------------------------------------------------------
*/ }

.vjs-error-display {
  display: none; }

.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.vjs-error .vjs-error-display:before {
  content: 'X';
  font-family: Arial;
  font-size: 4em;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  color: #666;
  line-height: 1;
  text-shadow: 0.05em 0.05em 0.1em #000;
  /* Needed for IE8 */
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  width: 100%; }

.vjs-error-display div {
  position: absolute;
  font-size: 1.4em;
  text-align: center;
  bottom: 1em;
  right: 1em;
  left: 1em; }

.vjs-error-display a, .vjs-error-display a:visited {
  color: #f4a460;
  /* Loading Spinner
--------------------------------------------------------------------------------
*/ }

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  /* animation */
  opacity: 0.75;
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
  /* Errors are unrecoverable without user interaction,
   so hide the spinner in the case of an error */ }

.video-js.vjs-error .vjs-loading-spinner {
  /* ensure animation doesn't continue while hidden */
  /* animation */
  display: none !important;
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none; }

.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e01e";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }

  100% {
    -moz-transform: rotate(359deg); } }

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

  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }

  100% {
    -o-transform: rotate(359deg); } }

@keyframes spin {
  /* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(359deg); } }

.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer; }

.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  /* (Width of vjs-menu - width of button) / 2 */
  left: 0em;
  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  /* Same width top as ul bottom */
  border-top: 1.55em solid #000;
  /* Same as ul background */
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Button Pop-up Menu */ }

.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  /* Same bottom as vjs-menu border-top */
  bottom: 1.5em;
  max-height: 15em;
  overflow: auto;
  /* Width of menu - width of button / 2 */
  /* background-color-with-alpha */
  left: -5em;
  background-color: #07141e;
  /* box-shadow */
  background-color: rgba(7, 20, 30, 0.7);
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2); }

.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
  display: block; }

.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000; }

.vjs-default-skin .vjs-menu-button ul li:focus, .vjs-default-skin .vjs-menu-button ul li:hover, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus, .vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  /* background-color-with-alpha */
  color: #111;
  background-color: #fff;
  /* box-shadow */
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff; }

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
  /* Subtitles Button */ }

.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c";
  /* Captions Button */ }

.vjs-default-skin .vjs-captions-button:before {
  content: "\e008";
  /* Replacement for focus outline */ }

.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before, .vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
  /*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/ }

.video-js {
  background-color: #000;
  position: relative;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */
  padding: 0;
  /* Allow poster to be vertially aligned. */
  font-size: 10px;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/
  /* Provide some basic defaults for fonts */
  vertical-align: middle;
  font-weight: normal;
  /* Avoiding helvetica: issue #376 */
  font-style: normal;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */
  /* user-select */
  font-family: Arial, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */ }

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */ }

.video-js:-moz-full-screen {
  position: absolute;
  /* Fullscreen Styles */ }

body.vjs-full-window {
  padding: 0;
  margin: 0;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  height: 100%;
  overflow-y: auto; }

.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  /* IE6 full-window (underscore hack) */
  height: 100% !important;
  _position: absolute; }

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
  /* Poster Styles */ }

.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%; }

.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
  /* Hide the poster when native controls are used otherwise it covers them */ }

.video-js.vjs-using-native-controls .vjs-poster {
  display: none;
  /* Text Track Styles */
  /* Overall track holder for both captions and subtitles */ }

.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  /* Leave padding on left and right */
  bottom: 4em;
  left: 1em;
  right: 1em;
  /* Move captions down when controls aren't being shown */ }

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
  /* Individual tracks */ }

.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  /* Transparent black background, or fallback to all black (oldIE) */
  /* background-color-with-alpha */
  margin-bottom: 0.1em;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5); }

.video-js .vjs-subtitles {
  /* Subtitles are white */
  color: #fff; }

.video-js .vjs-captions {
  /* Captions are yellow */
  color: #fc6; }

.vjs-tt-cue {
  display: block;
  /* Hide disabled or unsupported controls */ }

.vjs-default-skin .vjs-hidden {
  display: none; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
  /*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
    The .video-js classname on the video tag also isn't considered.
    This optional paragraph inside the video tag can provide a message to users
    about what's required to play video. */ }

.vjs-no-js {
  padding: 20px;
  color: #ccc;
  background-color: #333;
  font-size: 18px;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto; }

.vjs-no-js a, .vjs-no-js a:visited {
  color: #f4a460;
  /* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */ }

@font-face {
  font-family: "Ionicons";
  src: url("/fonts/ionicons.eot?v=2.0.0");
  src: url("/fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("/fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("/fonts/ionicons.woff?v=2.0.0") format("woff"), url("/fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal; }

.ion, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-circle:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .ion-android-person-add:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ion-alert:before {
  content: "\f101"; }

.ion-alert-circled:before {
  content: "\f100"; }

.ion-android-add:before {
  content: "\f2c7"; }

.ion-android-add-circle:before {
  content: "\f359"; }

.ion-android-alarm-clock:before {
  content: "\f35a"; }

.ion-android-alert:before {
  content: "\f35b"; }

.ion-android-apps:before {
  content: "\f35c"; }

.ion-android-archive:before {
  content: "\f2c9"; }

.ion-android-arrow-back:before {
  content: "\f2ca"; }

.ion-android-arrow-down:before {
  content: "\f35d"; }

.ion-android-arrow-dropdown:before {
  content: "\f35f"; }

.ion-android-arrow-dropdown-circle:before {
  content: "\f35e"; }

.ion-android-arrow-dropleft:before {
  content: "\f361"; }

.ion-android-arrow-dropleft-circle:before {
  content: "\f360"; }

.ion-android-arrow-dropright:before {
  content: "\f363"; }

.ion-android-arrow-dropright-circle:before {
  content: "\f362"; }

.ion-android-arrow-dropup:before {
  content: "\f365"; }

.ion-android-arrow-dropup-circle:before {
  content: "\f364"; }

.ion-android-arrow-forward:before {
  content: "\f30f"; }

.ion-android-arrow-up:before {
  content: "\f366"; }

.ion-android-attach:before {
  content: "\f367"; }

.ion-android-bar:before {
  content: "\f368"; }

.ion-android-bicycle:before {
  content: "\f369"; }

.ion-android-boat:before {
  content: "\f36a"; }

.ion-android-bookmark:before {
  content: "\f36b"; }

.ion-android-bulb:before {
  content: "\f36c"; }

.ion-android-bus:before {
  content: "\f36d"; }

.ion-android-calendar:before {
  content: "\f2d1"; }

.ion-android-call:before {
  content: "\f2d2"; }

.ion-android-camera:before {
  content: "\f2d3"; }

.ion-android-cancel:before {
  content: "\f36e"; }

.ion-android-car:before {
  content: "\f36f"; }

.ion-android-cart:before {
  content: "\f370"; }

.ion-android-chat:before {
  content: "\f2d4"; }

.ion-android-checkbox:before {
  content: "\f374"; }

.ion-android-checkbox-blank:before {
  content: "\f371"; }

.ion-android-checkbox-outline:before {
  content: "\f373"; }

.ion-android-checkbox-outline-blank:before {
  content: "\f372"; }

.ion-android-checkmark-circle:before {
  content: "\f375"; }

.ion-android-clipboard:before {
  content: "\f376"; }

.ion-android-close:before {
  content: "\f2d7"; }

.ion-android-cloud:before {
  content: "\f37a"; }

.ion-android-cloud-circle:before {
  content: "\f377"; }

.ion-android-cloud-done:before {
  content: "\f378"; }

.ion-android-cloud-outline:before {
  content: "\f379"; }

.ion-android-color-palette:before {
  content: "\f37b"; }

.ion-android-compass:before {
  content: "\f37c"; }

.ion-android-contact:before {
  content: "\f2d8"; }

.ion-android-contacts:before {
  content: "\f2d9"; }

.ion-android-contract:before {
  content: "\f37d"; }

.ion-android-create:before {
  content: "\f37e"; }

.ion-android-delete:before {
  content: "\f37f"; }

.ion-android-desktop:before {
  content: "\f380"; }

.ion-android-document:before {
  content: "\f381"; }

.ion-android-done:before {
  content: "\f383"; }

.ion-android-done-all:before {
  content: "\f382"; }

.ion-android-download:before {
  content: "\f2dd"; }

.ion-android-drafts:before {
  content: "\f384"; }

.ion-android-exit:before {
  content: "\f385"; }

.ion-android-expand:before {
  content: "\f386"; }

.ion-android-favorite:before {
  content: "\f388"; }

.ion-android-favorite-outline:before {
  content: "\f387"; }

.ion-android-film:before {
  content: "\f389"; }

.ion-android-folder:before {
  content: "\f2e0"; }

.ion-android-folder-open:before {
  content: "\f38a"; }

.ion-android-funnel:before {
  content: "\f38b"; }

.ion-android-globe:before {
  content: "\f38c"; }

.ion-android-hand:before {
  content: "\f2e3"; }

.ion-android-hangout:before {
  content: "\f38d"; }

.ion-android-happy:before {
  content: "\f38e"; }

.ion-android-home:before {
  content: "\f38f"; }

.ion-android-image:before {
  content: "\f2e4"; }

.ion-android-laptop:before {
  content: "\f390"; }

.ion-android-list:before {
  content: "\f391"; }

.ion-android-locate:before {
  content: "\f2e9"; }

.ion-android-lock:before {
  content: "\f392"; }

.ion-android-mail:before {
  content: "\f2eb"; }

.ion-android-map:before {
  content: "\f393"; }

.ion-android-menu:before {
  content: "\f394"; }

.ion-android-microphone:before {
  content: "\f2ec"; }

.ion-android-microphone-off:before {
  content: "\f395"; }

.ion-android-more-horizontal:before {
  content: "\f396"; }

.ion-android-more-vertical:before {
  content: "\f397"; }

.ion-android-navigate:before {
  content: "\f398"; }

.ion-android-notifications:before {
  content: "\f39b"; }

.ion-android-notifications-none:before {
  content: "\f399"; }

.ion-android-notifications-off:before {
  content: "\f39a"; }

.ion-android-open:before {
  content: "\f39c"; }

.ion-android-options:before {
  content: "\f39d"; }

.ion-android-people:before {
  content: "\f39e"; }

.ion-android-person:before {
  content: "\f3a0"; }

.ion-android-person-add:before {
  content: "\f39f"; }

.ion-android-phone-landscape:before {
  content: "\f3a1"; }

.ion-android-phone-portrait:before {
  content: "\f3a2"; }

.ion-android-pin:before {
  content: "\f3a3"; }

.ion-android-plane:before {
  content: "\f3a4"; }

.ion-android-playstore:before {
  content: "\f2f0"; }

.ion-android-print:before {
  content: "\f3a5"; }

.ion-android-radio-button-off:before {
  content: "\f3a6"; }

.ion-android-radio-button-on:before {
  content: "\f3a7"; }

.ion-android-refresh:before {
  content: "\f3a8"; }

.ion-android-remove:before {
  content: "\f2f4"; }

.ion-android-remove-circle:before {
  content: "\f3a9"; }

.ion-android-restaurant:before {
  content: "\f3aa"; }

.ion-android-sad:before {
  content: "\f3ab"; }

.ion-android-search:before {
  content: "\f2f5"; }

.ion-android-send:before {
  content: "\f2f6"; }

.ion-android-settings:before {
  content: "\f2f7"; }

.ion-android-share:before {
  content: "\f2f8"; }

.ion-android-share-alt:before {
  content: "\f3ac"; }

.ion-android-star:before {
  content: "\f2fc"; }

.ion-android-star-half:before {
  content: "\f3ad"; }

.ion-android-star-outline:before {
  content: "\f3ae"; }

.ion-android-stopwatch:before {
  content: "\f2fd"; }

.ion-android-subway:before {
  content: "\f3af"; }

.ion-android-sunny:before {
  content: "\f3b0"; }

.ion-android-sync:before {
  content: "\f3b1"; }

.ion-android-textsms:before {
  content: "\f3b2"; }

.ion-android-time:before {
  content: "\f3b3"; }

.ion-android-train:before {
  content: "\f3b4"; }

.ion-android-unlock:before {
  content: "\f3b5"; }

.ion-android-upload:before {
  content: "\f3b6"; }

.ion-android-volume-down:before {
  content: "\f3b7"; }

.ion-android-volume-mute:before {
  content: "\f3b8"; }

.ion-android-volume-off:before {
  content: "\f3b9"; }

.ion-android-volume-up:before {
  content: "\f3ba"; }

.ion-android-walk:before {
  content: "\f3bb"; }

.ion-android-warning:before {
  content: "\f3bc"; }

.ion-android-watch:before {
  content: "\f3bd"; }

.ion-android-wifi:before {
  content: "\f305"; }

.ion-aperture:before {
  content: "\f313"; }

.ion-archive:before {
  content: "\f102"; }

.ion-arrow-down-a:before {
  content: "\f103"; }

.ion-arrow-down-b:before {
  content: "\f104"; }

.ion-arrow-down-c:before {
  content: "\f105"; }

.ion-arrow-expand:before {
  content: "\f25e"; }

.ion-arrow-graph-down-left:before {
  content: "\f25f"; }

.ion-arrow-graph-down-right:before {
  content: "\f260"; }

.ion-arrow-graph-up-left:before {
  content: "\f261"; }

.ion-arrow-graph-up-right:before {
  content: "\f262"; }

.ion-arrow-left-a:before {
  content: "\f106"; }

.ion-arrow-left-b:before {
  content: "\f107"; }

.ion-arrow-left-c:before {
  content: "\f108"; }

.ion-arrow-move:before {
  content: "\f263"; }

.ion-arrow-resize:before {
  content: "\f264"; }

.ion-arrow-return-left:before {
  content: "\f265"; }

.ion-arrow-return-right:before {
  content: "\f266"; }

.ion-arrow-right-a:before {
  content: "\f109"; }

.ion-arrow-right-b:before {
  content: "\f10a"; }

.ion-arrow-right-c:before {
  content: "\f10b"; }

.ion-arrow-shrink:before {
  content: "\f267"; }

.ion-arrow-swap:before {
  content: "\f268"; }

.ion-arrow-up-a:before {
  content: "\f10c"; }

.ion-arrow-up-b:before {
  content: "\f10d"; }

.ion-arrow-up-c:before {
  content: "\f10e"; }

.ion-asterisk:before {
  content: "\f314"; }

.ion-at:before {
  content: "\f10f"; }

.ion-backspace:before {
  content: "\f3bf"; }

.ion-backspace-outline:before {
  content: "\f3be"; }

.ion-bag:before {
  content: "\f110"; }

.ion-battery-charging:before {
  content: "\f111"; }

.ion-battery-empty:before {
  content: "\f112"; }

.ion-battery-full:before {
  content: "\f113"; }

.ion-battery-half:before {
  content: "\f114"; }

.ion-battery-low:before {
  content: "\f115"; }

.ion-beaker:before {
  content: "\f269"; }

.ion-beer:before {
  content: "\f26a"; }

.ion-bluetooth:before {
  content: "\f116"; }

.ion-bonfire:before {
  content: "\f315"; }

.ion-bookmark:before {
  content: "\f26b"; }

.ion-bowtie:before {
  content: "\f3c0"; }

.ion-briefcase:before {
  content: "\f26c"; }

.ion-bug:before {
  content: "\f2be"; }

.ion-calculator:before {
  content: "\f26d"; }

.ion-calendar:before {
  content: "\f117"; }

.ion-camera:before {
  content: "\f118"; }

.ion-card:before {
  content: "\f119"; }

.ion-cash:before {
  content: "\f316"; }

.ion-chatbox:before {
  content: "\f11b"; }

.ion-chatbox-working:before {
  content: "\f11a"; }

.ion-chatboxes:before {
  content: "\f11c"; }

.ion-chatbubble:before {
  content: "\f11e"; }

.ion-chatbubble-working:before {
  content: "\f11d"; }

.ion-chatbubbles:before {
  content: "\f11f"; }

.ion-checkmark:before {
  content: "\f122"; }

.ion-checkmark-circled:before {
  content: "\f120"; }

.ion-checkmark-round:before {
  content: "\f121"; }

.ion-chevron-down:before {
  content: "\f123"; }

.ion-chevron-left:before {
  content: "\f124"; }

.ion-chevron-right:before {
  content: "\f125"; }

.ion-chevron-up:before {
  content: "\f126"; }

.ion-clipboard:before {
  content: "\f127"; }

.ion-clock:before {
  content: "\f26e"; }

.ion-close:before {
  content: "\f12a"; }

.ion-close-circled:before {
  content: "\f128"; }

.ion-close-round:before {
  content: "\f129"; }

.ion-closed-captioning:before {
  content: "\f317"; }

.ion-cloud:before {
  content: "\f12b"; }

.ion-code:before {
  content: "\f271"; }

.ion-code-download:before {
  content: "\f26f"; }

.ion-code-working:before {
  content: "\f270"; }

.ion-coffee:before {
  content: "\f272"; }

.ion-compass:before {
  content: "\f273"; }

.ion-compose:before {
  content: "\f12c"; }

.ion-connection-bars:before {
  content: "\f274"; }

.ion-contrast:before {
  content: "\f275"; }

.ion-crop:before {
  content: "\f3c1"; }

.ion-cube:before {
  content: "\f318"; }

.ion-disc:before {
  content: "\f12d"; }

.ion-document:before {
  content: "\f12f"; }

.ion-document-text:before {
  content: "\f12e"; }

.ion-drag:before {
  content: "\f130"; }

.ion-earth:before {
  content: "\f276"; }

.ion-easel:before {
  content: "\f3c2"; }

.ion-edit:before {
  content: "\f2bf"; }

.ion-egg:before {
  content: "\f277"; }

.ion-eject:before {
  content: "\f131"; }

.ion-email:before {
  content: "\f132"; }

.ion-email-unread:before {
  content: "\f3c3"; }

.ion-erlenmeyer-flask:before {
  content: "\f3c5"; }

.ion-erlenmeyer-flask-bubbles:before {
  content: "\f3c4"; }

.ion-eye:before {
  content: "\f133"; }

.ion-eye-disabled:before {
  content: "\f306"; }

.ion-female:before {
  content: "\f278"; }

.ion-filing:before {
  content: "\f134"; }

.ion-film-marker:before {
  content: "\f135"; }

.ion-fireball:before {
  content: "\f319"; }

.ion-flag:before {
  content: "\f279"; }

.ion-flame:before {
  content: "\f31a"; }

.ion-flash:before {
  content: "\f137"; }

.ion-flash-off:before {
  content: "\f136"; }

.ion-folder:before {
  content: "\f139"; }

.ion-fork:before {
  content: "\f27a"; }

.ion-fork-repo:before {
  content: "\f2c0"; }

.ion-forward:before {
  content: "\f13a"; }

.ion-funnel:before {
  content: "\f31b"; }

.ion-gear-a:before {
  content: "\f13d"; }

.ion-gear-b:before {
  content: "\f13e"; }

.ion-grid:before {
  content: "\f13f"; }

.ion-hammer:before {
  content: "\f27b"; }

.ion-happy:before {
  content: "\f31c"; }

.ion-happy-outline:before {
  content: "\f3c6"; }

.ion-headphone:before {
  content: "\f140"; }

.ion-heart:before {
  content: "\f141"; }

.ion-heart-broken:before {
  content: "\f31d"; }

.ion-help:before {
  content: "\f143"; }

.ion-help-buoy:before {
  content: "\f27c"; }

.ion-help-circled:before {
  content: "\f142"; }

.ion-home:before {
  content: "\f144"; }

.ion-icecream:before {
  content: "\f27d"; }

.ion-image:before {
  content: "\f147"; }

.ion-images:before {
  content: "\f148"; }

.ion-information:before {
  content: "\f14a"; }

.ion-information-circled:before {
  content: "\f149"; }

.ion-ionic:before {
  content: "\f14b"; }

.ion-ios-alarm:before {
  content: "\f3c8"; }

.ion-ios-alarm-outline:before {
  content: "\f3c7"; }

.ion-ios-albums:before {
  content: "\f3ca"; }

.ion-ios-albums-outline:before {
  content: "\f3c9"; }

.ion-ios-americanfootball:before {
  content: "\f3cc"; }

.ion-ios-americanfootball-outline:before {
  content: "\f3cb"; }

.ion-ios-analytics:before {
  content: "\f3ce"; }

.ion-ios-analytics-outline:before {
  content: "\f3cd"; }

.ion-ios-arrow-back:before {
  content: "\f3cf"; }

.ion-ios-arrow-down:before {
  content: "\f3d0"; }

.ion-ios-arrow-forward:before {
  content: "\f3d1"; }

.ion-ios-arrow-left:before {
  content: "\f3d2"; }

.ion-ios-arrow-right:before {
  content: "\f3d3"; }

.ion-ios-arrow-thin-down:before {
  content: "\f3d4"; }

.ion-ios-arrow-thin-left:before {
  content: "\f3d5"; }

.ion-ios-arrow-thin-right:before {
  content: "\f3d6"; }

.ion-ios-arrow-thin-up:before {
  content: "\f3d7"; }

.ion-ios-arrow-up:before {
  content: "\f3d8"; }

.ion-ios-at:before {
  content: "\f3da"; }

.ion-ios-at-outline:before {
  content: "\f3d9"; }

.ion-ios-barcode:before {
  content: "\f3dc"; }

.ion-ios-barcode-outline:before {
  content: "\f3db"; }

.ion-ios-baseball:before {
  content: "\f3de"; }

.ion-ios-baseball-outline:before {
  content: "\f3dd"; }

.ion-ios-basketball:before {
  content: "\f3e0"; }

.ion-ios-basketball-outline:before {
  content: "\f3df"; }

.ion-ios-bell:before {
  content: "\f3e2"; }

.ion-ios-bell-outline:before {
  content: "\f3e1"; }

.ion-ios-body:before {
  content: "\f3e4"; }

.ion-ios-body-outline:before {
  content: "\f3e3"; }

.ion-ios-bolt:before {
  content: "\f3e6"; }

.ion-ios-bolt-outline:before {
  content: "\f3e5"; }

.ion-ios-book:before {
  content: "\f3e8"; }

.ion-ios-book-outline:before {
  content: "\f3e7"; }

.ion-ios-bookmarks:before {
  content: "\f3ea"; }

.ion-ios-bookmarks-outline:before {
  content: "\f3e9"; }

.ion-ios-box:before {
  content: "\f3ec"; }

.ion-ios-box-outline:before {
  content: "\f3eb"; }

.ion-ios-briefcase:before {
  content: "\f3ee"; }

.ion-ios-briefcase-outline:before {
  content: "\f3ed"; }

.ion-ios-browsers:before {
  content: "\f3f0"; }

.ion-ios-browsers-outline:before {
  content: "\f3ef"; }

.ion-ios-calculator:before {
  content: "\f3f2"; }

.ion-ios-calculator-outline:before {
  content: "\f3f1"; }

.ion-ios-calendar:before {
  content: "\f3f4"; }

.ion-ios-calendar-outline:before {
  content: "\f3f3"; }

.ion-ios-camera:before {
  content: "\f3f6"; }

.ion-ios-camera-outline:before {
  content: "\f3f5"; }

.ion-ios-cart:before {
  content: "\f3f8"; }

.ion-ios-cart-outline:before {
  content: "\f3f7"; }

.ion-ios-chatboxes:before {
  content: "\f3fa"; }

.ion-ios-chatboxes-outline:before {
  content: "\f3f9"; }

.ion-ios-chatbubble:before {
  content: "\f3fc"; }

.ion-ios-chatbubble-outline:before {
  content: "\f3fb"; }

.ion-ios-checkmark:before {
  content: "\f3ff"; }

.ion-ios-checkmark-empty:before {
  content: "\f3fd"; }

.ion-ios-checkmark-outline:before {
  content: "\f3fe"; }

.ion-ios-circle-filled:before {
  content: "\f400"; }

.ion-ios-circle-outline:before {
  content: "\f401"; }

.ion-ios-clock:before {
  content: "\f403"; }

.ion-ios-clock-outline:before {
  content: "\f402"; }

.ion-ios-close:before {
  content: "\f406"; }

.ion-ios-close-empty:before {
  content: "\f404"; }

.ion-ios-close-outline:before {
  content: "\f405"; }

.ion-ios-cloud:before {
  content: "\f40c"; }

.ion-ios-cloud-download:before {
  content: "\f408"; }

.ion-ios-cloud-download-outline:before {
  content: "\f407"; }

.ion-ios-cloud-outline:before {
  content: "\f409"; }

.ion-ios-cloud-upload:before {
  content: "\f40b"; }

.ion-ios-cloud-upload-outline:before {
  content: "\f40a"; }

.ion-ios-cloudy:before {
  content: "\f410"; }

.ion-ios-cloudy-night:before {
  content: "\f40e"; }

.ion-ios-cloudy-night-outline:before {
  content: "\f40d"; }

.ion-ios-cloudy-outline:before {
  content: "\f40f"; }

.ion-ios-cog:before {
  content: "\f412"; }

.ion-ios-cog-outline:before {
  content: "\f411"; }

.ion-ios-color-filter:before {
  content: "\f414"; }

.ion-ios-color-filter-outline:before {
  content: "\f413"; }

.ion-ios-color-wand:before {
  content: "\f416"; }

.ion-ios-color-wand-outline:before {
  content: "\f415"; }

.ion-ios-compose:before {
  content: "\f418"; }

.ion-ios-compose-outline:before {
  content: "\f417"; }

.ion-ios-contact:before {
  content: "\f41a"; }

.ion-ios-contact-outline:before {
  content: "\f419"; }

.ion-ios-copy:before {
  content: "\f41c"; }

.ion-ios-copy-outline:before {
  content: "\f41b"; }

.ion-ios-crop:before {
  content: "\f41e"; }

.ion-ios-crop-strong:before {
  content: "\f41d"; }

.ion-ios-download:before {
  content: "\f420"; }

.ion-ios-download-outline:before {
  content: "\f41f"; }

.ion-ios-drag:before {
  content: "\f421"; }

.ion-ios-email:before {
  content: "\f423"; }

.ion-ios-email-outline:before {
  content: "\f422"; }

.ion-ios-eye:before {
  content: "\f425"; }

.ion-ios-eye-outline:before {
  content: "\f424"; }

.ion-ios-fastforward:before {
  content: "\f427"; }

.ion-ios-fastforward-outline:before {
  content: "\f426"; }

.ion-ios-filing:before {
  content: "\f429"; }

.ion-ios-filing-outline:before {
  content: "\f428"; }

.ion-ios-film:before {
  content: "\f42b"; }

.ion-ios-film-outline:before {
  content: "\f42a"; }

.ion-ios-flag:before {
  content: "\f42d"; }

.ion-ios-flag-outline:before {
  content: "\f42c"; }

.ion-ios-flame:before {
  content: "\f42f"; }

.ion-ios-flame-outline:before {
  content: "\f42e"; }

.ion-ios-flask:before {
  content: "\f431"; }

.ion-ios-flask-outline:before {
  content: "\f430"; }

.ion-ios-flower:before {
  content: "\f433"; }

.ion-ios-flower-outline:before {
  content: "\f432"; }

.ion-ios-folder:before {
  content: "\f435"; }

.ion-ios-folder-outline:before {
  content: "\f434"; }

.ion-ios-football:before {
  content: "\f437"; }

.ion-ios-football-outline:before {
  content: "\f436"; }

.ion-ios-game-controller-a:before {
  content: "\f439"; }

.ion-ios-game-controller-a-outline:before {
  content: "\f438"; }

.ion-ios-game-controller-b:before {
  content: "\f43b"; }

.ion-ios-game-controller-b-outline:before {
  content: "\f43a"; }

.ion-ios-gear:before {
  content: "\f43d"; }

.ion-ios-gear-outline:before {
  content: "\f43c"; }

.ion-ios-glasses:before {
  content: "\f43f"; }

.ion-ios-glasses-outline:before {
  content: "\f43e"; }

.ion-ios-grid-view:before {
  content: "\f441"; }

.ion-ios-grid-view-outline:before {
  content: "\f440"; }

.ion-ios-heart:before {
  content: "\f443"; }

.ion-ios-heart-outline:before {
  content: "\f442"; }

.ion-ios-help:before {
  content: "\f446"; }

.ion-ios-help-empty:before {
  content: "\f444"; }

.ion-ios-help-outline:before {
  content: "\f445"; }

.ion-ios-home:before {
  content: "\f448"; }

.ion-ios-home-outline:before {
  content: "\f447"; }

.ion-ios-infinite:before {
  content: "\f44a"; }

.ion-ios-infinite-outline:before {
  content: "\f449"; }

.ion-ios-information:before {
  content: "\f44d"; }

.ion-ios-information-empty:before {
  content: "\f44b"; }

.ion-ios-information-outline:before {
  content: "\f44c"; }

.ion-ios-ionic-outline:before {
  content: "\f44e"; }

.ion-ios-keypad:before {
  content: "\f450"; }

.ion-ios-keypad-outline:before {
  content: "\f44f"; }

.ion-ios-lightbulb:before {
  content: "\f452"; }

.ion-ios-lightbulb-outline:before {
  content: "\f451"; }

.ion-ios-list:before {
  content: "\f454"; }

.ion-ios-list-outline:before {
  content: "\f453"; }

.ion-ios-location:before {
  content: "\f456"; }

.ion-ios-location-outline:before {
  content: "\f455"; }

.ion-ios-locked:before {
  content: "\f458"; }

.ion-ios-locked-outline:before {
  content: "\f457"; }

.ion-ios-loop:before {
  content: "\f45a"; }

.ion-ios-loop-strong:before {
  content: "\f459"; }

.ion-ios-medical:before {
  content: "\f45c"; }

.ion-ios-medical-outline:before {
  content: "\f45b"; }

.ion-ios-medkit:before {
  content: "\f45e"; }

.ion-ios-medkit-outline:before {
  content: "\f45d"; }

.ion-ios-mic:before {
  content: "\f461"; }

.ion-ios-mic-off:before {
  content: "\f45f"; }

.ion-ios-mic-outline:before {
  content: "\f460"; }

.ion-ios-minus:before {
  content: "\f464"; }

.ion-ios-minus-empty:before {
  content: "\f462"; }

.ion-ios-minus-outline:before {
  content: "\f463"; }

.ion-ios-monitor:before {
  content: "\f466"; }

.ion-ios-monitor-outline:before {
  content: "\f465"; }

.ion-ios-moon:before {
  content: "\f468"; }

.ion-ios-moon-outline:before {
  content: "\f467"; }

.ion-ios-more:before {
  content: "\f46a"; }

.ion-ios-more-outline:before {
  content: "\f469"; }

.ion-ios-musical-note:before {
  content: "\f46b"; }

.ion-ios-musical-notes:before {
  content: "\f46c"; }

.ion-ios-navigate:before {
  content: "\f46e"; }

.ion-ios-navigate-outline:before {
  content: "\f46d"; }

.ion-ios-nutrition:before {
  content: "\f470"; }

.ion-ios-nutrition-outline:before {
  content: "\f46f"; }

.ion-ios-paper:before {
  content: "\f472"; }

.ion-ios-paper-outline:before {
  content: "\f471"; }

.ion-ios-paperplane:before {
  content: "\f474"; }

.ion-ios-paperplane-outline:before {
  content: "\f473"; }

.ion-ios-partlysunny:before {
  content: "\f476"; }

.ion-ios-partlysunny-outline:before {
  content: "\f475"; }

.ion-ios-pause:before {
  content: "\f478"; }

.ion-ios-pause-outline:before {
  content: "\f477"; }

.ion-ios-paw:before {
  content: "\f47a"; }

.ion-ios-paw-outline:before {
  content: "\f479"; }

.ion-ios-people:before {
  content: "\f47c"; }

.ion-ios-people-outline:before {
  content: "\f47b"; }

.ion-ios-person:before {
  content: "\f47e"; }

.ion-ios-person-outline:before {
  content: "\f47d"; }

.ion-ios-personadd:before {
  content: "\f480"; }

.ion-ios-personadd-outline:before {
  content: "\f47f"; }

.ion-ios-photos:before {
  content: "\f482"; }

.ion-ios-photos-outline:before {
  content: "\f481"; }

.ion-ios-pie:before {
  content: "\f484"; }

.ion-ios-pie-outline:before {
  content: "\f483"; }

.ion-ios-pint:before {
  content: "\f486"; }

.ion-ios-pint-outline:before {
  content: "\f485"; }

.ion-ios-play:before {
  content: "\f488"; }

.ion-ios-play-outline:before {
  content: "\f487"; }

.ion-ios-plus:before {
  content: "\f48b"; }

.ion-ios-plus-empty:before {
  content: "\f489"; }

.ion-ios-plus-outline:before {
  content: "\f48a"; }

.ion-ios-pricetag:before {
  content: "\f48d"; }

.ion-ios-pricetag-outline:before {
  content: "\f48c"; }

.ion-ios-pricetags:before {
  content: "\f48f"; }

.ion-ios-pricetags-outline:before {
  content: "\f48e"; }

.ion-ios-printer:before {
  content: "\f491"; }

.ion-ios-printer-outline:before {
  content: "\f490"; }

.ion-ios-pulse:before {
  content: "\f493"; }

.ion-ios-pulse-strong:before {
  content: "\f492"; }

.ion-ios-rainy:before {
  content: "\f495"; }

.ion-ios-rainy-outline:before {
  content: "\f494"; }

.ion-ios-recording:before {
  content: "\f497"; }

.ion-ios-recording-outline:before {
  content: "\f496"; }

.ion-ios-redo:before {
  content: "\f499"; }

.ion-ios-redo-outline:before {
  content: "\f498"; }

.ion-ios-refresh:before {
  content: "\f49c"; }

.ion-ios-refresh-empty:before {
  content: "\f49a"; }

.ion-ios-refresh-outline:before {
  content: "\f49b"; }

.ion-ios-reload:before {
  content: "\f49d"; }

.ion-ios-reverse-camera:before {
  content: "\f49f"; }

.ion-ios-reverse-camera-outline:before {
  content: "\f49e"; }

.ion-ios-rewind:before {
  content: "\f4a1"; }

.ion-ios-rewind-outline:before {
  content: "\f4a0"; }

.ion-ios-rose:before {
  content: "\f4a3"; }

.ion-ios-rose-outline:before {
  content: "\f4a2"; }

.ion-ios-search:before {
  content: "\f4a5"; }

.ion-ios-search-strong:before {
  content: "\f4a4"; }

.ion-ios-settings:before {
  content: "\f4a7"; }

.ion-ios-settings-strong:before {
  content: "\f4a6"; }

.ion-ios-shuffle:before {
  content: "\f4a9"; }

.ion-ios-shuffle-strong:before {
  content: "\f4a8"; }

.ion-ios-skipbackward:before {
  content: "\f4ab"; }

.ion-ios-skipbackward-outline:before {
  content: "\f4aa"; }

.ion-ios-skipforward:before {
  content: "\f4ad"; }

.ion-ios-skipforward-outline:before {
  content: "\f4ac"; }

.ion-ios-snowy:before {
  content: "\f4ae"; }

.ion-ios-speedometer:before {
  content: "\f4b0"; }

.ion-ios-speedometer-outline:before {
  content: "\f4af"; }

.ion-ios-star:before {
  content: "\f4b3"; }

.ion-ios-star-half:before {
  content: "\f4b1"; }

.ion-ios-star-outline:before {
  content: "\f4b2"; }

.ion-ios-stopwatch:before {
  content: "\f4b5"; }

.ion-ios-stopwatch-outline:before {
  content: "\f4b4"; }

.ion-ios-sunny:before {
  content: "\f4b7"; }

.ion-ios-sunny-outline:before {
  content: "\f4b6"; }

.ion-ios-telephone:before {
  content: "\f4b9"; }

.ion-ios-telephone-outline:before {
  content: "\f4b8"; }

.ion-ios-tennisball:before {
  content: "\f4bb"; }

.ion-ios-tennisball-outline:before {
  content: "\f4ba"; }

.ion-ios-thunderstorm:before {
  content: "\f4bd"; }

.ion-ios-thunderstorm-outline:before {
  content: "\f4bc"; }

.ion-ios-time:before {
  content: "\f4bf"; }

.ion-ios-time-outline:before {
  content: "\f4be"; }

.ion-ios-timer:before {
  content: "\f4c1"; }

.ion-ios-timer-outline:before {
  content: "\f4c0"; }

.ion-ios-toggle:before {
  content: "\f4c3"; }

.ion-ios-toggle-outline:before {
  content: "\f4c2"; }

.ion-ios-trash:before {
  content: "\f4c5"; }

.ion-ios-trash-outline:before {
  content: "\f4c4"; }

.ion-ios-undo:before {
  content: "\f4c7"; }

.ion-ios-undo-outline:before {
  content: "\f4c6"; }

.ion-ios-unlocked:before {
  content: "\f4c9"; }

.ion-ios-unlocked-outline:before {
  content: "\f4c8"; }

.ion-ios-upload:before {
  content: "\f4cb"; }

.ion-ios-upload-outline:before {
  content: "\f4ca"; }

.ion-ios-videocam:before {
  content: "\f4cd"; }

.ion-ios-videocam-outline:before {
  content: "\f4cc"; }

.ion-ios-volume-high:before {
  content: "\f4ce"; }

.ion-ios-volume-low:before {
  content: "\f4cf"; }

.ion-ios-wineglass:before {
  content: "\f4d1"; }

.ion-ios-wineglass-outline:before {
  content: "\f4d0"; }

.ion-ios-world:before {
  content: "\f4d3"; }

.ion-ios-world-outline:before {
  content: "\f4d2"; }

.ion-ipad:before {
  content: "\f1f9"; }

.ion-iphone:before {
  content: "\f1fa"; }

.ion-ipod:before {
  content: "\f1fb"; }

.ion-jet:before {
  content: "\f295"; }

.ion-key:before {
  content: "\f296"; }

.ion-knife:before {
  content: "\f297"; }

.ion-laptop:before {
  content: "\f1fc"; }

.ion-leaf:before {
  content: "\f1fd"; }

.ion-levels:before {
  content: "\f298"; }

.ion-lightbulb:before {
  content: "\f299"; }

.ion-link:before {
  content: "\f1fe"; }

.ion-load-a:before {
  content: "\f29a"; }

.ion-load-b:before {
  content: "\f29b"; }

.ion-load-c:before {
  content: "\f29c"; }

.ion-load-d:before {
  content: "\f29d"; }

.ion-location:before {
  content: "\f1ff"; }

.ion-lock-combination:before {
  content: "\f4d4"; }

.ion-locked:before {
  content: "\f200"; }

.ion-log-in:before {
  content: "\f29e"; }

.ion-log-out:before {
  content: "\f29f"; }

.ion-loop:before {
  content: "\f201"; }

.ion-magnet:before {
  content: "\f2a0"; }

.ion-male:before {
  content: "\f2a1"; }

.ion-man:before {
  content: "\f202"; }

.ion-map:before {
  content: "\f203"; }

.ion-medkit:before {
  content: "\f2a2"; }

.ion-merge:before {
  content: "\f33f"; }

.ion-mic-a:before {
  content: "\f204"; }

.ion-mic-b:before {
  content: "\f205"; }

.ion-mic-c:before {
  content: "\f206"; }

.ion-minus:before {
  content: "\f209"; }

.ion-minus-circled:before {
  content: "\f207"; }

.ion-minus-round:before {
  content: "\f208"; }

.ion-model-s:before {
  content: "\f2c1"; }

.ion-monitor:before {
  content: "\f20a"; }

.ion-more:before {
  content: "\f20b"; }

.ion-mouse:before {
  content: "\f340"; }

.ion-music-note:before {
  content: "\f20c"; }

.ion-navicon:before {
  content: "\f20e"; }

.ion-navicon-round:before {
  content: "\f20d"; }

.ion-navigate:before {
  content: "\f2a3"; }

.ion-network:before {
  content: "\f341"; }

.ion-no-smoking:before {
  content: "\f2c2"; }

.ion-nuclear:before {
  content: "\f2a4"; }

.ion-outlet:before {
  content: "\f342"; }

.ion-paintbrush:before {
  content: "\f4d5"; }

.ion-paintbucket:before {
  content: "\f4d6"; }

.ion-paper-airplane:before {
  content: "\f2c3"; }

.ion-paperclip:before {
  content: "\f20f"; }

.ion-pause:before {
  content: "\f210"; }

.ion-person:before {
  content: "\f213"; }

.ion-person-add:before {
  content: "\f211"; }

.ion-person-stalker:before {
  content: "\f212"; }

.ion-pie-graph:before {
  content: "\f2a5"; }

.ion-pin:before {
  content: "\f2a6"; }

.ion-pinpoint:before {
  content: "\f2a7"; }

.ion-pizza:before {
  content: "\f2a8"; }

.ion-plane:before {
  content: "\f214"; }

.ion-planet:before {
  content: "\f343"; }

.ion-play:before {
  content: "\f215"; }

.ion-playstation:before {
  content: "\f30a"; }

.ion-plus:before {
  content: "\f218"; }

.ion-plus-circled:before {
  content: "\f216"; }

.ion-plus-round:before {
  content: "\f217"; }

.ion-podium:before {
  content: "\f344"; }

.ion-pound:before {
  content: "\f219"; }

.ion-power:before {
  content: "\f2a9"; }

.ion-pricetag:before {
  content: "\f2aa"; }

.ion-pricetags:before {
  content: "\f2ab"; }

.ion-printer:before {
  content: "\f21a"; }

.ion-pull-request:before {
  content: "\f345"; }

.ion-qr-scanner:before {
  content: "\f346"; }

.ion-quote:before {
  content: "\f347"; }

.ion-radio-waves:before {
  content: "\f2ac"; }

.ion-record:before {
  content: "\f21b"; }

.ion-refresh:before {
  content: "\f21c"; }

.ion-reply:before {
  content: "\f21e"; }

.ion-reply-all:before {
  content: "\f21d"; }

.ion-ribbon-a:before {
  content: "\f348"; }

.ion-ribbon-b:before {
  content: "\f349"; }

.ion-sad:before {
  content: "\f34a"; }

.ion-sad-outline:before {
  content: "\f4d7"; }

.ion-scissors:before {
  content: "\f34b"; }

.ion-search:before {
  content: "\f21f"; }

.ion-settings:before {
  content: "\f2ad"; }

.ion-share:before {
  content: "\f220"; }

.ion-shuffle:before {
  content: "\f221"; }

.ion-skip-backward:before {
  content: "\f222"; }

.ion-skip-forward:before {
  content: "\f223"; }

.ion-social-android:before {
  content: "\f225"; }

.ion-social-android-outline:before {
  content: "\f224"; }

.ion-social-angular:before {
  content: "\f4d9"; }

.ion-social-angular-outline:before {
  content: "\f4d8"; }

.ion-social-apple:before {
  content: "\f227"; }

.ion-social-apple-outline:before {
  content: "\f226"; }

.ion-social-bitcoin:before {
  content: "\f2af"; }

.ion-social-bitcoin-outline:before {
  content: "\f2ae"; }

.ion-social-buffer:before {
  content: "\f229"; }

.ion-social-buffer-outline:before {
  content: "\f228"; }

.ion-social-chrome:before {
  content: "\f4db"; }

.ion-social-chrome-outline:before {
  content: "\f4da"; }

.ion-social-codepen:before {
  content: "\f4dd"; }

.ion-social-codepen-outline:before {
  content: "\f4dc"; }

.ion-social-css3:before {
  content: "\f4df"; }

.ion-social-css3-outline:before {
  content: "\f4de"; }

.ion-social-designernews:before {
  content: "\f22b"; }

.ion-social-designernews-outline:before {
  content: "\f22a"; }

.ion-social-dribbble:before {
  content: "\f22d"; }

.ion-social-dribbble-outline:before {
  content: "\f22c"; }

.ion-social-dropbox:before {
  content: "\f22f"; }

.ion-social-dropbox-outline:before {
  content: "\f22e"; }

.ion-social-euro:before {
  content: "\f4e1"; }

.ion-social-euro-outline:before {
  content: "\f4e0"; }

.ion-social-facebook:before {
  content: "\f231"; }

.ion-social-facebook-outline:before {
  content: "\f230"; }

.ion-social-foursquare:before {
  content: "\f34d"; }

.ion-social-foursquare-outline:before {
  content: "\f34c"; }

.ion-social-freebsd-devil:before {
  content: "\f2c4"; }

.ion-social-github:before {
  content: "\f233"; }

.ion-social-github-outline:before {
  content: "\f232"; }

.ion-social-google:before {
  content: "\f34f"; }

.ion-social-google-outline:before {
  content: "\f34e"; }

.ion-social-googleplus:before {
  content: "\f235"; }

.ion-social-googleplus-outline:before {
  content: "\f234"; }

.ion-social-hackernews:before {
  content: "\f237"; }

.ion-social-hackernews-outline:before {
  content: "\f236"; }

.ion-social-html5:before {
  content: "\f4e3"; }

.ion-social-html5-outline:before {
  content: "\f4e2"; }

.ion-social-instagram:before {
  content: "\f351"; }

.ion-social-instagram-outline:before {
  content: "\f350"; }

.ion-social-javascript:before {
  content: "\f4e5"; }

.ion-social-javascript-outline:before {
  content: "\f4e4"; }

.ion-social-linkedin:before {
  content: "\f239"; }

.ion-social-linkedin-outline:before {
  content: "\f238"; }

.ion-social-markdown:before {
  content: "\f4e6"; }

.ion-social-nodejs:before {
  content: "\f4e7"; }

.ion-social-octocat:before {
  content: "\f4e8"; }

.ion-social-pinterest:before {
  content: "\f2b1"; }

.ion-social-pinterest-outline:before {
  content: "\f2b0"; }

.ion-social-python:before {
  content: "\f4e9"; }

.ion-social-reddit:before {
  content: "\f23b"; }

.ion-social-reddit-outline:before {
  content: "\f23a"; }

.ion-social-rss:before {
  content: "\f23d"; }

.ion-social-rss-outline:before {
  content: "\f23c"; }

.ion-social-sass:before {
  content: "\f4ea"; }

.ion-social-skype:before {
  content: "\f23f"; }

.ion-social-skype-outline:before {
  content: "\f23e"; }

.ion-social-snapchat:before {
  content: "\f4ec"; }

.ion-social-snapchat-outline:before {
  content: "\f4eb"; }

.ion-social-tumblr:before {
  content: "\f241"; }

.ion-social-tumblr-outline:before {
  content: "\f240"; }

.ion-social-tux:before {
  content: "\f2c5"; }

.ion-social-twitch:before {
  content: "\f4ee"; }

.ion-social-twitch-outline:before {
  content: "\f4ed"; }

.ion-social-twitter:before {
  content: "\f243"; }

.ion-social-twitter-outline:before {
  content: "\f242"; }

.ion-social-usd:before {
  content: "\f353"; }

.ion-social-usd-outline:before {
  content: "\f352"; }

.ion-social-vimeo:before {
  content: "\f245"; }

.ion-social-vimeo-outline:before {
  content: "\f244"; }

.ion-social-whatsapp:before {
  content: "\f4f0"; }

.ion-social-whatsapp-outline:before {
  content: "\f4ef"; }

.ion-social-windows:before {
  content: "\f247"; }

.ion-social-windows-outline:before {
  content: "\f246"; }

.ion-social-wordpress:before {
  content: "\f249"; }

.ion-social-wordpress-outline:before {
  content: "\f248"; }

.ion-social-yahoo:before {
  content: "\f24b"; }

.ion-social-yahoo-outline:before {
  content: "\f24a"; }

.ion-social-yen:before {
  content: "\f4f2"; }

.ion-social-yen-outline:before {
  content: "\f4f1"; }

.ion-social-youtube:before {
  content: "\f24d"; }

.ion-social-youtube-outline:before {
  content: "\f24c"; }

.ion-soup-can:before {
  content: "\f4f4"; }

.ion-soup-can-outline:before {
  content: "\f4f3"; }

.ion-speakerphone:before {
  content: "\f2b2"; }

.ion-speedometer:before {
  content: "\f2b3"; }

.ion-spoon:before {
  content: "\f2b4"; }

.ion-star:before {
  content: "\f24e"; }

.ion-stats-bars:before {
  content: "\f2b5"; }

.ion-steam:before {
  content: "\f30b"; }

.ion-stop:before {
  content: "\f24f"; }

.ion-thermometer:before {
  content: "\f2b6"; }

.ion-thumbsdown:before {
  content: "\f250"; }

.ion-thumbsup:before {
  content: "\f251"; }

.ion-toggle:before {
  content: "\f355"; }

.ion-toggle-filled:before {
  content: "\f354"; }

.ion-transgender:before {
  content: "\f4f5"; }

.ion-trash-a:before {
  content: "\f252"; }

.ion-trash-b:before {
  content: "\f253"; }

.ion-trophy:before {
  content: "\f356"; }

.ion-tshirt:before {
  content: "\f4f7"; }

.ion-tshirt-outline:before {
  content: "\f4f6"; }

.ion-umbrella:before {
  content: "\f2b7"; }

.ion-university:before {
  content: "\f357"; }

.ion-unlocked:before {
  content: "\f254"; }

.ion-upload:before {
  content: "\f255"; }

.ion-usb:before {
  content: "\f2b8"; }

.ion-videocamera:before {
  content: "\f256"; }

.ion-volume-high:before {
  content: "\f257"; }

.ion-volume-low:before {
  content: "\f258"; }

.ion-volume-medium:before {
  content: "\f259"; }

.ion-volume-mute:before {
  content: "\f25a"; }

.ion-wand:before {
  content: "\f358"; }

.ion-waterdrop:before {
  content: "\f25b"; }

.ion-wifi:before {
  content: "\f25c"; }

.ion-wineglass:before {
  content: "\f2b9"; }

.ion-woman:before {
  content: "\f25d"; }

.ion-wrench:before {
  content: "\f2ba"; }

.ion-xbox:before {
  content: "\f30c";
  /*! nouislider - 8.2.1 - 2015-12-02 21:43:15 */ }

.noUi-target, .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-target {
  position: relative;
  direction: ltr; }

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1; }

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0; }

.noUi-handle {
  position: relative;
  z-index: 1; }

.noUi-stacking .noUi-handle {
  z-index: 10; }

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

.noUi-base {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.noUi-horizontal {
  height: 18px; }

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px; }

.noUi-vertical {
  width: 18px; }

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px; }

.noUi-background {
  background: #fafafa;
  box-shadow: inset 0 1px 1px #f0f0f0; }

.noUi-connect {
  background: #3fb8af;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, .45);
  -webkit-transition: background 450ms;
  transition: background 450ms; }

.noUi-origin {
  border-radius: 2px; }

.noUi-target {
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb; }

.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51, 51, 51, .45), 0 3px 6px -5px #bbb; }

.noUi-draggable {
  cursor: w-resize; }

.noUi-vertical .noUi-draggable {
  cursor: n-resize; }

.noUi-handle {
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  cursor: default;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; }

.noUi-active {
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; }

.noUi-handle:after, .noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #e8e7e6;
  left: 14px;
  top: 6px; }

.noUi-handle:after {
  left: 17px; }

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px; }

.noUi-vertical .noUi-handle:after {
  top: 17px; }

[disabled] .noUi-connect, [disabled].noUi-connect {
  background: #b8b8b8; }

[disabled] .noUi-handle, [disabled].noUi-origin {
  cursor: not-allowed; }

.noUi-pips, .noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-pips {
  position: absolute;
  color: #999; }

.noUi-value {
  width: 40px;
  position: absolute;
  text-align: center; }

.noUi-value-sub {
  color: #ccc;
  font-size: 10px; }

.noUi-marker {
  position: absolute;
  background: #ccc; }

.noUi-marker-large, .noUi-marker-sub {
  background: #aaa; }

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 50px;
  top: 100%;
  left: 0;
  width: 100%; }

.noUi-value-horizontal {
  margin-left: -20px;
  padding-top: 20px; }

.noUi-value-horizontal.noUi-value-sub {
  padding-top: 15px; }

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px; }

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px; }

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px; }

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%; }

.noUi-value-vertical {
  width: 15px;
  margin-left: 20px;
  margin-top: -5px; }

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px; }

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px; }

.noUi-marker-vertical.noUi-marker-large {
  width: 15px; }

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  padding: 5px;
  text-align: center; }

.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
  top: -32px; }

.noUi-horizontal .noUi-handle-upper .noUi-tooltip {
  bottom: -32px; }

.noUi-vertical .noUi-handle-lower .noUi-tooltip {
  left: 120%; }

.noUi-vertical .noUi-handle-upper .noUi-tooltip {
  right: 120%;
  /* Base;
 *
 */ }

.noUi-pips, .noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-pips {
  position: absolute;
  color: #999;
  /* Values;
 *
 */ }

.noUi-value {
  width: 40px;
  position: absolute;
  text-align: center; }

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
  /* Markings;
 *
 */ }

.noUi-marker {
  position: absolute;
  background: #ccc; }

.noUi-marker-sub {
  background: #aaa; }

.noUi-marker-large {
  background: #aaa;
  /* Horizontal layout;
 *
 */ }

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 50px;
  top: 100%;
  left: 0;
  width: 100%; }

.noUi-value-horizontal {
  margin-left: -20px;
  padding-top: 20px; }

.noUi-value-horizontal.noUi-value-sub {
  padding-top: 15px; }

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px; }

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px; }

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
  /* Vertical layout;
 *
 */ }

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%; }

.noUi-value-vertical {
  width: 15px;
  margin-left: 20px;
  margin-top: -5px; }

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px; }

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px; }

.noUi-marker-vertical.noUi-marker-large {
  width: 15px; }

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  padding: 5px;
  text-align: center; }

.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
  top: -32px; }

.noUi-horizontal .noUi-handle-upper .noUi-tooltip {
  bottom: -32px; }

.noUi-vertical .noUi-handle-lower .noUi-tooltip {
  left: 120%; }

.noUi-vertical .noUi-handle-upper .noUi-tooltip {
  right: 120%;
  /* Colours ========== */ }

@media (max-width: 900px) and (min-width: 751px) {
    .dtOnly {
      display: none !important; } }
  @media (max-width: 900px) and (min-width: 801px) {
  .dtOnly {
    display: none !important; } }
  @media (max-width: 800px) and (min-width: 751px) {
  .dtOnly {
    display: none !important; } }
  @media (max-width: 750px) and (min-width: 0px) {
  .dtOnly {
    display: none !important; } }
  @media (max-width: 420px) and (min-width: 0px) {
  .dtOnly {
    display: none !important; } }
  @media (max-width: 340px) and (min-width: 0px) {
  .dtOnly {
    display: none !important; } }

@media (max-width: 750px) and (min-width: 0px) {
    .dtTab {
      display: none !important; } }
  @media (max-width: 420px) and (min-width: 0px) {
  .dtTab {
    display: none !important; } }
  @media (max-width: 340px) and (min-width: 0px) {
  .dtTab {
    display: none !important; } }

@media (min-width: 1340px) {
    .tabOnly {
      display: none !important; } }
  @media (max-width: 1340px) and (min-width: 901px) {
  .tabOnly {
    display: none !important; } }
  @media (min-width: 901px) {
  .tabOnly {
    display: none !important; } }
  @media (max-width: 750px) and (min-width: 0px) {
  .tabOnly {
    display: none !important; } }
  @media (max-width: 420px) and (min-width: 0px) {
  .tabOnly {
    display: none !important; } }
  @media (max-width: 340px) and (min-width: 0px) {
  .tabOnly {
    display: none !important; } }

@media (min-width: 901px) {
    .tabMob {
      display: none !important; } }

@media (min-width: 1340px) {
    .mobOnly {
      display: none !important; } }
  @media (max-width: 1340px) and (min-width: 901px) {
  .mobOnly {
    display: none !important; } }
  @media (max-width: 1340px) and (min-width: 751px) {
  .mobOnly {
    display: none !important; } }
  @media (min-width: 901px) {
  .mobOnly {
    display: none !important; } }
  @media (max-width: 1100px) and (min-width: 751px) {
  .mobOnly {
    display: none !important; } }
  @media (max-width: 900px) and (min-width: 751px) {
  .mobOnly {
    display: none !important; } }
  @media (max-width: 900px) and (min-width: 801px) {
  .mobOnly {
    display: none !important; } }
  @media (max-width: 800px) and (min-width: 751px) {
  .mobOnly {
    display: none !important; } }
  @media (min-width: 751px) {
  .mobOnly {
    display: none !important; } }

.hidden {
  display: none !important; }

.floatLeft {
  float: left !important; }

.floatRight {
  float: right !important; }

@font-face {
  font-family: 'pill_gothic_300mgthin';
  src: url('../fonts/betatype_-_pillgothic300mg-thin.eot');
  src: url('../fonts/betatype_-_pillgothic300mg-thin.svg#pill_gothic_300mgthin') format('svg'), url('../fonts/betatype_-_pillgothic300mg-thin.eot?#iefix') format('embedded-opentype'), url('../fonts/betatype_-_pillgothic300mg-thin.woff') format('woff'), url('../fonts/betatype_-_pillgothic300mg-thin.ttf') format('truetype');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'pill_gothic_300mgmedium';
  src: url('../fonts/betatype_-_pillgothic300mg-medium.eot');
  src: url('../fonts/betatype_-_pillgothic300mg-medium.svg#pill_gothic_300mgmedium') format('svg'), url('../fonts/betatype_-_pillgothic300mg-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/betatype_-_pillgothic300mg-medium.woff') format('woff'), url('../fonts/betatype_-_pillgothic300mg-medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'pill_gothic_300mg_rgregular';
  src: url('../fonts/betatype_-_pillgothic300mg-regular.eot');
  src: url('../fonts/betatype_-_pillgothic300mg-regular.svg#pill_gothic_300mg_rgregular') format('svg'), url('../fonts/betatype_-_pillgothic300mg-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/betatype_-_pillgothic300mg-regular.woff') format('woff'), url('../fonts/betatype_-_pillgothic300mg-regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'pill_gothic_300mglight';
  src: url('../fonts/betatype_-_pillgothic300mg-light.eot');
  src: url('../fonts/betatype_-_pillgothic300mg-light.svg#pill_gothic_300mglight') format('svg'), url('../fonts/betatype_-_pillgothic300mg-light.eot?#iefix') format('embedded-opentype'), url('../fonts/betatype_-_pillgothic300mg-light.woff') format('woff'), url('../fonts/betatype_-_pillgothic300mg-light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'pill_gothic_300mgblack';
  src: url('../fonts/betatype_-_pillgothic300mg-black.eot');
  src: url('../fonts/betatype_-_pillgothic300mg-black.svg#pill_gothic_300mgblack') format('svg'), url('../fonts/betatype_-_pillgothic300mg-black.eot?#iefix') format('embedded-opentype'), url('../fonts/betatype_-_pillgothic300mg-black.woff') format('woff'), url('../fonts/betatype_-_pillgothic300mg-black.ttf') format('truetype');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'pill_gothic_300mg_rgbold';
  src: url('../fonts/betatype_-_pillgothic300mg-bold.eot');
  src: url('../fonts/betatype_-_pillgothic300mg-bold.svg#pill_gothic_300mg_rgbold') format('svg'), url('../fonts/betatype_-_pillgothic300mg-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/betatype_-_pillgothic300mg-bold.woff') format('woff'), url('../fonts/betatype_-_pillgothic300mg-bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FuturisBold';
  src: url('../fonts/futurisbold.eot');
  src: url('../fonts/futurisbold.eot') format('embedded-opentype'), url('../fonts/futurisbold.woff') format('woff'), url('../fonts/futurisbold.ttf') format('truetype'), url('../fonts/futurisbold.svg#FuturisBold') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FuturaMediumRegular';
  src: url('../fonts/fut_medium.eot');
  src: url('../fonts/fut_medium.eot') format('embedded-opentype'), url('../fonts/fut_medium.woff') format('woff'), url('../fonts/fut_medium.ttf') format('truetype'), url('../fonts/fut_medium.svg#FuturaMediumRegular') format('svg');
  font-weight: normal;
  font-style: normal; }

h1 {
  font-family: 'FuturisBold';
  font-weight: normal; }

h1, h2, h3, h4, h5, h6, b {
  font-weight: normal;
  /* Custom page layout here */ }

html, body {
  overflow-x: hidden;
  font-family: 'arial'; }

#wrapper {
  width: 100%;
  overflow-x: hidden; }

.defwidth {
  max-width: 1268px;
  margin: 0 auto; }

.red {
  color: #a71e23 !important; }

strong {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-weight: normal; }

p {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin: 0 0 15px;
  line-height: 16px; }

a {
  color: #a71e23; }

input, button {
  outline: none; }

.clear {
  clear: both;
  /*Borders*/ }

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

.greyborbot {
  border-bottom: 1px solid #d6d6d6;
  /* Buttons */
  /*its now a red button! */ }

a.yellowbtn, .yellowbtn {
  width: 100%;
  float: left;
  color: #fff;
  border: 1px solid #d6d6d6;
  background: #a71e23;
  text-align: center;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-decoration: none;
  border: 0; }

a.redbtn, .redbtn {
  width: 100%;
  float: left;
  color: #fff;
  border: 1px solid #a71e23;
  background: #a71e23;
  text-align: center;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 17px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-decoration: none; }

a.greybtn, .greybtn {
  width: 100%;
  float: left;
  color: #fff;
  border: 1px solid #d6d6d6;
  background: #d6d6d6;
  text-align: center;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 17px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-decoration: none; }

.blackbtn, a.blackbtn {
  width: 100%;
  color: #fff;
  background: black;
  text-align: center;
  padding: 10px;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 17px;
  font-family: 'pill_gothic_300mg_rgbold';
  text-decoration: none;
  clear: both; }

a.blackwhitebtn, .blackwhitebtn {
  width: 100%;
  float: left;
  color: #666;
  border: 1px solid #666;
  background: #fff;
  text-align: center;
  padding: 17px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 21px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-decoration: none; }

.content {
  min-height: 400px;
  clear: both; }

.newblackbtn {
  text-align: center;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  color: #fff !important;
  text-transform: uppercase;
  font-size: 14px;
  background: #000;
  width: 225px;
  padding: 10px 0;
  display: block;
  margin: 0 auto;
  letter-spacing: 1px;
  text-decoration: none;
  /*header styles here*/ }

header {
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  header .defwidth {
    height: 85px;
    position: relative; }
  header .navwrap {
    width: 100%;
    background: #000;
    float: left;
    clear: both; }
    header .navwrap .mainnav .signup, header .navwrap .mainnav .storefind {
      text-transform: none; }

.logo {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 16px;
  width: 129px;
  text-align: center; }

.topnav, .topnav a {
  color: #000;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px; }

.topnav {
  margin: 0 0 0 20px; }
  .topnav > div {
    float: left; }
  .topnav > ul {
    padding: 0;
    margin: 0; }
  .topnav > ul > li {
    display: inline;
    float: left;
    padding: 0 25px 0 0; }

#currency-selector .options {
  display: none;
  position: absolute; }

#mybag .subcartrow, .followbagwrap .subcartrow {
  margin-top: 20px !important; }
  #mybag .cartdd, .followbagwrap .cartdd {
    position: absolute;
    background: #fff;
    width: 320px;
    right: 0;
    z-index: 5000;
    top: 65px;
    padding: 15px 0 0;
    display: none; }
  #mybag .del, .followbagwrap .del {
    text-align: center;
    text-transform: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 13px;
    padding: 15px 0 0; }
  #mybag .mybagpad, .followbagwrap .mybagpad {
    padding: 0 15px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%; }
  #mybag .sub, .followbagwrap .sub {
    text-transform: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 14px; }
  #mybag .tot, .followbagwrap .tot {
    text-transform: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 14px; }
  #mybag .spendmore, .followbagwrap .spendmore {
    background: #f5f5f5;
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    text-align: center;
    font-size: 18px; }
    #mybag .spendmore span, .followbagwrap .spendmore span {
      font-size: 14px; }
  #mybag .subcarttotalwrap, .followbagwrap .subcarttotalwrap {
    float: left;
    width: 100%;
    padding: 15px 0 0; }
  #mybag .subcartrow, .followbagwrap .subcartrow {
    margin: 0 0 20px; }
  #mybag .subcartrow:last-child, .followbagwrap .subcartrow:last-child {
    margin: 0; }
  #mybag .subcarttext, .followbagwrap .subcarttext {
    padding: 5px 0 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #mybag .subcarttext p, .followbagwrap .subcarttext p {
    font-size: 12px;
    margin-bottom: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    text-transform: none; }
    #mybag .subcarttext p strong, .followbagwrap .subcarttext p strong {
      font-weight: normal;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 700; }
  #mybag .subcarttext p.title, .followbagwrap .subcarttext p.title, #mybag .subcarttext p.title a, .followbagwrap .subcarttext p.title a {
    margin: 0 0 10px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    text-decoration: none; }
  #mybag .subcarttotal .totalrow p, .followbagwrap .subcarttotal .totalrow p {
    font-size: 18px;
    margin-bottom: 0; }
    #mybag .subcarttotal p, .followbagwrap .subcarttotal p {
      margin-bottom: 15px; }

#mybag:hover .cartdd {
  display: block; }

.mainsearch {
  float: left;
  background: #fbfbfb; }
  .mainsearch input {
    font-family: 'pill_gothic_300mglight';
    border: 1px solid #d6d6d6;
    height: 35px;
    width: 308px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url('../images/searchbg.gif') center right no-repeat; }

footer {
  width: 100%;
  float: left;
  clear: both;
  margin: 0; }
  footer .footernav {
    clear: both;
    float: left;
    width: 100%; }
    footer .footernav .footerwidth {
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      footer .footernav .footerwidth label {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 14px;
        margin: 0 0 4px; }
  footer .signupsocial {
    float: left;
    width: 100%; }
    footer .signupsocial img {
      -webkit-transform: translateZ(0);
      -webkit-backface-visibility: hidden; }
    footer .signupsocial > div > div {
      float: left; }
      footer .signupsocial > div > div label {
        font-size: 14px;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        margin-bottom: 5px;
        float: left;
        width: 100%; }
      footer .signupsocial > div > div input[type="text"] {
        width: 80%;
        width: calc(100% - 35px);
        margin: 5px 0 20px;
        height: 40px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
        font-size: 13px;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        background: #fff;
        border: 1px solid #000;
        text-transform: uppercase;
        float: left; }
      footer .signupsocial > div > div input[type="submit"] {
        width: 20%;
        width: 35px;
        border: 0;
        float: left;
        margin: 5px 0 0;
        background: #000 url("/images/whiterightarrow.gif") center center no-repeat;
        height: 40px; }
    footer .signupsocial ::-webkit-input-placeholder {
      color: #000; }
    footer .signupsocial ::-moz-placeholder {
      color: #000; }
    footer .signupsocial :-ms-input-placeholder {
      color: #000; }
    footer .signupsocial :-moz-placeholder {
      color: #000; }
    footer .signupsocial .giftsocial {
      padding: 0; }
      footer .signupsocial .giftsocial .followus {
        float: left; }
        footer .signupsocial .giftsocial .followus div {
          width: 160px;
          float: right; }
        footer .signupsocial .giftsocial .followus ul {
          padding: 0;
          margin: 15px 0 0;
          float: left;
          clear: both; }
        footer .signupsocial .giftsocial .followus ul li {
          list-style-type: none;
          display: inline;
          margin-right: 6px; }

.followus ul li a {
  color: #fff;
  text-decoration: none !important;
  /* home page */ }

.textbanner {
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  padding: 12px 20px;
  float: left;
  margin-bottom: 12px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'FuturisBold';
  text-align: center;
  /*category page*/ }
  .textbanner a {
    text-decoration: none; }
  .textbanner a h2 {
    font-size: 36px;
    margin: 0;
    color: #bcbcbc; }
  .textbanner a .shopnow {
    font-size: 22px;
    color: #000; }

.catholder .displayfiltersholder {
  position: relative; }

.catheader, .giftheader {
  width: 100%;
  float: left;
  height: 290px;
  position: relative; }
  .catheader .overlaypic, .giftheader .overlaypic {
    width: 180px;
    height: 168px; }
  .catheader h1, .giftheader h1 {
    color: #fff;
    float: right;
    padding: 10px 20px;
    margin: 70px 80px 0 0;
    font-size: 32px;
    text-transform: uppercase; }
  .catheader .catblurb, .giftheader .catblurb {
    float: right;
    margin: 20px 80px 20px 0;
    width: 455px;
    padding: 15px 15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both; }
    .catheader .catblurb .intro, .giftheader .catblurb .intro {
      color: #fff;
      font-size: 14px;
      margin: 0; }
    .catheader .catblurb p, .giftheader .catblurb p {
      color: #fff;
      font-size: 14px;
      font-family: 'FuturaMediumRegular';
      font-weight: normal;
      letter-spacing: 1px;
      margin: 0 0 15px; }

.customSelect {
  border: 1px solid #d6d6d6;
  padding: 5px 22px 5px 12px;
  font-family: 'pill_gothic_300mglight';
  font-size: 12px;
  background: url("/images/mob-footarrowdown.png") center right no-repeat;
  cursor: pointer;
  float: left;
  margin: 0 10px 0 0; }

.customSelectInner {
  width: auto !important; }

.checkbox-wrapper {
  float: left;
  clear: both;
  position: relative; }

input.checkbox {
  clear: both;
  float: left;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  width: 100%;
  cursor: pointer;
  position: absolute;
  height: 15px;
  left: 0; }

input[type="checkbox"] + label {
  float: left;
  cursor: pointer;
  margin: 0 0 5px;
  padding: 0 0 0 22px; }

.catprods {
  float: left; }
  .catprods .prod {
    position: relative; }
  .catprods div {
    float: left;
    margin-bottom: 10px; }
    .catprods div .image {
      width: 100%; }
      .catprods div .image a {
        display: block; }
        .catprods div .image a img {
          margin: 0 auto;
          display: block; }
    .catprods div .text, .catprods div .text a {
      font-size: 14px;
      width: 100%;
      height: 105px;
      font-family: 'pill_gothic_300mglight';
      text-align: center;
      text-decoration: none;
      color: #000;
      white-space: nowrap;
      overflow: hidden; }
      .catprods div .text span, .catprods div .text a span {
        display: block;
        margin-top: 10px; }
      .catprods div .text .price, .catprods div .text a .price {
        font-family: 'pill_gothic_300mg_rgbold'; }
      .catprods div .text .now, .catprods div .text a .now {
        color: #ea0000;
        font-family: 'pill_gothic_300mg_rgbold';
        margin-top: 3px; }
      .catprods div .text .sale, .catprods div .text a .sale {
        color: #666;
        margin-top: 3px;
        background: #fff;
        border: 1px solid #666;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5px;
        float: left;
        margin: 10px 0 0;
        width: 100%;
        position: relative;
        max-width: 350px;
        font-family: 'Roboto Condensed', sans-serif !important;
        font-weight: 400;
        text-transform: uppercase; }
      .catprods div .text .was, .catprods div .text a .was {
        color: #878787; }

.view, .multi, .refine {
  cursor: pointer; }

input:focus {
  outline: none; }

#slider-range .ui-slider-handle:focus {
  outline: none; }

.pages {
  float: right;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  text-transform: uppercase; }
  .pages a {
    float: left; }
  .pages .paginationnumbers {
    margin-top: 7px;
    float: left; }

.top {
  float: left;
  font-family: 'pill_gothic_300mg_rgregular';
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 4px; }

.bottomcatnav {
  width: 50%;
  float: right; }
  .bottomcatnav .pages {
    clear: none; }
  .bottomcatnav .top a {
    text-decoration: none;
    color: #000; }

.prodarea {
  width: 100%;
  float: left; }
  .prodarea h1 {
    font-size: 30px;
    margin: 0 0 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700; }
  .prodarea .was {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #878787;
    font-size: 14px;
    margin: 0 0 2px;
    display: block; }
  .prodarea .price {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    display: block;
    color: #000;
    font-size: 25px; }
    .prodarea .price sup {
      font-size: 14px; }
  .prodarea .now {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    display: block;
    color: #a71e23;
    font-size: 25px; }
    .prodarea .now sup {
      font-size: 14px;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 400; }
  .prodarea .prodimages {
    position: relative;
    overflow: hidden; }
    .prodarea .prodimages .selectimage {
      width: 56px;
      z-index: 9; }
      .prodarea .prodimages .selectimage img {
        width: auto;
        margin: 0 0 5px; }
    .prodarea .prodimages video {
      width: 100%; }
  .prodarea .prodinfo {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .prodarea .prodinfo .size span.sizeguide {
      float: right;
      text-align: right;
      text-transform: uppercase; }
      .prodarea .prodinfo .size span.sizeguide a {
        color: #000; }
    .prodarea .prodinfo .color, .prodarea .prodinfo .size {
      float: left; }
      .prodarea .prodinfo .color .mySelectBoxClass, .prodarea .prodinfo .size .mySelectBoxClass {
        height: 56px; }
      .prodarea .prodinfo .color .customSelectInner, .prodarea .prodinfo .size .customSelectInner {
        margin: 15px 0; }
      .prodarea .prodinfo .color span, .prodarea .prodinfo .size span {
        float: left;
        width: 100%;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 14px;
        color: #000; }
        .prodarea .prodinfo .color span .selected-size, .prodarea .prodinfo .size span .selected-size, .prodarea .prodinfo .color span #selected-colour, .prodarea .prodinfo .size span #selected-colour {
          font-family: 'Roboto Condensed', sans-serif;
          font-weight: 400; }
      .prodarea .prodinfo .color .selectcolor, .prodarea .prodinfo .size .selectcolor, .prodarea .prodinfo .color .selectsize, .prodarea .prodinfo .size .selectsize {
        margin: 3px 3px 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left; }
      .prodarea .prodinfo .color .selectcolor, .prodarea .prodinfo .size .selectcolor {
        border: 3px solid #fff; }
      .prodarea .prodinfo .color .selectcolor.selected, .prodarea .prodinfo .size .selectcolor.selected {
        border: 3px solid #000; }
      .prodarea .prodinfo .color .selectsize, .prodarea .prodinfo .size .selectsize {
        height: 45.4px;
        width: 45.4px;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        padding-top: 14px;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 13px;
        border: 3px solid #fff; }
      .prodarea .prodinfo .color .selectsize.available, .prodarea .prodinfo .size .selectsize.available {
        border: 1px solid #000;
        background: #fff; }
      .prodarea .prodinfo .color .selectsize.na, .prodarea .prodinfo .size .selectsize.na {
        background: #f5f5f5;
        border: 1px solid #d9d9d9;
        color: #d9d9d9; }
      .prodarea .prodinfo .color .selectsize.selected, .prodarea .prodinfo .size .selectsize.selected {
        border: 3px solid #000;
        background: #fff;
        color: #000; }

.deal {
  background: #fff;
  border: 1px solid #666;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  float: left;
  margin: 30px 0 0;
  width: 100%;
  position: relative;
  max-width: 350px; }
  .deal > div {
    float: left; }
  .deal .dealtext {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    clear: both;
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 19px; }
    .deal .dealtext a {
      display: block;
      text-decoration: none;
      color: #666; }

.addtobag {
  float: left; }
  .addtobag .yellowbtn {
    padding: 15px 10px; }
  .addtobag .greybtn {
    font-weight: normal;
    width: 37%;
    padding: 17px 0;
    margin: 0 0 0 3%;
    font-size: 13px; }
  .addtobag .deals {
    float: left;
    font-size: 18px;
    line-height: 21px;
    margin: 10px 0;
    padding: 17px 0; }
  .addtobag .instore {
    margin: 20px 0; }

.description-reviews {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  color: #58595b;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.reviewsholder {
  float: left;
  width: 100%; }

.rating {
  float: left; }
  .rating .text {
    margin: 3px 10px 0 0;
    font-family: 'pill_gothic_300mgmedium';
    clear: both; }
  .rating .text, .rating .stars {
    float: left; }

.review-name {
  float: left;
  width: 100%; }

.description {
  float: left;
  width: 100%; }
  .description table {
    margin-bottom: 15px; }
  .description b {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700; }
  .description ul {
    margin: 0 0 0 20px;
    padding: 0; }

.fit {
  width: 100%;
  float: left;
  margin: 10px 0 15px;
  clear: both; }
  .fit .text {
    float: left;
    margin: 0 10px 0 0;
    font-family: 'pill_gothic_300mgmedium'; }
  .fit div.radio {
    float: left;
    padding: 0;
    text-align: center;
    width: 195px !important;
    background: url('/images/radiobg.png') top left no-repeat; }
  .fit .radio .radioholder {
    width: 33.3333%;
    margin: 0;
    float: left;
    clear: none;
    text-align: center; }
  .fit .radio label {
    margin-top: 10px;
    float: left;
    width: 33.333%;
    clear: none; }

.review {
  margin: 0 0 20px;
  float: left;
  width: 100%; }
  .review p {
    float: left;
    clear: both; }
  .review .chars {
    width: 100%;
    float: left;
    margin: -10px 0 10px; }

.youmightlike {
  float: left;
  margin: 30px 0;
  max-width: 400px; }
  .youmightlike h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 20px; }
  .youmightlike .likeprods img {
    width: 100%;
    margin: 0 5px 0 0; }

.video video {
  width: 100%;
  /* amend slider */ }

.sliderholder {
  float: left;
  width: 100%;
  overflow: hidden; }

.master-slider {
  width: 100% !important; }

.ms-view, .master-slider {
  margin: 0 !important; }

.ms-bullets-count {
  display: none !important; }

.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {
  top: 20% !important; }

.video {
  display: none;
  position: relative; }

.prodimages .showvid {
  width: 150px;
  float: right;
  margin: 15px 0;
  background: #a71e23;
  font-family: 'Roboto Condensed', sans-serif; }

.showvid:before {
  content: "Show video"; }

.showvid.clicked:before {
  content: "Hide video"; }

.vjs-default-skin .vjs-big-play-button:focus, .vjs-default-skin .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:hover, .vjs-default-skin:hover .vjs-big-play-button {
  position: absolute;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  top: 50%;
  left: 50%;
  width: 171px;
  height: 171px;
  margin-top: -85px;
  margin-left: -85px;
  background: transparent url(/images/play-button-large.png) no-repeat center center;
  cursor: pointer; }

.video :focus {
  outline: none; }

.video {
  overflow: hidden;
  width: 100%;
  float: left; }

.video-js {
  padding-top: 56.25% !important; }

.vjs-fullscreen {
  padding-top: 0px !important; }

.vjs-poster {
  display: none; }

.delivery, .returns {
  display: none; }

.desc p, .delivery p, .returns p {
  line-height: 16px; }

.tabs span {
  width: 30%;
  float: left;
  font-size: 18px;
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #808285;
  margin-right: 3%;
  color: #808285;
  cursor: pointer;
  background: url('/images/detailsopen.png') right center no-repeat; }

.tabs span.selected {
  border-bottom: 1px solid #dbdbdb;
  background: url('/images/detailsclose.png') right center no-repeat; }

.checkinstore {
  width: 100%;
  float: left; }

.socialmob {
  width: 100%;
  float: left; }
  .socialmob ul {
    margin-top: 20px; }
    .socialmob ul li {
      display: inline-block;
      width: 30%;
      text-align: center; }

.your-cart {
  width: 70%;
  float: left;
  font-size: 14px;
  line-height: 16px;
  font-family: 'pill_gothic_300mg_rgregular';
  margin: 70px 0 100px; }
  .your-cart h1 {
    font-size: 30px;
    font-family: 'pill_gothic_300mgmedium';
    margin: 0 0 10px; }
  .your-cart .now {
    color: #ea0000; }
  .your-cart .was {
    color: #929292; }
  .your-cart .remove a {
    color: #a71e23;
    text-decoration: none; }
  .your-cart .totals {
    margin: 30px 0 0; }
  .your-cart .total {
    font-family: 'pill_gothic_300mg_rgbold';
    font-size: 18px;
    padding: 20px 0;
    text-transform: uppercase; }
  .your-cart .quantity input {
    height: 37px;
    width: 30px;
    border: 2px solid #ebebeb;
    padding: 10px 5px;
    text-align: center;
    margin: 0;
    float: left;
    font-family: 'pill_gothic_300mg_rgregular';
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .your-cart .quantity form > div {
      float: left;
      background: #ebebeb; }
    .your-cart .quantity .button {
      width: 15px;
      padding: 10px 0 0;
      text-align: center;
      height: 37px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      cursor: pointer; }
  .your-cart .promo {
    width: 65%;
    float: left;
    margin: 30px 0 0; }
    .your-cart .promo h2 {
      float: left;
      font-size: 18px;
      text-transform: uppercase;
      font-weight: normal; }
    .your-cart .promo input {
      border: 2px solid #d6d6d6;
      padding: 10px;
      margin: 0 10px;
      float: left;
      font-family: 'pill_gothic_300mg_rgregular';
      font-size: 14px;
      width: 30%; }
    .your-cart .promo a {
      width: 135px; }

.sidebar h2 {
  font-family: 'pill_gothic_300mg_rgbold';
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  margin-top: 20px;
  float: left; }
  .sidebar .mightbeinto {
    float: left;
    width: 100%; }
    .sidebar .mightbeinto a {
      width: 30%;
      float: left;
      margin: 0 3% 10px 0; }
      .sidebar .mightbeinto a img {
        width: 100%; }
  .sidebar ul {
    width: 100%;
    float: left;
    margin: 0 0 0 20px;
    padding: 0 3% 0 0;
    list-style-type: disc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .sidebar ul li a {
      font-size: 14px;
      font-family: 'pill_gothic_300mg_rgregular';
      line-height: 16px;
      text-decoration: none;
      color: #58595b; }

.checkout-template header {
  height: 85px; }
  .checkout-template .defwidth {
    max-width: 900px; }
  .checkout-template .logo {
    display: block;
    width: 200px;
    float: none;
    margin: 0 auto; }
  .checkout-template #cart-steps {
    height: 40px;
    border-collapse: collapse;
    width: 100%;
    margin: 20px 0 0;
    float: left;
    font-family: 'pill_gothic_300mgmedium';
    font-size: 16px;
    border: 1px solid #ededed; }
  .checkout-template #cart-steps .step {
    width: 25%;
    verticalAlign: middle;
    padding: 0 0 0 15px;
    text-transform: uppercase;
    color: #888;
    background: url(/images/cart-step-current.gif) top right no-repeat; }
  .checkout-template #cart-steps .step.current {
    color: #a71e23; }
  .checkout-template #cart-steps .step.end {
    background-image: none; }
  .checkout-template footer {
    font-family: 'pill_gothic_300mg_rgregular';
    font-size: 14px;
    text-align: right;
    padding: 50px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .checkout-template .yourcart img {
    width: 100%; }
    .checkout-template .yourcart td {
      verticalAlign: top; }
    .checkout-template .yourcart .subcarttext p {
      margin-bottom: 3px; }
  .checkout-template .subcarttext {
    padding: 0 0 0 10px; }
  .checkout-template .freight {
    font-family: 'pill_gothic_300mg_rgregular';
    font-size: 17px; }
  .checkout-template .side-total {
    font-family: 'pill_gothic_300mgmedium';
    font-size: 19px; }
  .checkout-template .yellowbtn.payment {
    width: 120px;
    float: right;
    margin: 20px 0 0; }
  .checkout-template .yellowbtn.confpayment {
    width: 180px;
    float: right;
    margin: 20px 0 0; }
  .checkout-template .yellowbtn.payment, .checkout-template .yellowbtn.confpayment, .checkout-template .greybtn.goback {
    padding: 15px 10px;
    font-family: 'FuturisBold'; }
  .checkout-template .whats-this {
    clear: none;
    margin: 10px 0 0 10px; }
  .checkout-template .redbtn.goback, .checkout-template .greybtn.goback {
    width: 120px;
    float: left;
    margin: 20px 0 0;
    clear: both; }
  .checkout-template select {
    outline: 0;
    -webkit-appearance: none;
    border-radius: 0;
    background: url("/images/mob-footarrowdown.png") right center no-repeat; }

.checkoutprocess {
  float: left;
  font-size: 14px;
  line-height: 16px;
  font-family: 'pill_gothic_300mg_rgregular';
  margin: 70px 0 100px; }
  .checkoutprocess h1 {
    font-size: 30px;
    font-family: 'pill_gothic_300mgmedium';
    margin: 0 0 10px;
    line-height: 33px; }
  .checkoutprocess h2 {
    font-weight: normal;
    margin: 40px 0 20px;
    float: left;
    width: 100%; }
  .checkoutprocess .amount {
    font-size: 20px;
    float: left;
    clear: both;
    line-height: 22px;
    margin-top: 10px; }
  .checkoutprocess .sep {
    float: left;
    width: 100%;
    margin-top: 30px;
    border-top: 1px solid #d6d6d6; }

.checkout-template form {
  float: left;
  margin: 20px 0 0; }
  .checkout-template form label {
    float: left;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 11px 0 0; }
  .checkout-template form input, .checkout-template form select {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #ebebeb;
    padding: 10px;
    font-family: 'pill_gothic_300mg_rgregular';
    font-size: 14px;
    margin: 0 0 15px; }
  .checkout-template form p, .checkout-template form span, .checkout-template form h3 {
    clear: both;
    float: left; }
  .checkout-template form .half-size-inputs {
    width: 50%;
    float: left; }
    .checkout-template form .half-size-inputs input {
      width: 60%; }
    .checkout-template form .half-size-inputs label {
      width: 40%; }
  .checkout-template form .year label {
    padding: 0 0 0 10px; }
  .checkout-template label.checkbox {
    width: 100%; }
  .checkout-template label.checkbox input {
    width: 12px;
    float: left;
    margin: 0 10px 0 0; }
  .checkout-template .gift-card-holder {
    clear: both;
    float: left;
    width: 230px; }
  .checkout-template .gift-card-holder table {
    float: left; }
  .checkout-template .gift-card-holder .yellowbtn {
    font-size: 13px;
    line-height: 13px;
    padding: 5px 10px; }
  .checkout-template .payment-gift-cards td {
    padding: 10px 10px 10px 0;
    text-transform: uppercase; }
  .checkout-template .payment-gift-cards td a {
    text-decoration: none; }
  .checkout-template .payment-gift-cards .selected {
    color: #3fb34f; }
  .checkout-template .payment-gift-cards .remove {
    font-family: 'pill_gothic_300mgmedium'; }
  .checkout-template .totalcc {
    margin: 15px 0 0;
    font-size: 18px;
    float: right;
    text-align: right; }
  .checkout-template .dps {
    float: left;
    width: 100%;
    margin: 20px 0; }

.cc {
  float: left;
  width: 100%; }

#add-cards-form {
  margin: 0; }

.confirmtab {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  font-family: 'pill_gothic_300mg_rgregular';
  margin: 70px 0 100px; }
  .confirmtab table {
    font-family: 'pill_gothic_300mg_rgregular';
    font-size: 14px; }
  .confirmtab h1 {
    font-size: 30px;
    font-family: 'pill_gothic_300mgmedium';
    margin: 0 0 10px; }
  .confirmtab .totals {
    float: right; }
  .confirmtab .total {
    font-family: 'pill_gothic_300mg_rgbold';
    font-size: 18px;
    padding: 20px 0;
    text-transform: uppercase; }

.cart-row img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px 0 0; }

.customer-type-holder {
  margin-left: -30px;
  float: left;
  margin-top: 70px;
  margin-bottom: 100px; }
  .customer-type-holder .customer-type {
    float: left;
    padding: 0 0 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'pill_gothic_300mg_rgregular';
    font-weight: normal; }
  .customer-type-holder .customer-type h3 {
    font-size: 30px;
    font-family: 'pill_gothic_300mgmedium';
    margin: 0 0 15px; }
  .customer-type-holder .customer-type > div {
    border-bottom: 2px solid #f5f5f5;
    float: left;
    padding: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }
  .customer-type-holder .customer-type form {
    width: 100%; }
    .customer-type-holder .customer-type form input {
      width: 100%; }
  .customer-type-holder .customer-type .forgot-pw {
    margin-top: 20px; }

.white-popup h1 {
  font-size: 30px;
  font-family: 'pill_gothic_300mgmedium';
  margin: 0 0 10px; }

#form-content {
  font-family: 'pill_gothic_300mg_rgregular';
  font-size: 14px; }
  #form-content input {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #ebebeb;
    padding: 10px;
    margin: 0 0 15px;
    width: 80%; }
  #form-content label {
    float: left;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 11px 0 0;
    width: 20%; }
  #form-content button {
    text-transform: uppercase; }
  #form-content .image, #form-content .text {
    width: 50%;
    float: left; }
  #form-content .image img, #form-content .text img {
    width: 100%;
    padding: 0 10px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.addtocart .text {
  font-size: 16px;
  line-height: 20px; }
  .addtocart .text span {
    font-family: 'pill_gothic_300mgmedium'; }
  .addtocart .text .greybtn {
    margin: 10px 0; }
  .addtocart .otherslike {
    float: left;
    width: 100%;
    margin-top: 30px; }
  .addtocart .otherslike div {
    margin-left: -12px; }
    .addtocart .otherslike div a {
      width: 25%;
      float: left; }
      .addtocart .otherslike div a img {
        width: 100%;
        padding: 0 0 0 12px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
  .addtocart h2 {
    font-size: 20px;
    font-family: 'pill_gothic_300mgmedium';
    margin: 0 0 10px;
    font-weight: normal; }

.error, .review-error {
  color: #a71e23;
  margin: 0 0 15px;
  font-family: 'pill_gothic_300mg_rgregular';
  clear: both; }

.success {
  margin: 0 0 15px;
  font-family: 'pill_gothic_300mg_rgregular';
  color: #3fb34f; }

.dashside, .faq-side {
  width: 20%;
  float: left; }
  .dashside ul, .faq-side ul {
    margin: 0;
    padding: 0; }
  .dashside ul li, .faq-side ul li {
    list-style-type: none;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .dashside ul li a, .faq-side ul li a {
      color: #000;
      font-family: 'pill_gothic_300mg_rgregular';
      font-size: 16px;
      text-decoration: none; }
  .dashside ul li.active, .faq-side ul li.active {
    background: #d6d6d6; }

.dashmain, .defform, .faq-section {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  min-height: 400px;
  padding-bottom: 30px; }
  .dashmain h2, .defform h2, .faq-section h2 {
    font-family: 'pill_gothic_300mgmedium';
    float: left;
    text-transform: uppercase; }
  .dashmain p, .defform p, .faq-section p {
    float: left;
    clear: both; }
  .dashmain .order tr td, .defform .order tr td, .faq-section .order tr td {
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'pill_gothic_300mg_rgregular';
    font-size: 14px;
    line-height: 16px; }
  .dashmain .order tr td a, .defform .order tr td a, .faq-section .order tr td a {
    font-family: 'pill_gothic_300mgmedium';
    text-decoration: none; }
  .dashmain table tr td, .defform table tr td, .faq-section table tr td {
    padding: 10px; }
  .dashmain form, .defform form, .faq-section form {
    width: 100%;
    float: left; }
  .dashmain form input, .defform form input, .faq-section form input, .dashmain form select, .defform form select, .faq-section form select {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #ebebeb;
    padding: 10px;
    font-family: 'pill_gothic_300mg_rgregular';
    font-size: 14px;
    margin: 0 0 15px; }
  .dashmain form select, .defform form select, .faq-section form select {
    outline: 0;
    -webkit-appearance: none;
    border-radius: 0;
    background: url("/images/mob-footarrowdown.png") right center no-repeat; }
  .dashmain form label, .defform form label, .faq-section form label {
    float: left;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 11px 0 0; }
  .dashmain form .instruc, .defform form .instruc, .faq-section form .instruc {
    font-size: 10px;
    color: #888;
    float: left;
    width: 80%;
    margin-top: -10px;
    margin-bottom: 10px; }
  .dashmain form .ccreg, .defform form .ccreg, .faq-section form .ccreg {
    width: 100%;
    float: left;
    margin: 20px 0 0; }
  .dashmain form .birthday, .defform form .birthday, .faq-section form .birthday {
    float: left;
    margin: 0 0 20px; }
    .dashmain form .birthday select, .defform form .birthday select, .faq-section form .birthday select {
      float: left;
      margin: 0 3% 0 0; }
  .dashmain form .specials, .defform form .specials, .faq-section form .specials {
    width: 100%;
    float: left; }
    .dashmain form .specials div, .defform form .specials div, .faq-section form .specials div {
      float: left;
      width: 100%;
      clear: both; }
      .dashmain form .specials div input, .defform form .specials div input, .faq-section form .specials div input {
        width: 12px;
        margin: 0 5px 0 0; }
  .dashmain form .no-cards, .defform form .no-cards, .faq-section form .no-cards {
    width: 100%;
    float: left; }
    .dashmain form .no-cards p, .defform form .no-cards p, .faq-section form .no-cards p {
      color: #a71e23; }

.defform {
  width: 100%; }
  .defform .redbtn {
    width: 150px;
    clear: both;
    float: left; }
  .defform .checkbox {
    width: 100%;
    margin: 0 0 20px; }
  .defform .checkbox input {
    width: 15px;
    margin: 0 5px 0 0; }
  .defform select {
    width: 50%; }

.accinfo, .textheader {
  clear: both; }
  .accinfo h1, .textheader h1 {
    font-size: 30px;
    font-family: 'pill_gothic_300mgmedium';
    margin: 0 0 10px; }
  .accinfo h2, .textheader h2 {
    font-size: 20px;
    font-family: 'pill_gothic_300mgmedium';
    margin: 0 0 10px; }

.dashselect {
  width: 100%;
  float: left; }
  .dashselect select, .dashselect .customSelect {
    font-size: 25px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #d6d6d6; }

.searchfaq {
  background: #f8f8f8; }
  .searchfaq form {
    max-width: 1286px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto; }
  .searchfaq .search-btn {
    width: 100%;
    float: left;
    color: #fff;
    border: 1px solid #a71e23;
    background: #a71e23;
    text-align: center;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 17px;
    font-family: 'pill_gothic_300mg_rgbold';
    text-decoration: none; }

.giftamount {
  background: #f2f2f2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
  margin: 60px 0; }
  .giftamount form > div {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-size: contain; }
  .giftamount form > div.enter {
    background: none;
    text-transform: uppercase; }
  .giftamount form h2 {
    font-family: 'pill_gothic_300mg_rgbold';
    font-size: 18px;
    text-transform: uppercase; }
  .giftamount form .amount > div {
    float: left;
    width: 70px;
    height: 40px;
    background: #ebebeb;
    margin: 0 10px 10px 0;
    border: 1px solid #000;
    text-align: center;
    padding: 12px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'pill_gothic_300mgblack';
    font-size: 18px; }
  .giftamount form .amount > div.selected {
    color: #fff;
    background: #797979;
    outline: 2px solid #a71e23; }

.definput {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #ebebeb;
  padding: 10px;
  font-family: 'pill_gothic_300mg_rgregular';
  font-size: 14px;
  margin: 0 0 15px;
  width: 100%; }

.checkgift {
  background: #f2f2f2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
  margin: 60px 0; }
  .checkgift form > div {
    padding: 30px 30px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    clear: both; }
  .checkgift h2 {
    font-family: 'pill_gothic_300mg_rgbold';
    font-size: 18px;
    text-transform: uppercase; }
  .checkgift table {
    font-family: 'pill_gothic_300mg_rgregular';
    font-size: 14px;
    float: left;
    padding: 0 10px 0 0;
    margin: 0 0 10px; }
  .checkgift .bal {
    padding: 15px 30px 30px; }
  .checkgift .greybtn {
    width: 180px;
    margin: 20px 0 0; }

.bold {
  font-family: 'pill_gothic_300mg_rgbold'; }

.suitsbanners {
  float: left;
  margin: 15px 0 0 -10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .suitsbanners > div {
    width: 33.3333%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 10px; }
  .suitsbanners > div img {
    width: 100%; }

.nomarg {
  margin: 0 !important; }

.outfit {
  font-family: 'pill_gothic_300mg_rgregular';
  float: left;
  width: 100%; }
  .outfit p {
    font-size: 14px;
    line-height: 17px; }
  .outfit ul {
    margin: 0 0 20px 20px;
    padding: 0;
    font-size: 14px;
    line-height: 17px; }
  .outfit .selectoutfit {
    float: left;
    width: 100%;
    margin: 0 0 20px; }
  .outfit .selectoutfit > div {
    float: left; }
    .outfit .selectoutfit > div a {
      color: #000;
      text-decoration: none;
      font-size: 13px; }
      .outfit .selectoutfit > div a strong {
        margin: 0 0 3px;
        display: block; }
  .outfit .selectoutfit .choice {
    width: 125px;
    height: 105px;
    text-align: center;
    border: 1px solid #d6d6d6;
    background-size: cover !important; }
    .outfit .selectoutfit .choice div {
      width: 125px;
      height: 105px;
      background: rgba(255, 255, 255, 0.7);
      padding: 20px 0 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-family: 'pill_gothic_300mgblack';
      font-size: 24px;
      line-height: 34px;
      cursor: pointer; }
      .outfit .selectoutfit .choice div span {
        display: block; }
    .outfit .selectoutfit .choice div.overlay {
      background-image: url('/images/cross.png'); }

.addextra {
  width: 100%;
  float: left;
  margin: 20px 0 0; }
  .addextra h2 {
    font-family: 'pill_gothic_300mgmedium';
    font-size: 22px; }
  .addextra .extra {
    margin: 0 0 20px;
    float: left;
    width: 100%; }
  .addextra .extra .image {
    padding: 0 10px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left; }
  .addextra .extra .text {
    float: left; }
    .addextra .extra .text h3 {
      margin: 0 0 15px;
      font-family: 'pill_gothic_300mgmedium';
      font-size: 16px;
      line-height: 18px; }
    .addextra .extra .text .was {
      font-size: 11px;
      color: #000; }
    .addextra .extra .text .now {
      font-size: 18px;
      margin: 0 0 15px;
      font-family: 'pill_gothic_300mg_rgbold'; }
    .addextra .extra .text .redbtn {
      width: 140px;
      font-size: 16px;
      margin: 0 0 15px;
      background: #bcbbbc !important;
      border: #bcbbbc !important;
      clear: both; }
      .addextra .extra .text .redbtn span {
        font-family: 'pill_gothic_300mg_rgregular';
        font-size: 14px; }
    .addextra .extra .text .yellowbtn {
      width: 140px;
      clear: both; }
    .addextra .extra .text .added {
      color: #3fb34f;
      font-family: 'pill_gothic_300mg_rgbold';
      font-size: 18px;
      float: left;
      width: 100%; }

.review textarea, .faq-section textarea {
  width: 100%;
  height: 100px; }
  .review textarea, .faq-section textarea, .review input, .faq-section input {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #ebebeb;
    padding: 10px;
    font-size: 14px;
    margin: 0 0 15px;
    outline: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400; }

.cartimg img {
  width: 100%; }

.white-popup.quick-view {
  padding: 15px; }
  .white-popup.quick-view .prodarea > div {
    float: left; }
  .white-popup.quick-view .prodarea .right {
    width: calc(100% - 381px);
    max-width: none;
    padding-top: 20px; }
    .white-popup.quick-view .prodarea .right .yellowbtn {
      font-size: 15px; }
    .white-popup.quick-view .prodarea .right .greybtn {
      font-size: 12px; }
    .white-popup.quick-view .prodarea .right .color, .white-popup.quick-view .prodarea .right .size {
      margin: 15px 0; }
    .white-popup.quick-view .prodarea .right span {
      width: 50%; }
    .white-popup.quick-view .prodarea .right .color span {
      width: 100%; }
  .white-popup.quick-view .selectimageqv {
    float: left; }
  .white-popup.quick-view .selectimageqv img {
    clear: both;
    float: left;
    margin-bottom: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 5px; }
  .white-popup.quick-view .image {
    float: right; }
  .white-popup.quick-view h4 {
    font-size: 24px;
    font-family: 'pill_gothic_300mgmedium';
    margin: 15px 0 10px; }

.rateform {
  clear: both; }
  .rateform input, .rateform label {
    width: 100%;
    clear: both; }
  .rateform label {
    float: left;
    margin: 0 0 3px; }
  .rateform input[type="checkbox"] {
    width: 12px; }
  .rateform .redbtn {
    width: 180px;
    margin-top: 20px; }

.pages a {
  color: #fff; }
  .pages a img {
    margin: 0 5px; }

.topnav ul li:last-child {
  padding: 0 !important; }

.my-ordersform label {
  width: 100%;
  clear: both;
  float: left; }

.store-finder-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 30px 0 0;
  float: left; }
  .store-finder-wrapper #neareststore {
    margin: 0 0 30px; }
  .store-finder-wrapper select {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #ebebeb;
    padding: 10px;
    font-family: 'pill_gothic_300mg_rgregular';
    font-size: 14px;
    margin: 0 0 15px;
    outline: 0;
    -webkit-appearance: none;
    border-radius: 0;
    background: url("/images/mob-footarrowdown.png") right center no-repeat;
    width: 100%; }
  .store-finder-wrapper .cart-btn {
    margin: 0 0 20px; }

#nearby-stores-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 30px 20px 0;
  float: left; }
  #nearby-stores-wrapper .store-name {
    font-family: 'pill_gothic_300mg_rgbold';
    font-weight: normal;
    color: #a71e23;
    font-size: 17px; }

.desktop-map {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  float: left; }

.mobile-map {
  display: none;
  width: 100%; }

.store-info {
  margin: 40px 0 0;
  clear: both;
  float: left;
  width: 100%; }
  .store-info h1 {
    font-size: 30px;
    font-family: 'pill_gothic_300mgmedium';
    margin: 0 0 10px; }

.store-titles {
  font-family: 'pill_gothic_300mgmedium';
  font-size: 25px;
  clear: both;
  float: left;
  line-height: 28px;
  width: 100%; }

#addresslookupnew .inputholder {
  border: 2px solid #ebebeb;
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 5px; }
  #addresslookupnew .inputholder input {
    border: 0;
    margin: 0; }
  #addresslookupnew .inputholder img {
    position: absolute;
    right: 0;
    cursor: pointer; }

.faq-section {
  font-size: 16px;
  line-height: 20px; }
  .faq-section .contact-form select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .faq-section .contact-form .yellowbtn {
    width: 150px; }
  .faq-section p {
    font-size: 16px;
    line-height: 20px; }
  .faq-section .security-code-image {
    float: left;
    margin: 0 10px 0 0; }
  .faq-section .question {
    font-size: 16px; }
  .faq-section .question a {
    text-decoration: none;
    margin-bottom: 5px;
    display: block;
    line-height: 20px; }
  .faq-section .question .answer a {
    display: inline; }
  .faq-section .contact-us-text-section {
    width: 100%;
    float: left; }

.closed .answer {
  width: 100%;
  display: none; }

.searchfaq {
  background: #f2f2f2;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 30px; }
  .searchfaq input {
    float: left; }

.backbtn {
  float: left;
  width: 100%;
  text-align: left;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
  background: #fff; }

.white-popup.check-in-store-box {
  font-family: 'pill_gothic_300mg_rgregular';
  max-width: 780px; }
  .white-popup.check-in-store-box h2 {
    font-size: 24px;
    font-family: 'pill_gothic_300mgmedium';
    margin: 0 0 20px; }
  .white-popup.check-in-store-box .image {
    width: 128px;
    float: left; }
  .white-popup.check-in-store-box .check-product-info {
    float: left;
    font-family: 'pill_gothic_300mg_rgregular';
    font-size: 14px;
    line-height: 16px; }
  .white-popup.check-in-store-box .stock-key {
    float: right;
    font-family: 'pill_gothic_300mg_rgregular';
    font-size: 14px;
    line-height: 20px; }
  .white-popup.check-in-store-box .check-instore-tab {
    float: left;
    margin: 10px 5px 10px 0;
    display: block; }
  .white-popup.check-in-store-box .store-chart .title-row {
    text-align: center; }
    .white-popup.check-in-store-box .store-chart .title-row td {
      padding: 10px 5px; }
  .white-popup.check-in-store-box .store-chart tr td {
    padding: 5px;
    font-size: 13px; }
    .white-popup.check-in-store-box .store-chart tr td a {
      text-decoration: none; }

.gifttotal {
  float: right;
  margin-top: 39px;
  font-size: 18px;
  text-align: right; }

.selectcc {
  float: left;
  width: 100%; }
  .selectcc .card {
    background: url('/images/ccbg.png');
    width: 105px;
    height: 61px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-family: 'pill_gothic_300mgblack';
    font-size: 14px;
    text-align: center;
    padding: 35px 0 0; }
  .selectcc > div {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0 10px 30px;
    background: url('/images/select.gif') top left no-repeat;
    margin-right: 20px;
    cursor: pointer; }
  .selectcc > div span {
    margin: 0 0 10px;
    display: block; }
  .selectcc > div.selected {
    color: #a71e23;
    background: url('/images/select2.gif') top left no-repeat; }

.stock-key {
  line-height: 20px; }
  .stock-key table tr td {
    line-height: 20px; }

.store-chart .title-row {
  text-align: center; }
  .store-chart .title-row td {
    padding: 10px 5px; }
  .store-chart td {
    padding: 5px 0; }

.special .catheader, .special .giftheader {
  width: 82.5%;
  float: right; }
  .special .catlist {
    width: 82.5%;
    float: right; }
  .special .specialheading {
    background: #d6d6d6;
    padding: 15px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    font-family: 'pill_gothic_300mg_rgregular';
    font-size: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.videowrapper {
  position: relative;
  /* 16:9 */
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0; }

.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.vidthumbs {
  margin-left: -1.5%; }
  .vidthumbs > div {
    float: left;
    padding: 0 0 0 1.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .vidthumbs > div img {
    width: 100%; }

.vidtext {
  font-family: 'pill_gothic_300mg_rgregular';
  font-size: 16px;
  padding: 15px 0; }

input[type="checkbox"], input[type="radio"] {
  border: 0 !important;
  padding: 0 !important; }

.placeholder {
  margin: 0 !important;
  padding: 0 0 0 10px !important; }

.catheader > div, .giftheader > div {
  background-size: cover !important; }

.ms-slide .ms-slide-bgcont img, .ms-container, .ms-inner-controls-cont {
  margin-top: 0 !important; }

.catheader .twobanner > div {
  width: calc(50% - 5px);
  overflow: hidden;
  position: relative;
  margin: 0 0 0 5px;
  float: left; }

.catheader .twobanner > div:nth-child(odd) {
  margin: 0 5px 0 0; }

.lookbook .catheader {
  width: 100%;
  overflow: hidden; }

.more {
  font-family: 'pill_gothic_300mg_rgregular';
  font-size: 16px;
  text-decoration: none; }

.quickviewoverlay img {
  width: auto !important; }

.white-popup.quick-view .deal .dealtext {
  width: 100%;
  padding: 0;
  text-align: center; }
  .white-popup.quick-view .deal .dealtext span {
    width: 100%;
    font-size: 20px;
    line-height: 21px; }

.white-popup.quick-view {
  max-width: 830px !important; }
  .white-popup.quick-view .size {
    margin: 30px 0 20px !important; }
  .white-popup.quick-view .color {
    overflow: hidden;
    margin: 30px 0 0 !important; }
  .white-popup.quick-view .color select {
    width: 120%;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0 !important; }
  .white-popup.quick-view .deal {
    max-width: 230px;
    margin-top: 15px; }
  .white-popup.quick-view .dealbtn {
    width: 100%; }
  .white-popup.quick-view .deal .dealbtn a {
    margin: 0 auto;
    padding: 5px 15px 5px;
    font-size: 20px;
    width: 50%;
    text-align: center; }
  .white-popup.quick-view .addtobag {
    width: 100%; }

.suit-thumb {
  width: 25%;
  margin: 0 !important;
  float: left; }
  .suit-thumb a {
    font-family: 'pill_gothic_300mg_rgregular';
    font-size: 14px;
    text-decoration: none; }
  .suit-thumb a div {
    height: 34px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0 10px; }
  .suit-thumb a img {
    width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

#store-chart-wrap {
  clear: both; }

.catprods > h2 {
  font-size: 25px;
  padding: 0 0 0 40px;
  font-family: 'pill_gothic_300mgmedium'; }

.selected-size .size-inner {
  display: inline;
  verticalAlign: initial; }

.catprods {
  width: 100%; }

.white-popup.suits-add {
  max-width: 780px; }
  .white-popup.suits-add h2 {
    font-family: 'pill_gothic_300mgmedium';
    font-size: 30px;
    margin-top: 0; }
  .white-popup.suits-add .imageholder img {
    width: 100%; }
  .white-popup.suits-add .textholder {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .white-popup.suits-add .addsuit a {
    float: left;
    font-family: 'FuturisBold';
    font-size: 15px; }
  .white-popup.suits-add > div > div {
    float: left; }
  .white-popup.suits-add .addextra {
    border-top: 1px solid #d6d6d6; }
  .white-popup.suits-add .addextra .extra {
    margin-bottom: 0; }
    .white-popup.suits-add .addextra .extra .image {
      width: 35%; }
      .white-popup.suits-add .addextra .extra .image img {
        width: 100%; }
    .white-popup.suits-add .addextra .extra .text .was {
      font-family: 'pill_gothic_300mglight';
      font-size: 11px;
      display: block; }
      .white-popup.suits-add .addextra .extra .text .now {
        display: block;
        margin-bottom: 10px; }
      .white-popup.suits-add .addextra .extra .text .redbtn {
        padding: 6px; }
      .white-popup.suits-add .addextra .extra .text h3 {
        margin-bottom: 10px; }
  .white-popup.suits-add .suits-addinner {
    float: left;
    width: 100%; }
  .white-popup.suits-add .suitinfo {
    font-size: 15px;
    font-family: 'pill_gothic_300mg_rgregular';
    margin: 0 0 15px; }
  .white-popup.suits-add .suitinfo span.title {
    font-family: 'pill_gothic_300mgmedium';
    font-size: 20px;
    font-weight: normal; }

.multiview .was {
  color: #4c4c4c !important; }

.sale a {
  color: #666 !important;
  font-family: 'Roboto Condensed', sans-serif !important;
  font-weight: 400; }

.white-popup.suits-add .addextra .text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 20px; }

.white-popup.suits-add .addextra .extra h2 {
  font-size: 22px;
  margin-top: 20px; }

.noproducts {
  width: 100% !important;
  float: left;
  font-family: 'pill_gothic_300mg_rgregular';
  font-size: 16px; }

.textlimiter {
  float: left;
  clear: both;
  background: #ccc; }
  .textlimiter .remaining-characters, .textlimiter .remaining-characters span {
    float: none; }

.white-popup.suits-add .addextra .text .price {
  font-family: 'pill_gothic_300mgblack';
  display: block;
  color: #000;
  font-size: 25px;
  margin-bottom: 10px; }

.white-popup.suits-add .addextra .text .price sup {
  font-size: 12px; }

.white-popup.welcome {
  text-align: center;
  max-width: 770px;
  padding: 40px 60px; }
  .white-popup.welcome h1 {
    color: #a71e23;
    font-size: 36px;
    font-family: 'FuturisBold'; }
  .white-popup.welcome h2 {
    font-size: 24px;
    font-family: 'pill_gothic_300mg_rgbold';
    font-weight: normal; }
  .white-popup.welcome p {
    font-size: 18px;
    line-height: 23px; }
  .white-popup.welcome > span {
    font-size: 13px;
    color: #868686;
    font-family: 'pill_gothic_300mg_rgregular'; }
  .white-popup.welcome form {
    width: 80%;
    margin: 0 auto; }
  .white-popup.welcome input[type="text"] {
    width: 100%;
    margin: 20px 0 10px;
    max-width: 400px;
    float: none; }
  .white-popup.welcome .tellme {
    font-family: 'pill_gothic_300mgmedium';
    width: 100%;
    float: left; }
  .white-popup.welcome .tellme input[type="checkbox"] {
    margin: 0 10px 0 20px; }
  .white-popup.welcome .yellowbtn {
    margin: 20px 0 0;
    width: 140px;
    float: none !important;
    clear: both; }

.subnavwrap {
  display: none; }

.mobcurrency * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .mobcurrency .currency.current, .mobcurrency .options a {
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0 0 0 24px; }
  .mobcurrency .options a {
    padding: 17px 24px;
    margin: 0 20px;
    font-size: 12px !important; }

.inputnav {
  border: 0 !important; }

.footerinputs * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .footerinputs > div {
    width: 100%;
    float: left;
    clear: both; }
  .footerinputs > div input {
    margin: 5px 0 10px;
    border: 1px solid #000;
    padding: 5px 10px;
    font-size: 13px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%; }
  .footerinputs > div ::-webkit-input-placeholder {
    color: #000; }
  .footerinputs > div ::-moz-placeholder {
    color: #000; }
  .footerinputs > div :-ms-input-placeholder {
    color: #000; }
  .footerinputs > div :-moz-placeholder {
    color: #000; }

.feedback a {
  text-align: center;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  background: #000;
  width: 225px;
  padding: 10px 0;
  display: block;
  margin: 0 auto;
  letter-spacing: 1px;
  text-decoration: none; }

.footersocial ul {
  padding: 0; }
  .footersocial ul li {
    margin: 0 0 10px; }
    .footersocial ul li span {
      width: 30px;
      display: inline-block;
      text-align: center;
      margin: 0 10px 0 0; }
    .footersocial ul li img {
      margin: 0 0 -5px 0; }

.follownav {
  background: #000;
  width: 100%;
  position: fixed;
  z-index: 999; }

.show {
  display: block; }

.hide {
  display: none; }

input:not([type="radio"]):not([type="checkbox"]) {
  -webkit-appearance: none;
  border-radius: 0; }

.textpromos {
  max-width: 1268px;
  margin: 0 auto; }
  .textpromos a {
    color: #000;
    text-decoration: none; }
  .textpromos div {
    width: 100%;
    float: left;
    padding: 10px 0; }
  .textpromos table td {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 2px; }

.faqs .dashselect select {
  width: 100%; }

textarea {
  -webkit-appearance: none; }

.textpage {
  font-family: 'pill_gothic_300mg_rgregular';
  font-size: 14px; }
  .textpage h1 {
    font-family: 'pill_gothic_300mgblack';
    font-size: 30px;
    font-weight: normal;
    float: left;
    width: 100%; }
  .textpage h2 {
    font-family: 'pill_gothic_300mgblack';
    font-size: 20px;
    font-weight: normal;
    width: 100%; }
  .textpage ul {
    font-family: 'pill_gothic_300mg_rgregular';
    font-size: 14px;
    margin: 0 0 15px;
    line-height: 16px; }

.followbagwrap {
  position: absolute;
  right: 0;
  top: 10px;
  color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  /*.followbagwrap:hover .cartdd {
display:block;
}*/ }
  .followbagwrap > div {
    position: relative; }
  .followbagwrap .followbag {
    color: #fff;
    text-decoration: none; }
  .followbagwrap .cartdd {
    top: 17px;
    display: none;
    color: #000;
    padding: 0; }

.lower-footer {
  margin-top: 15px; }

.welcome .yellowbtn {
  background: #000;
  color: #fff !important; }

.page-specials {
  border: 0 !important; }

.accinfo, .textheader {
  margin-top: 20px; }

.accinfo, .textheader {
  float: left;
  width: 100%; }

.selwrap.sort {
  width: 155px; }

.selwrap.pagesize {
  width: 70px; }

.selwrap {
  float: left;
  overflow: hidden;
  background: #fff;
  border: 1px solid #d6d6d6;
  padding: 7px 0 6px 8px;
  margin: 0 10px 0;
  font-size: 12px;
  background: url("/images/downarrow.gif") right no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer; }
  .selwrap select {
    width: 140% !important;
    -webkit-appearance: none;
    outline: none;
    background: transparent;
    border: 0;
    font-size: 14px;
    cursor: pointer;
    font-family: 'Roboto Condensed', sans-serif; }

.selwrap.mobsort {
  padding: 13px 10px 14px 12px;
  margin: 0px auto;
  float: none;
  display: block !important;
  border: 1px solid #d6d6d6;
  font-family: "pill_gothic_300mglight";
  font-size: 12px;
  background: url('/images/mob-footarrowdown.png') no-repeat scroll right center transparent;
  cursor: pointer;
  width: 150px; }

.vjs-control-bar {
  display: none !important; }

.price-now {
  color: #ea0000;
  font-family: 'pill_gothic_300mg_rgbold'; }

.price-was {
  color: #4c4c4c;
  font-family: 'pill_gothic_300mglight'; }

.updateacc .checkbox {
  margin: 0 !important; }
  .updateacc .mobphone {
    clear: both;
    margin: -10px 0 10px 20%;
    float: left; }

#addresslookupnew .selwrap {
  width: 100%;
  margin: 0;
  border: 2px solid #ebebeb;
  margin: 0 0 5px;
  padding: 10px; }
  #addresslookupnew .selwrap select {
    border: 0;
    font-family: 'pill_gothic_300mg_rgregular';
    font-size: 14px;
    padding: 0;
    margin: 0; }

.mobpages {
  display: none; }

.mystery {
  margin: 30px auto;
  text-align: center;
  float: left; }

.mystery h1 {
  text-transform: uppercase;
  margin: 30px auto; }

.mystery-form {
  max-width: 500px;
  margin: 0 auto; }

.mystery-form .redbtn {
  width: 150px;
  margin: 0 auto 20px;
  display: block;
  float: none; }

.exp {
  color: #fff;
  background: #ffa70e;
  padding: 10px;
  clear: both;
  margin: 40px 0 0; }
  .exp p {
    margin: 0;
    font-size: 18px; }

.terms {
  font-size: 12px;
  line-height: 14px;
  margin: 15px 0 0; }

.cattextheader {
  text-align: center;
  clear: both;
  padding: 20px 0; }
  .cattextheader h1 {
    font-size: 30px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0; }

.prodsel {
  width: 100%;
  border: 0;
  padding: 0;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 10px;
  background: #dcdcdc url("/images/mob-footarrowdown.png") right center no-repeat; }
  .prodsel select {
    padding: 15px;
    font-size: 14px;
    color: #7d7d7d;
    font-family: 'pill_gothic_300mgmedium'; }

.description {
  margin-top: 10px; }

.sorting h1 {
  display: none;
  /*One day sale page */ }

.textpage.oneday {
  float: left;
  widht: 100%;
  margin: 5px 0 0; }
  .textpage.oneday .shopbtn {
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    margin: 20px 0 40px; }
  .textpage.oneday .shopbtn a.blackbtn {
    font-size: 30px;
    text-align: center;
    padding: 15px 20px 10px;
    line-height: 32px;
    display: block;
    max-width: 680px;
    margin: 0 auto; }
  .textpage.oneday .bannerleft, .textpage.oneday .bannerright {
    width: 50%;
    float: left;
    position: relative;
    background: #ff2501;
    text-align: left; }
  .textpage.oneday .bannerleft img, .textpage.oneday .bannerright img {
    width: 100%;
    max-width: 624px; }
  .textpage.oneday .countdown {
    position: absolute;
    width: 100%;
    bottom: 50px;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .textpage.oneday .countdown img {
    max-width: 600px; }

@media (max-width: 750px) {
  .textpage.oneday .bannerleft, .textpage.oneday .bannerright {
    text-align: center;
    width: 100%; } }

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

.embed-box {
  position: relative;
  /* ratio for youtube embed */
  padding-bottom: 62.25%;
  padding-top: 30px;
  height: auto;
  overflow: hidden;
  margin: 0 auto; }

.embed-box iframe, .embed-box object, .embed-box embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* urgent delivery stuff */ }

.produrgent.quick {
  border: 0;
  padding: 0;
  margin: 0 0 20px; }
  .produrgent.quick h4 {
    font-size: 16px; }

.produrgent {
  float: left;
  width: 100%;
  margin: 0 0 40px;
  padding: 20px 0;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  position: relative; }
  .produrgent .infopop {
    width: 100%;
    max-width: 250px;
    position: absolute;
    right: 0;
    top: 10px;
    background: #f5f5f5;
    padding: 15px 25px 15px 15px;
    display: none; }
  .produrgent .infopop .close {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer; }
  .produrgent .infopop a {
    color: #000;
    text-decoration: underline; }
  .produrgent h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 0 0 10px; }
  .produrgent p {
    font-size: 15px;
    margin: 0 0 5px; }
  .produrgent p span {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700; }
  .produrgent .time {
    color: #a1a1a1; }
  .produrgent .time .green {
    color: #4e9100; }

.shipoptions {
  float: left;
  clear: both;
  /*home page banenrs */ }
  .shipoptions .av {
    background: #7ec700;
    width: 90px;
    color: #fff;
    padding: 8px 5px 5px;
    font-family: 'pill_gothic_300mg_rgbold';
    font-weight: normal;
    text-align: center; }
  .shipoptions table td {
    padding: 0 0 10px; }
    .shipoptions table td input {
      margin: 5px 0 0;
      float: left; }
    .shipoptions table td span {
      font-family: 'pill_gothic_300mgmedium';
      display: block; }
    .shipoptions table td p {
      margin: 0; }

.promowrap {
  clear: both;
  float: left;
  width: 100%;
  margin: 0 0 10px; }

.promobanners {
  width: 100%;
  max-width: 1268px;
  margin: 0 auto;
  /* New Mobile Nav styles */ }
  .promobanners > div {
    width: 50%;
    float: left; }
  .promobanners > div a {
    display: block;
    verticalAlign: text-top; }
  .promobanners > div img {
    width: 100%;
    display: block; }

header * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  header .mobheadwrap {
    position: relative; }
  header .mobdropdownnav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999; }
  header .mobdropdownnav .navwrap {
    position: relative; }
  header .mobdropdownnav .mainnav {
    border-bottom: 3px solid #000; }
  header .mobHeader {
    background: #000;
    color: #fff;
    height: 60px;
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%; }
  header .mobHeader .mobsearchwrap {
    width: 60px;
    cursor: pointer;
    text-align: left !important; }
    header .mobHeader .mobsearchwrap .mobsearch2 {
      position: absolute;
      background: #000;
      z-index: 999999;
      top: 0;
      left: 0;
      height: 60px;
      width: 100%;
      padding: 15px 20px;
      display: none; }
      header .mobHeader .mobsearchwrap .mobsearch2 input {
        background: #000;
        color: #fff;
        font-size: 25px;
        border: 0;
        width: calc(100% - 20px);
        width: 80%; }
  header .mobHeader .mobtrolley {
    float: right !important; }
  header .mobHeader .mobnavwrap {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    border-left: 1px solid #686868;
    height: 60px; }
    header .mobHeader .mobnavwrap:first-child {
      border: 0; }
    header .mobHeader .mobnavwrap .shop, header .mobHeader .mobnavwrap .moblogo, header .mobHeader .mobnavwrap .trolley, header .mobHeader .mobnavwrap .searchclick {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      color: #fff;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 400;
      text-decoration: none;
      text-align: center; }
    header .mobHeader .mobnavwrap .searchclick {
      text-align: left; }
    header .mobHeader .mobnavwrap .shop {
      width: 40px;
      cursor: pointer; }
      header .mobHeader .mobnavwrap .shop.clicked span {
        border-bottom: 3px solid #fff; }
    header .mobHeader .mobnavwrap .moblogo {
      width: 100px; }
    header .mobHeader .mobnavwrap .trolley {
      width: 35px; }

.size .selectsize1 {
  clear: both; }

.suitsbanner {
  width: 100%;
  float: left;
  text-align: center;
  font-family: 'Roboto Condensed', sans-serif;
  padding: 10px;
  border: 1px solid #000;
  display: table; }
  .suitsbanner, .suitsbanner * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .suitsbanner * {
    display: inline-block; }
  .suitsbanner p {
    font-size: 16px;
    line-height: 18px;
    margin: 0;
    position: relative;
    top: -5px;
    margin: 5px 0 0; }
  .suitsbanner h2 {
    font-size: 28px;
    margin: 0 10px 0 0;
    font-weight: 700; }

.videoblock {
  position: relative;
  /* 16:9 */
  padding-bottom: 56.25%;
  padding-top: 55px;
  height: 0;
  margin: 0 0 10px; }

.videoblock iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.prodimages #productvideo {
  width: 120%;
  margin: 0 0 0 -20px; }

.videooverlaybtn {
  position: absolute;
  display: block;
  top: 27%;
  left: 30%; }

.vidthumboverlay {
  position: absolute;
  display: block;
  top: 15px;
  left: 10px; }

.white-popup.specialhours {
  font-size: 13px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400; }

.white-popup.specialhours h2 {
  font-size: 20px;
  margin: 0 0 20px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase; }

.storelink {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: 13px; }

.videoWrapper {
  width: 100%;
  overflow: hidden; }

.review .radioholder input {
  margin: 0 !important; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .review .second input {
    margin-bottom: -4px !important; } }

.giftcard-promo-popup {
  max-width: 600px;
  margin: auto; }
  .giftcard-promo-popup .popup-img-wrap a {
    display: block;
    width: 100%; }
    .giftcard-promo-popup .popup-img-wrap a img {
      width: 100%;
      display: block; }
  .giftcard-promo-popup .mfp-close {
    color: #fff !important; }

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

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  header .navwrap {
    background-repeat: no-repeat; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  header .navwrap {
    background-repeat: no-repeat; } }

@media (min-width: 1340px) {
  .subnav {
    width: 1000px; }

  .selectoutfit > div {
    width: 21%;
    margin: 0 4% 0 0; }

  .catprods.suitscat > div {
    width: 33%; }

  .number {
    width: 700px; }
    .number .yellowbtn {
      width: 150px; }
    .number input {
      width: 390px;
      margin: 0 10px 0 0; }

  .bal table {
    width: 300px; }

  .giftamount form > div.enter input {
    margin-top: 30px; }

  .giftamount form > div {
    background: url('/images/giftcard-bg.gif') top right no-repeat;
    height: 154px;
    width: 29%;
    padding: 30px 40px; }

  .giftamount form > div.amount {
    width: 42%; }

  footer .signupsocial {
    padding: 20px 0; }

  .catheader > div, .giftheader > div {
    float: left;
    width: 100%;
    height: 290px; }

  .checkoutprocess {
    width: 62%;
    padding-right: 8%; }

  .checkout-template form {
    width: 100%; }
    .checkout-template .sidebar {
      width: 30%; }

  .mybag {
    margin-right: -15px !important; } }

@media (min-width: 1140px) {
  .vidthumbs > div {
    width: 33.3%; }

  .catprods.suitscat > div {
    width: 33.33%; }

  .catprods {
    margin-left: -40px; }
    .catprods > div {
      width: 25%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 0 0 40px; }

  .displayfilters label {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    margin: 7px 8px 0 0;
    float: left; }
    .displayfilters span.itemsper {
      font-family: 'pill_gothic_300mglight';
      font-size: 18px;
      text-transform: uppercase;
      margin: 4px 8px 0 0;
      float: left; } }

@media (min-width: 1180px) {
  .topnav {
    float: right; }

  .mybag > a {
    font-size: 21px; }

  header {
    padding: 13px 0 0; }

  .mybag {
    margin: 12px 0 0; } }

@media (max-width: 1180px) and (min-width: 751px) {
  .mybag {
    margin: 12px 0 0; }

  .topnav {
    margin: 0 0 0 24px !important;
    float: right; }

  .mystery img {
    width: 100%; } }

@media (max-width: 1140px) and (min-width: 751px) {
  .bottomcatnav .pages {
    font-size: 14px; }

  .vidthumbs > div {
    width: 50%; }

  .catprods {
    margin-left: -40px; }
    .catprods > div {
      width: 33%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 0 0 40px; }

  .catholder .displayfiltersholder .crumbs {
    font-size: 12px; }
    .catholder .displayfiltersholder .displayfilters label {
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 700;
      font-size: 14px;
      text-transform: uppercase;
      margin: 7px 8px 0 0;
      float: left; }
      .catholder .displayfiltersholder .displayfilters span.itemsper {
        font-family: 'pill_gothic_300mglight';
        font-size: 14px;
        text-transform: uppercase;
        margin: 4px 8px 0 0;
        float: left; }
      .catholder .displayfiltersholder .displayfilters .pages {
        font-size: 14px; } }

@media (max-width: 1340px) and (min-width: 901px) {
  .subnav {
    width: 100%; }

  .number {
    width: 700px; }
    .number .yellowbtn {
      width: 150px; }
    .number input {
      width: 390px;
      margin: 0 10px 0 0; }

  .checkout-template form {
    width: 100%; }

  .mainnav > li > a, .mybag > a {
    font-size: 21px; }

  .mainnav {
    margin: 25px 0 0; }

  .checkout-template .sidebar {
    width: 30%; }

  .checkoutprocess {
    width: 70%; } }

@media (max-width: 1340px) and (min-width: 751px) {
  .mybag {
    margin-right: -20px; }

  .selectoutfit > div {
    margin: 15px 4% 0 0; }
    .selectoutfit div:nth-child(odd) {
      clear: both; }

  .bal table {
    width: 300px; }

  .giftamount {
    padding: 0 60px 30px;
    float: left; }

  .giftamount form > div {
    width: 100%;
    padding: 30px 0 0;
    max-width: 500px;
    clear: both; }

  .giftamount form > div.amount {
    max-width: 800px; }

  .dashside, .faq-side {
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .dashmain, .faq-section {
    padding-right: 20px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .displayfilters {
    clear: both;
    float: left;
    width: 100%; }

  .signupsocial {
    padding: 20px 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  header {
    padding: 13px 0 0; }

  .product .defwidth, .suit .defwidth {
    float: left;
    padding: 0 20px; }

  .inner, .cart .defwidth, .accinfo, .defform, .textpage, .suitsbannerwrap {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }

  .pagegrid > div, .catholder, header > div {
    padding-right: 20px !important;
    padding-left: 20px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }

  .follownav .navwrap .topnavsearch {
    padding-left: 20px !important; }

  .followbag {
    padding-right: 20px !important; }

  .suitsbanners, .footerwidth {
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .catheader > div, .giftheader > div {
    float: left;
    width: 100%;
    height: 290px; } }

@media (max-width: 1100px) and (min-width: 751px) {
  .follownav {
    display: none !important; }

  .your-cart .promo a {
    width: 60px !important;
    padding: 10px 0 !important; }

  .catprods {
    margin-left: -40px; }
    .catprods > div {
      width: 33%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 0 0 40px; }

  .prodinfo .addtobag {
    width: 100%; }

  footer .signupsocial > div > div.newsletterlocate {
    float: left; }
    footer .signupsocial > div > div.newsletterlocate div {
      clear: both;
      width: 100%;
      padding: 0; }

  footer .signupsocial .giftsocial > div {
    clear: both;
    width: 100%; } }

@media (min-width: 901px) {
  .white-popup.quick-view .prodarea .right {
    padding-right: 10px; }

  .suit #mainimage {
    height: 812px; }

  .store-finder-wrapper {
    width: 25%; }

  #nearby-stores-wrapper {
    width: 25%; }

  .desktop-map {
    width: 50%; }

  .mainnav .subnav {
    top: 37px; }

  .mybag > a {
    font-size: 21px; }

  .mybag > a span {
    font-size: 18px; }

  .mybag {
    width: 290px; }

  .display {
    margin-left: 5% !important; }

  .description-reviews {
    float: left;
    padding: 40px 0 40px 60px;
    width: 55%; }

  .prodinfo {
    padding: 0 0 0 60px; }

  .product .selectimage {
    position: absolute;
    top: 10px;
    left: 10px; }

  .prodimages img:not(.videooverlaybtn), .prodimages div.vjs-paused {
    width: 120%;
    margin-left: -10%; }

  .prodimages #productvideo {
    width: 123%;
    margin-left: -12%; }

  .likeprods {
    width: 100%; }
    .likeprods a {
      width: 20%;
      float: left; }
      .likeprods a img {
        width: 95% !important;
        margin: 2.5% !important; } }

@media (max-width: 900px) and (min-width: 751px) {
  .newsletter, .locate {
    width: 35% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px 0 0; }

  .giftsocial {
    width: 30%; }

  .footernav {
    padding-right: 8 !important;
    padding-left: 8% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .footernav .footerwidth > div {
      width: 25%; }

  .catprods > h2 {
    padding: 0 !important; }

  .store-finder-wrapper {
    width: 100%;
    margin: 20px 0; }

  #nearby-stores-wrapper {
    width: 100%; }

  .desktop-map {
    width: 100%;
    margin: 0 0 20px; }

  .mobile-map {
    display: block !important;
    float: left; }

  .results-title-desktop {
    display: none; }

  .catprods div .image img {
    width: 100%; }

  .catprods.suitscat > div {
    width: 48%; }

  .checkout-template .sidebar {
    display: none; }

  .payment-gift-cards {
    width: 100%; }

  .checkoutprocess {
    width: 100%; }
    .checkoutprocess form {
      width: 100%; }

  .product .selectimage {
    position: absolute;
    top: 10px;
    left: 10px; }

  .prodimages img:not(.videooverlaybtn), .prodimages div.vjs-paused {
    width: 120%;
    margin-left: -10%; }

  .prodimages #productvideo {
    width: 123%;
    margin-left: -12%; }

  .prodinfo {
    padding: 0 0 0 20px; }

  .youmightlike {
    clear: both;
    width: 170px;
    padding: 0 0 0 66px;
    text-align: center; }

  .description-reviews {
    float: right;
    padding: 50px 0 40px 20px;
    width: 55%; }

  .mainnav {
    margin: 28px 0 0; }

  .mainnav .subnav {
    top: 35px; }

  .mybag {
    width: 220px !important; }

  #wrapper header nav {
    width: calc(100% - 75px) !important; }

  .mybag .cartdd {
    width: 250px !important; }

  .catprods {
    margin-left: -10px; }

  .catprods > div {
    width: 31%;
    padding: 0 0 0 10px; }

  .filterbar {
    min-width: 180px; }

  .likeprods {
    width: 100%; }
    .likeprods a {
      width: 50%;
      float: left; }
      .likeprods a img {
        width: 95% !important;
        margin: 2.5% !important; } }

@media (max-width: 900px) and (min-width: 801px) {
  .mainnav > li > a, .mybag > a {
    font-size: 20px; }

  .mybag > a span {
    font-size: 16px; } }

@media (max-width: 800px) and (min-width: 751px) {
  .mybag {
    position: absolute !important;
    right: 20px;
    top: 94px; }

  header {
    padding: 13px 0 0; }

  .mainnav > li > a, .mybag > a {
    font-size: 20px; }

  .mybag > a span {
    font-size: 16px; }

  .mybag {
    margin: 21px 0 0; } }

@media (min-width: 751px) {
  .suit #mainimage {
    height: 812px; }

  .displaywrap {
    float: right;
    width: 170px; }

  .mainnav .subnav .link img {
    width: 100%; }

  .follownav {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .follownav .mainnav .subnavwrap {
      background: rgba(255, 255, 255, 0.9);
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .follownav .navwrap {
      max-width: 1268px;
      margin: 0 auto;
      position: relative; }
      .follownav .navwrap .topnavsearch {
        padding: 10px 0 10px 0;
        position: absolute;
        width: 235px; }
        .follownav .navwrap .topnavsearch .mainsearch {
          width: 150px;
          float: left;
          padding: 0;
          background: #000;
          border: 0;
          margin-top: 0;
          border: 1px solid #fff;
          padding: 3px;
          margin-top: -4px; }
          .follownav .navwrap .topnavsearch .mainsearch form {
            width: 80%;
            width: calc(100% - 12px); }
          .follownav .navwrap .topnavsearch .mainsearch input {
            background: #000;
            color: #fff;
            width: 100%; }
          .follownav .navwrap .topnavsearch .mainsearch ::-webkit-input-placeholder {
            color: #fff; }
          .follownav .navwrap .topnavsearch .mainsearch :-moz-placeholder {
            color: #fff; }
          .follownav .navwrap .topnavsearch .mainsearch ::-moz-placeholder {
            color: #fff; }
          .follownav .navwrap .topnavsearch .mainsearch :-ms-input-placeholder {
            color: #fff; }
      .follownav .navwrap .topnavsearch, .follownav .navwrap .topnavsearch a {
        color: #fff; }
      .follownav .navwrap .mainnav {
        width: 600px;
        margin: 0 auto; }
        .follownav .navwrap .mainnav .subnavwrap {
          top: 38px !important;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }

  header .defwidth {
    padding: 50px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .topnavsearch .stores {
    float: left;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px; }
    .topnavsearch .mainsearch {
      background: #fff;
      border: 0;
      width: 150px;
      border: 1px solid #d6d6d6;
      padding: 3px 7px;
      margin-top: -3px;
      margin-left: 10px; }
      .topnavsearch .mainsearch form {
        width: 80%;
        width: calc(100% - 40px);
        float: left; }
      .topnavsearch .mainsearch input {
        background: none;
        border: 0;
        color: #000;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        text-decoration: none;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 0 0 0 5px;
        height: auto;
        float: left;
        width: 100%; }
      .topnavsearch .mainsearch ::-webkit-input-placeholder {
        color: #000; }
      .topnavsearch .mainsearch :-moz-placeholder {
        color: #000; }
      .topnavsearch .mainsearch ::-moz-placeholder {
        color: #000; }
      .topnavsearch .mainsearch :-ms-input-placeholder {
        color: #000; }

  .defform.my-ordersform {
    width: 70%; }

  .register .defform, .session .defform, .defform70 {
    width: 70%; }

  .dashmain form label, .defform form label, .faq-section form label {
    width: 20%; }
    .dashmain form input, .defform form input, .faq-section form input {
      width: 80%; }
    .dashmain form .instruc, .defform form .instruc, .faq-section form .instruc {
      margin: 0 0 0 20%; }
    .dashmain form .birthday, .defform form .birthday, .faq-section form .birthday {
      width: 80%; }
      .dashmain form .birthday select, .defform form .birthday select, .faq-section form .birthday select {
        width: 20%; }

  .cart {
    border-top: 1px solid #ededed;
    width: 100%;
    float: left; }
    .cart .quantity {
      padding-top: 20px; }

  .description {
    margin: 0 0 40px; }

  .color, .size {
    margin: 30px 0;
    width: 100%; }

  .prodimages {
    width: 45%;
    float: left; }

  .prodinfo {
    width: 55%;
    float: left; }

  footer .footernav {
    padding: 10px 0 40px; }
    footer .footernav label {
      margin-bottom: 15px;
      display: block; }
    footer .footernav ul li {
      margin-bottom: 5px; }

  .filterbar {
    display: block !important; }

  input[type="checkbox"] + label {
    background: url(/images/checkboxes.png) no-repeat left top; }

  input.checked + label {
    background: url(/images/checkboxes2.png) no-repeat left top !important; }

  .offers .title {
    color: #a71e23; }

  .filterbar label {
    font-size: 14px;
    line-height: 16px;
    font-family: 'pill_gothic_300mg_rgregular'; }
    .filterbar .title {
      background: url(/images/sidebar-downarrow.png) no-repeat left top !important;
      padding: 0 0 0 15px;
      font-size: 16px;
      font-family: 'pill_gothic_300mgmedium';
      float: left;
      width: 100%;
      margin: 0 0 10px; }
    .filterbar .offers {
      background: #f5f5f5; }
    .filterbar .filters {
      padding: 10px 10px 15px;
      float: left;
      width: 70%;
      margin: 0 0 15px; }
    .filterbar .filters div {
      display: block; }

  .catprods {
    margin-top: 14px; }

  .catholder {
    margin: 20px 0 10px;
    float: left;
    width: 100%; }
    .catholder .crumbs {
      font-size: 18px;
      margin: 4px 5% 0 0; }

  .crumbs {
    float: left;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 13px;
    margin: 30px 5% 10px 0; }
    .crumbs a {
      text-decoration: none;
      color: #000; }

  .filterbar {
    width: 17%;
    float: left;
    min-width: 200px; }
    .filterbar h3 {
      font-size: 18px;
      font-family: 'pill_gothic_300mg_rgregular';
      text-transform: uppercase;
      margin: 0 0 20px; }
    .filterbar .offers {
      border: 1px solid #d6d6d6;
      margin: 0 0 30px; }

  .catlist {
    float: left;
    width: 82%;
    max-width: calc(100% - 200px); }

  .footernav {
    display: block !important; }

  .footerwidth * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .footerwidth > div {
      width: 16%;
      float: left;
      padding: 0 20px 0 0; }
    .footerwidth > div ul {
      padding: 0;
      margin: 0;
      display: block !important; }
    .footerwidth > div ul li a {
      font-size: 12px;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 400;
      text-decoration: none;
      color: #000; }
    .footerwidth .footersocial {
      width: 89px;
      float: right;
      padding: 0; }
    .footerwidth .footersocial ul li {
      margin: 0 0 5px; }
    .footerwidth .footerinputs {
      width: 25%;
      padding: 0 60px 0 0 !important; }

  header nav {
    display: block !important;
    width: 720px;
    margin: 0 auto; }

  .mainnav {
    margin-left: -14px;
    display: table;
    padding: 0;
    width: 100%;
    margin: 0;
    /*home page */ }
    .mainnav > li {
      display: table-cell;
      text-align: left;
      padding: 10px 0;
      text-align: center; }
    .mainnav > li > a {
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 400;
      font-size: 13px;
      text-decoration: none;
      color: #fff;
      text-transform: uppercase;
      letter-spacing: 2px; }
    .mainnav li.sub:hover {
      background: #f8f8f8; }
    .mainnav li:hover .subnavwrap {
      display: block !important; }
    .mainnav .subnav ul {
      margin: 0;
      padding: 0;
      float: left; }
    .mainnav .subnav > li {
      padding: 30px 15px 0;
      float: left;
      width: 20%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 16px;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 400;
      text-align: left; }
    .mainnav .subnav > li > ul > li.title {
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 700;
      margin: 0 0 15px;
      text-transform: uppercase;
      font-size: 17px; }
    .mainnav .subnav > li a {
      text-decoration: none;
      color: #000; }
    .mainnav .subnav > li > ul {
      margin: 0 0 25px; }
    .mainnav .subnav > li > ul > li {
      width: 100%;
      float: left; }
    .mainnav .subnav > li > ul > li a {
      display: block;
      width: 100%; }
    .mainnav .subimage {
      width: 28%; }

  .pagegrid {
    float: left;
    margin-left: -12px; }
    .pagegrid > div {
      margin-bottom: 12px; }
    .pagegrid > div img {
      padding: 0 0 0 12px;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .pagegrid .grid2, .pagegrid .grid3 {
      width: 100%;
      float: left; }
    .pagegrid .grid2 > div {
      width: 50%;
      float: left; }
    .pagegrid .grid3 > div {
      width: 33.3334%;
      float: left; }
    .pagegrid .textbanner {
      margin: 0 12px;
      width: calc(100% - 12px); }

  .price p, .price input {
    font-family: 'pill_gothic_300mg_rgregular'; }

  .price > div {
    float: left;
    width: 100%; }
    .price > div .to {
      float: left;
      margin: 5px 5px 0;
      font-family: 'pill_gothic_300mg_rgregular'; }
    .price > div .customSelect {
      background: url("/images/sidebar-downarrow.png") center right no-repeat;
      padding: 5px 10px 5px 12px;
      margin: 0; }

  .addtobag {
    width: 80%; }
    .addtobag .yellowbtn {
      width: 60%; }

  .desc, .delivery, .returns {
    padding: 0 3% 0 0; }

  .reviewsholder h2 {
    margin-top: 10px;
    font-family: 'pill_gothic_300mg_rgbold';
    font-size: 20px;
    text-transform: uppercase;
    color: #000; }

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

  .color span, .size span {
    margin: 0 0 5px; }

  .cart-row table {
    float: left; }

  .cart-text tr td {
    padding: 30px 0 0; }

  .promo {
    float: left; }

  .totals {
    float: right; }

  .sidebar {
    width: 25%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 90px;
    margin-top: 70px; }

  .checkout-template form {
    float: left;
    margin: 20px 0 0; }
    .checkout-template form label {
      width: 20%;
      margin: 11px 0 0; }
    .checkout-template form input, .checkout-template form select {
      width: 80%;
      margin: 0 0 15px; }
    .checkout-template form .checkbox {
      width: 100%; }
      .checkout-template form .checkbox input {
        width: 12px;
        float: left;
        margin: 0 10px 0 0; }

  .confirmtab .removeadd {
    float: right; }

  .customer-type-holder .customer-type {
    width: 33%;
    float: left;
    padding: 0 0 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'pill_gothic_300mg_rgregular'; }
    .customer-type-holder .customer-type > div {
      border: 2px solid #f5f5f5;
      float: left;
      padding: 20px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      min-height: 400px; }

  .dashmain, .faq-section {
    width: 80%;
    padding: 0 0 0 40px;
    border-left: 2px solid #d6d6d6; }
    .dashmain .my-details p, .faq-section .my-details p {
      width: 50%;
      float: left; }
    .dashmain .redbtn, .faq-section .redbtn {
      width: 150px;
      float: right;
      text-transform: uppercase;
      margin-bottom: 15px; }

  .addextra .extra .image {
    width: 30%; }
    .addextra .extra .text {
      width: 70%; }

  .catprods div .image img {
    max-width: 228px; }

  .catprods.suitscat div .image img {
    max-width: 335px;
    width: 335px;
    margin: 0 auto; }

  .suit #mainimage {
    width: auto;
    margin: 0 auto;
    display: block; }

  .searchfaq {
    padding: 50px; }
    .searchfaq input {
      width: 78%;
      margin: 0 2% 0 0; }
    .searchfaq .yellowbtn {
      width: 18%; }

  .faq-section .contact-form select {
    width: 80%; }

  .content.account-reviews .account-review {
    width: 45%; }

  .gifttotal {
    width: calc(100% - 300px); }

  .white-popup.suits-add .imageholder {
    width: 170px; }
    .white-popup.suits-add .imageholder img {
      width: 100%; }
    .white-popup.suits-add .textholder {
      width: 70%;
      width: calc(100% - 170px);
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 70px 0 30px; }
    .white-popup.suits-add .addsuit a {
      width: 40%;
      margin: 0 5% 0 0; }
    .white-popup.suits-add .addextra .extra {
      width: 50%;
      margin-bottom: 0; }
    .white-popup.suits-add .addextra .text {
      width: 65%; }

  .textlimiter {
    margin: 0 0 10px 20%; }

  .suitinfo {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 0 0; }

  .addsuit {
    clear: both; }

  .textholder div:nth-child(even) {
    clear: both; }

  .white-popup.quick-view .addtobag .yellowbtn {
    width: 47%;
    margin: 0 2% 0 0; }

  .quick-view.white-popup .selected-colour .size-inner {
    display: inline; }

  .mainnav {
    position: static !important; }
    .mainnav .subnavwrap {
      margin: 0;
      padding: 3px 20px 0;
      height: auto;
      position: absolute;
      display: none;
      z-index: 500;
      left: 0;
      background: rgba(248, 248, 248, 0.9);
      width: 100%;
      top: 135px !important;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .mainnav .subnavwrap .subnav {
      margin: 0 auto;
      padding: 0; }

  .mainnav .subnav > li > ul > li {
    display: block !important; }

  .navwrap.mob {
    display: none; } }

@media (max-width: 750px) and (min-width: 0px) {
  .utsub {
    width: 50% !important; }

  .catprods div .text .sale, .catprods div .text a .sale {
    color: #666;
    margin-top: 3px;
    background: none;
    border: 0;
    padding: 0; }

  .btm.promowrap {
    margin: 0 0 30px; }

  .deal {
    margin: 0 0 25px;
    width: 100%;
    max-width: 100%; }

  .suitsbanner {
    padding: 15px 30px;
    border: 0; }
    .suitsbanner h2 {
      margin: 0 0 10px; }

  .prodarea .prodinfo .size span.sizeguide {
    text-align: left;
    float: left;
    margin: 10px 0; }

  .color, .size {
    margin: 10px 0; }

  header {
    padding-top: 60px; }

  .promobanners > div {
    width: 100%; }
    .promobanners > div img {
      width: 100%; }

  .cattextheader {
    padding: 0 0 20px; }

  .sorting h1 {
    margin-top: 0 !important; }

  .quantity .button {
    width: 20px !important; }

  .mystery img {
    width: 100%; }

  .mobpages {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
    text-align: center;
    float: left;
    margin: 0 0 27px; }
    .mobpages span {
      margin-top: 15px;
      display: inline-block;
      font-family: 'pill_gothic_300mg_rgregular';
      font-size: 22px;
      color: #383838; }

  .lower-footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px; }

  .navwrap.dt {
    display: none; }

  .subnav ul li {
    text-transform: none !important; }

  .updateacc .mobphone {
    margin-left: 0 !important; }

  .textpage {
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .footernav {
    display: block !important; }

  .mainsearch input {
    background-color: #fff; }
    .mainsearch ::-webkit-input-placeholder {
      color: #000; }
    .mainsearch ::-moz-placeholder {
      color: #000; }
    .mainsearch :-ms-input-placeholder {
      color: #000; }
    .mainsearch :-moz-placeholder {
      color: #000; }

  footer .inputnav {
    padding: 30px 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700; }
    footer .inputnav > div {
      float: left;
      width: 100%;
      clear: both; }
    footer .inputnav input[type="text"] {
      width: 80%;
      width: calc(100% - 35px);
      margin: 5px 0 20px;
      height: 40px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 10px;
      font-size: 13px;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 400;
      background: #fff;
      border: 1px solid #000;
      text-transform: uppercase;
      float: left; }
    footer .inputnav input[type="submit"] {
      width: 20%;
      width: 35px;
      border: 0;
      float: left;
      margin: 5px 0 0;
      background: #000 url("/images/whiterightarrow.gif") center center no-repeat;
      height: 40px; }

  .follownav {
    display: none !important; }

  .logo {
    top: 23px; }
    .logo img {
      width: 90px; }

  .textlimiter {
    margin: 0 0 10px 0; }

  .white-popup.suits-add .addsuit {
    float: left;
    width: 100%;
    text-align: center; }
    .white-popup.suits-add .addsuit a {
      float: none !important;
      display: block !important;
      margin: 10px auto 0 !important; }

  .white-popup.suits-add .imageholder {
    width: 40%; }
    .white-popup.suits-add .imageholder img {
      width: 100%; }
    .white-popup.suits-add .textholder {
      width: 60%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 0 0 30px; }
    .white-popup.suits-add .addsuit a {
      width: 80%;
      margin: 0 0 10px 0;
      clear: both;
      padding: 15px; }
    .white-popup.suits-add .addextra .extra {
      width: 100%;
      margin-bottom: 15px; }
    .white-popup.suits-add .addextra .text {
      width: 65%; }

  .special .catlist {
    width: 100% !important; }

  .catprods > h2 {
    padding: 0 !important;
    text-align: center; }

  .white-popup.quick-view .color {
    overflow: hidden;
    background: #dcdcdc; }

  .white-popup.quick-view .prodarea form input {
    margin-bottom: 10px; }

  .white-popup.quick-view .prodarea h1 {
    margin-bottom: 15px !important; }

  .white-popup.quick-view .prodarea .right {
    width: 100% !important; }

  .prodarea .prodimages {
    clear: both; }

  .lookbook .catheader {
    max-height: 640px;
    height: auto;
    display: block !important;
    overflow: hidden; }

  .vidthumbs > div {
    width: 50%; }
    .vidthumbs > div:nth-child(odd) {
      clear: both; }

  .multiview .name {
    display: none !important; }

  .gifttotal {
    width: 100%; }

  .content.account-reviews .account-review {
    width: 100%; }

  .faq-section .contact-form select {
    width: 100%; }

  .searchfaq {
    padding: 30px; }
    .searchfaq input {
      width: 100%; }
    .searchfaq .yellowbtn {
      width: 100%; }

  .store-finder-wrapper {
    width: 100%;
    padding: 0 !important; }

  #nearby-stores-wrapper {
    width: 100%;
    margin: 20px 0;
    padding: 0 !important; }

  .desktop-map {
    width: 100%;
    margin: 0 0 20px;
    padding: 0 !important; }

  .catprods div .image img {
    width: 100%;
    max-width: 228px; }

  .catprods.suitscat div .image img {
    width: 100%;
    max-width: 335px; }

  .prod:hover .image > .quickviewoverlay {
    display: none !important; }

  .addextra .extra .image {
    width: 40%; }
    .addextra .extra .image img {
      width: 100%; }
    .addextra .extra .text {
      width: 60%; }

  .selectoutfit > div {
    width: 21%;
    margin: 0 4% 0 0; }

  .prodinfo {
    float: left;
    width: 100%; }

  .bal table {
    width: 100%; }

  .giftheader > div {
    height: 290px; }

  .catheader h1, .giftheader h1 {
    margin: 70px 0 0 !important; }

  .giftamount {
    padding: 0 60px 30px;
    float: left; }

  .giftamount > div {
    width: 100%;
    padding: 30px 0 0;
    max-width: 500px;
    clear: both; }

  .giftamount > div.amount {
    max-width: 800px; }

  .defform {
    margin: 0 0 30px; }

  .dashmain form label, .defform form label, .faq-section form label {
    width: 100%; }
    .dashmain form input, .defform form input, .faq-section form input {
      width: 100%; }
    .dashmain form .birthday, .defform form .birthday, .faq-section form .birthday {
      width: 100%; }
    .dashmain form .birthday select, .defform form .birthday select, .faq-section form .birthday select {
      width: 30%; }
    .dashmain form .specials, .defform form .specials, .faq-section form .specials {
      margin: 0 0 20px; }

  .accinfo, .dashselect, .defform, .inner {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%; }

  .dashmain, .faq-section {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%; }
    .dashmain .redbtn, .faq-section .redbtn {
      width: 150px;
      float: left;
      text-transform: uppercase;
      margin-bottom: 15px;
      clear: both; }

  .customer-type {
    width: 100%; }
    .customer-type > div {
      padding-bottom: 40px !important; }

  .payment-gift-cards {
    width: 100%; }

  .checkout-template .checkoutprocess {
    width: 100%; }
    .checkout-template label {
      width: 100%;
      margin: 11px 0 0; }
    .checkout-template input, .checkout-template select {
      width: 100%;
      margin: 0 0 15px; }
    .checkout-template form {
      width: 100%; }
    .checkout-template .sidebar {
      display: none; }
    .checkout-template .hide {
      display: none; }

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

  .removeadd tr td {
    padding: 20px 0 0; }

  .removeadd tr td.quantity {
    padding: 10px 0 0; }

  .cart-row > div {
    float: left;
    width: 80%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 15px; }
    .cart-row > div table {
      width: 100%;
      font-size: 16px;
      line-height: 20px; }
    .cart-row .cartimg {
      float: left;
      width: 20%; }
    .cart-row .cartimg img {
      width: 100%; }

  .checkout-template .defwidth {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }

  .checkout-template .sidebar {
    width: 100%;
    padding: 0;
    margin: 0 0 30px;
    float: left; }
    .checkout-template .sidebar > div:first-child {
      display: none; }

  .your-cart {
    width: 100% !important; }
    .your-cart .promo {
      width: 100% !important; }
    .your-cart .totals {
      width: 100% !important; }

  .cart {
    padding-left: 10px !important;
    padding-right: 10px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .prodarea .prodinfo .color span, .prodarea .prodinfo .size span {
    margin: 5px 0; }

  .description .title, .reviewsholder h2, .checkinstore h2 {
    border-top: 1px solid #808080;
    padding: 16px 0;
    font-size: 18px;
    line-height: 20px;
    display: block;
    width: 100%;
    cursor: pointer;
    color: #000;
    margin: 0;
    background: url("/images/downarrow3.gif") right center no-repeat;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400; }

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

  .description .title.clicked, .reviewsholder h2.clicked, .checkinstore h2.clicked {
    background: url("/images/uparrow3.gif") right center no-repeat; }

  .reviewsholder > div, .checkinstore > div {
    display: none; }

  .desc, .delivery, .returns {
    display: block !important; }
    .desc div, .delivery div, .returns div {
      display: none; }

  .addtobag {
    width: 100%; }
    .addtobag .yellowbtn {
      width: 100%; }

  .prodarea .youmightlike {
    width: 100%;
    max-width: 100%; }
    .prodarea .youmightlike h3 {
      padding-left: 30px; }

  .likeprods {
    width: 100%; }
    .likeprods a {
      width: 50%;
      float: left; }
    .likeprods a img {
      width: 95% !important;
      margin: 2.5% !important; }

  .prodarea .prodinfo .color, .prodarea .prodinfo .size {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .color .mySelectBoxClass, .size .mySelectBoxClass {
    background: url("/images/mob-footarrowdown.png") center right no-repeat;
    background-color: #dcdcdc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 15px !important;
    line-height: 14px; }

  .prodarea {
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .prodarea h1 {
      margin: 0 !important; }
    .prodarea .price {
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 700;
      font-size: 22px;
      color: #383838;
      margin: 4px 0 10px;
      font-weight: normal; }

  .prodimages {
    margin: 0 0 15px; }
    .prodimages img {
      width: 100%; }

  .sorting h1 {
    text-align: center;
    font-family: 'pill_gothic_300mg_rgregular';
    font-size: 30px;
    text-transform: uppercase; }

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

  .price p, .price input {
    font-family: 'pill_gothic_300mg_rgregular'; }

  .price > div {
    float: left;
    width: 100%; }
    .price > div .to {
      float: left;
      margin: 10px 5px 0;
      font-family: 'pill_gothic_300mg_rgregular'; }
    .price > div select {
      height: 30px !important; }
    .price > div .customSelect {
      background: url("/images/sidebar-downarrow.png") center right no-repeat;
      padding: 5px 30px 5px 12px;
      margin: 0;
      font-size: 20px; }

  input[type="checkbox"] + label {
    background: url(/images/mob-checkboxes.png) no-repeat left top;
    line-height: 22px; }

  input.checked + label {
    background: url(/images/mob-checkboxes2.png) no-repeat left top !important; }

  .filterbar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    text-transform: uppercase;
    font-family: 'pill_gothic_300mg_rgregular'; }
    .filterbar section {
      float: left;
      width: 100%; }
    .filterbar section:first-child {
      border-top: 1px solid #ddd; }
    .filterbar .title {
      float: left;
      clear: both;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 15px;
      border-bottom: 1px solid #ddd;
      width: 100%;
      font-size: 16px;
      cursor: pointer; }
    .filterbar label {
      text-transform: uppercase; }

  .filters .title {
    background: url("/images/mob-footarrowdown.png") right center no-repeat; }
    .filters .title.clicked {
      background: url("/images/mob-footarrowup.png") right center no-repeat; }
    .filters > div {
      background: #fff;
      float: left;
      clear: both;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 15px;
      display: none;
      border-bottom: 1px solid #ddd; }
    .filters > div > div {
      width: 50%;
      float: left;
      padding: 0 5px 0 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }

  .catprods {
    margin-top: 20px; }

  .catprods > div {
    width: 100%;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .catprods.multiview {
    margin-left: -10px;
    padding: 0 10px; }
    .catprods.multiview div.text {
      position: absolute;
      bottom: 0;
      background: rgba(255, 255, 255, 0.7);
      padding-bottom: 10px;
      height: auto; }

  .catprods.multiview > div {
    width: 50%;
    padding: 0 0 0 10px; }

  .sorting {
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px; }

  .sortbar {
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .sortbar > div {
      width: 20%;
      float: left;
      position: relative; }
    .sortbar > div:nth-child(2) {
      width: 60%; }
    .sortbar > div:nth-child(2) select {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      left: 0;
      right: 0; }
    .sortbar > div > div {
      padding: 5px;
      border: 1px solid #ddd;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .sortbar .mySelectBoxClass {
      font-size: 14px; }
    .sortbar .customSelect {
      padding: 14px 22px 14px 12px;
      margin: 0 auto;
      float: none;
      display: block !important; }
    .sortbar .view {
      float: left;
      width: 70px;
      text-align: center; }
    .sortbar .refine {
      font-family: 'pill_gothic_300mglight';
      font-size: 18px;
      padding: 13px 6px;
      text-transform: uppercase;
      float: right;
      width: 75px;
      background: url(/images/sidebar-downarrow.png) no-repeat right center; }
    .sortbar .refine.clicked {
      border-bottom: 1px solid #f5f5f5;
      background: #f5f5f5 url('/images/sidebar-uparrow.png') no-repeat right center; }

  .filterbar, .sortbyholder {
    width: 100%;
    float: left;
    background: #f5f5f5;
    display: none;
    margin-top: -1px; }
    .filterbar .offers, .sortbyholder .offers {
      border: 0; }

  footer .footernav {
    padding: 0 0 40px; }

  .footerwidth {
    margin: 30px 0 0;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .footerwidth > div:first-child {
    border-top: 1px solid #808080; }

  .footerwidth > div {
    width: 100%;
    clear: both;
    float: left;
    border-bottom: 1px solid #808080; }
    .footerwidth > div label {
      padding: 17px 0;
      cursor: pointer;
      float: left;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      background: url('/images/mob-arrowdown2.gif') right top no-repeat; }
    .footerwidth > div label a {
      text-decoration: none;
      color: #000; }
    .footerwidth > div label.clicked {
      background: url('/images/mob-arrowup.png') right center no-repeat; }
    .footerwidth > div ul {
      display: none;
      padding: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      clear: both;
      width: 100%;
      border-top: 1px solid #000;
      margin: 0; }
    .footerwidth > div ul li:first-child {
      border: 0; }
    .footerwidth > div ul li {
      padding: 17px 40px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border-top: 1px solid #000; }
    .footerwidth > div ul li a {
      font-size: 15px;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 400;
      text-decoration: none;
      color: #000; }

  .followus {
    clear: both;
    float: left;
    width: 100%;
    /*.mainnav .subnav li ul li:not(.title) {
		display:none;
	}*/ }
    .followus ul {
      margin: 20px auto 0;
      clear: both;
      padding: 0;
      width: 175px; }
    .followus ul li {
      display: inline;
      margin: 0 5px; }

  .mainnav .subnav li ul li.title.clicked {
    background: url("/images/mob-arrowup.png") center right no-repeat; }

  nav {
    clear: both;
    display: none; }

  .mainnav {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    background: #fff;
    border-top: 1px solid #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase; }
    .mainnav > li {
      border-bottom: 1px solid #000; }
    .mainnav > li > a {
      padding: 17px 20px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      text-decoration: none;
      font-size: 15px;
      display: block;
      color: #000; }
    .mainnav .signin {
      background: url('/images/mob-x.png') center right no-repeat; }
    .mainnav .sub > a {
      background: url('/images/mob-arrowdown.png') center right no-repeat; }
    .mainnav .hassub.clicked {
      background: url("/images/mob-arrowdown2.png") top right no-repeat; }
    .mainnav .hassub, .mainnav .newsub {
      background: url('/images/mob-arrowdown2.gif') top right no-repeat; }
    .mainnav .newsub .subnavwrap {
      display: block; }
    .mainnav .subnav {
      background: #fff;
      margin: 0;
      padding: 0; }
    .mainnav .subnav li {
      border-top: 1px solid #000; }
    .mainnav .subnav li:first-child > ul > li:first-child {
      border-top: 0;
      /*li > ul > li:first-child {
				background:url('/images/mob-arrowdown.png') center right no-repeat;
			}*/ }
    .mainnav .subnav li a {
      text-decoration: none;
      color: #000;
      font-size: 15px; }
    .mainnav .subnav > li > ul > li.title {
      border-top: 1px solid #e6e6e6; }
    .mainnav .mobcurrency .options a {
      font-size: 15px !important; }
    .mainnav .subnav li ul {
      margin: 0;
      padding: 0;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 400; }
    .mainnav .subnav li ul li.title {
      padding: 17px 20px;
      cursor: pointer;
      color: #000;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 700;
      font-size: 14px; }
    .mainnav .subnav li ul li.title a {
      color: #a71e23; }
    .mainnav .subnav li ul li {
      margin: 0;
      padding: 17px 50px; }
    .mainnav .inputnav {
      padding: 30px 20px 10px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      clear: both;
      width: 100%; }
    .mainnav .inputnav .signup, .mainnav .inputnav .storefind {
      float: left;
      clear: both;
      width: 100%; }
    .mainnav .inputnav input[type="text"] {
      width: 80%;
      width: calc(100% - 35px);
      margin: 5px 0 20px;
      height: 40px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 10px;
      font-size: 13px;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 400;
      background: #fff;
      border: 1px solid #000;
      text-transform: uppercase;
      float: left; }
    .mainnav .inputnav input[type="submit"] {
      width: 20%;
      width: 35px;
      border: 0;
      float: left;
      margin: 5px 0 0;
      background: #000 url('/images/whiterightarrow.gif') center center no-repeat;
      height: 40px; }
    .mainnav .inputnav ::-webkit-input-placeholder {
      color: #000; }
    .mainnav .inputnav :-moz-placeholder {
      color: #000; }
    .mainnav .inputnav ::-moz-placeholder {
      color: #000; }
    .mainnav .inputnav :-ms-input-placeholder {
      color: #000; }

  .pagegrid .grid2, .pagegrid .grid3 {
    width: 100%;
    float: left;
    /*home page */ }

  .pagegrid {
    float: left; }
    .pagegrid > div img {
      padding: 0;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin-bottom: 12px; }
    .pagegrid .grid2, .pagegrid .grid3, .pagegrid .grid3 > div, .pagegrid .grid2 > div {
      width: 100%;
      float: left; }

  .textbanner {
    width: 100%; }

  .remove img {
    display: none; }

  footer .footernav .footerwidth label {
    font-size: 15px;
    margin: 0; } }

@media (max-width: 550px) and (min-width: 0px) {
  .selectoutfit > div {
    margin: 15px 4% 0 0;
    width: 46%; }
    .selectoutfit div:nth-child(odd) {
      clear: both; } }

@media (max-width: 420px) and (min-width: 0px) {
  header .mobHeader .mobnavwrap {
    padding: 0 10px !important; }

  .promo h2, .promo input, .promo a {
    width: 26% !important;
    float: left !important; }

  .promo input {
    margin: 0 3% !important; }

  .dps img {
    width: 100%; }

  #form-content label, #form-content input {
    width: 100%;
    clear: both; }

  #form-content label {
    margin: 0 0 5px; }

  .quick-view .left .selectimage {
    position: absolute !important;
    top: 10px;
    left: 10px; }

  .white-popup.quick-view .image img {
    width: 100%; }

  .white-popup.quick-view .prodarea .right {
    padding: 0; }

  .white-popup.quick-view .prodarea .left {
    position: relative; }

  .white-popup.quick-view .size {
    margin: 0; }

  .color .prodsel {
    margin: 0 !important; } }

@media (min-width: 901px) and (max-width: 1140px) {
  .catprods.suitscat > div {
    width: 50%; } }

@media (min-width: 751px) and (max-width: 1340px) {
  .mainnav {
    width: 100%; } }

@media (min-width: 751px) and (max-width: 1050px) {
  .mybag {
    margin: 29px -20px 0 0; } }

@media (min-width: 1051px) and (max-width: 1340px) {
  .catlist {
    padding: 0 0 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; } }

@media (min-width: 751px) and (max-width: 810px) {
  .catholder .displayfiltersholder .displayfilters .pages {
    position: absolute;
    top: -5px;
    right: 0; }

  .displayfilters {
    margin-top: 25px; } }

@media (min-width: 1100px) {
  .white-popup.quick-view .dealbtn {
    margin-bottom: 10px; }

  #wrapper .deal .close {
    border-left: 1px solid #d6d6d6; }

  .deal > div:nth-child(2) {
    clear: none;
    margin: 0 0 0 20px;
    border: 0;
    padding: 0 0 10px 20px; } }

@media (min-width: 629px) {
  .lookbook .catheader {
    height: auto; }
    .lookbook .catheader > div {
      height: auto; } }

@media (min-width: 0px) and (max-width: 629px) {
  .videoWrapper {
    position: relative;
    /* 16:9 */
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0; }

  .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .lookbook .catheader {
    max-height: 640px;
    height: auto;
    display: block !important;
    overflow: hidden; }

  .catheader .twobanner > div {
    width: 100% !important;
    margin: 0 !important; }

  .catheader .twobanner > div:nth-child(odd) {
    display: none; } }

@media (min-width: 750px) and (max-width: 860px) {
  .cart .sidebar {
    display: none; }

  .your-cart {
    width: 100%; } }

.gridprod {
  margin: 0 0 20px;
  float: left;
  width: 100%; }
  .gridprod .closereview {
    float: right;
    font-size: 22px;
    padding: 10px 10px 0;
    color: #666;
    text-decoration: none;
    margin: -10px 0 0; }
  .gridprod .crumbs {
    text-transform: capitalize !important;
    font-family: "helvetica";
    font-weight: bold;
    font-size: 12px; }
  .gridprod .crumbs a {
    font-weight: normal; }
  .gridprod .prodarea .singleprice {
    color: #000; }
  .gridprod .prodarea .was {
    color: #000; }
    .gridprod .prodarea .was span {
      text-decoration: line-through; }
  .gridprod .prodarea .now {
    color: #a71e23; }
    .gridprod .prodarea .offer {
      text-decoration: none;
      color: #2899e9;
      border-bottom: 1px solid #2899e9; }
  .gridprod .prodarea .sep {
    margin: 4px 10px 0 5px;
    display: inline-block;
    width: 1px;
    height: 13px;
    background: #404040;
    float: left; }
  .gridprod .prodarea .offer, .gridprod .prodarea .was, .gridprod .prodarea .now, .gridprod .prodarea .singleprice {
    font-family: 'helvetica';
    font-size: 22px;
    display: inline-block;
    font-weight: normal;
    float: left;
    margin-right: 5px; }
    .gridprod .prodarea .offer sup, .gridprod .prodarea .was sup, .gridprod .prodarea .now sup, .gridprod .prodarea .singleprice sup {
      font-family: 'helvetica';
      font-size: 12px; }
  .gridprod .prodarea .share {
    text-align: left;
    width: 100%;
    float: left;
    margin: 20px 0;
    font-size: 12px;
    color: #666; }
    .gridprod .prodarea .share div.icons {
      float: left; }
      @media (max-width: 1200px) and (min-width: 0px) {
    .gridprod .prodarea .share div.icons {
      float: none;
      margin: 0 auto;
      width: 275px;
      display: block !important; } }
      .gridprod .prodarea .share div.icons > span {
        float: left;
        margin: 14px 7px 0 0;
        font-weight: bold; }
      .gridprod .prodarea .share div.icons a {
        float: left; }
        .gridprod .prodarea .share div.icons a img {
          width: 42px; }
    .gridprod .prodarea .share div {
      float: right;
      height: 42px; }
      .gridprod .prodarea .share div a {
        color: #666; }
      @media (max-width: 1200px) and (min-width: 0px) {
    .gridprod .prodarea .share div {
      text-align: center; } }
      .gridprod .prodarea .share div span {
        height: 42px;
        display: table-cell;
        vertical-align: middle; }
  .gridprod .prodarea .prodimages {
    max-width: 845px;
    width: 100%; }
    .gridprod .prodarea .prodimages .videowrap {
      position: relative; }
      .gridprod .prodarea .prodimages .videowrap .video-js {
        padding-top: 129.1% !important;
        background-color: #fff; }
        .gridprod .prodarea .prodimages .videowrap .video-js video {
          background-color: #fff; }
    .gridprod .prodarea .prodimages .viewvid, .gridprod .prodarea .prodimages .closevid {
      position: absolute;
      z-index: 99;
      right: 10px;
      top: 10px;
      cursor: pointer;
      width: 60px; }
      .gridprod .prodarea .prodimages .viewvid img, .gridprod .prodarea .prodimages .closevid img {
        width: auto; }
    .gridprod .prodarea .prodimages .thumbs, .gridprod .prodarea .prodimages .mobTabslider {
      display: none; }
    .gridprod .prodarea .prodimages .thumbs {
      margin: 20px 0 0;
      text-align: center;
      float: left;
      width: 100%; }
      .gridprod .prodarea .prodimages .thumbs img {
        width: auto; }
    .gridprod .prodarea .prodimages .mightlike {
      width: 100%;
      float: left; }
      .gridprod .prodarea .prodimages .mightlike h2 {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #dbdbdb;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold;
        padding: 0 0 10px; }
      .gridprod .prodarea .prodimages .mightlike > div {
        width: 25%;
        float: left; }
        .gridprod .prodarea .prodimages .mightlike > div a {
          display: block;
          width: 100%; }
        .gridprod .prodarea .prodimages .mightlike > div img {
          padding: 0 5px;
          width: 100%; }
    .gridprod .prodarea .prodimages .share {
      text-align: left;
      width: 100%;
      float: left;
      margin: 20px 0;
      font-size: 12px;
      color: #666; }
      .gridprod .prodarea .prodimages .share a {
        display: inline-block; }
        .gridprod .prodarea .prodimages .share a img {
          width: auto; }
      .gridprod .prodarea .prodimages .share div {
        display: inline-block;
        height: 42px; }
        .gridprod .prodarea .prodimages .share div span {
          height: 42px;
          display: table-cell;
          vertical-align: middle; }
    .gridprod .prodarea .prodimages .sliderholder {
      width: calc(50% - 5px);
      float: left; }
      .gridprod .prodarea .prodimages .sliderholder .flexslider {
        border: 0; }
        .gridprod .prodarea .prodimages .sliderholder .flexslider .slides img {
          padding: 0;
          margin-left: 0; }
      .gridprod .prodarea .prodimages .sliderholder .gridimages {
        float: left; }
        .gridprod .prodarea .prodimages .sliderholder .gridimages img {
          width: calc(50% - 5px);
          float: right;
          padding: 0;
          margin-left: 0;
          cursor: pointer;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none; }
        .gridprod .prodarea .prodimages .sliderholder .gridimages img:nth-child(odd) {
          float: left; }
        .gridprod .prodarea .prodimages .sliderholder .gridimages img:first-child, .gridprod .prodarea .prodimages .sliderholder .gridimages img:nth-child(2) {
          margin-bottom: 10px; }
    .gridprod .prodarea .prodimages .bigimage {
      width: calc(50% - 5px);
      float: right; }
      .gridprod .prodarea .prodimages .bigimage img {
        width: 100%;
        margin: 0;
        padding: 0; }
  .gridprod .prodarea .prodinfo {
    width: calc(100% - 845px);
    padding: 0 0 0 15px; }
  .gridprod .videowrap {
    width: calc(50% - 5px);
    float: right;
    z-index: 9; }
  @media (max-width: 1200px) and (min-width: 0px) {
    .gridprod .videowrap {
      width: 100%; } }
  .gridprod .flex-direction-nav a {
    top: 45%; }
  .gridprod .flex-direction-nav .flex-prev {
    left: -1px;
    opacity: 1;
    background: url('/images/prodleft.png') top left no-repeat;
    text-indent: -9990px;
    height: 89px;
    width: 39px; }
  .gridprod .flex-direction-nav .flex-next {
    right: -1px;
    opacity: 1;
    background: url('/images/prodright.png') top left no-repeat;
    text-indent: -9990px;
    height: 89px;
    width: 39px; }
  .gridprod .flex-control-nav {
    bottom: 10px;
    text-align: center;
    height: 11px;
    color: transparent; }
  .gridprod .flex-control-nav li {
    margin: 0 2px; }
  .gridprod .flex-control-paging li a {
    color: transparent; }
  .gridprod .prodarea *, .gridprod .prodarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .gridprod .prodarea .mightlike {
    width: 100%;
    float: left; }
    .gridprod .prodarea .mightlike h2 {
      width: 100%;
      text-align: left;
      border-bottom: 1px solid #dbdbdb;
      font-size: 13px;
      text-transform: uppercase;
      font-weight: bold;
      padding: 5px 0 15px; }
    .gridprod .prodarea .mightlike > div {
      width: 25%;
      float: left; }
      .gridprod .prodarea .mightlike > div a {
        display: block;
        width: 100%; }
      .gridprod .prodarea .mightlike > div img {
        padding: 0 5px;
        width: 100%; }
  .gridprod .prodarea .proddetails {
    float: left;
    width: 100%;
    margin: 20px 0;
    border-top: 1px solid #dbdbdb; }
    .gridprod .prodarea .proddetails > div {
      border-bottom: 1px solid #dbdbdb;
      float: left;
      width: 100%;
      padding: 15px 10px;
      font-size: 13px;
      position: relative; }
    .gridprod .prodarea .proddetails .haschild .prodtitle {
      background: url('/images/downarrow.gif') center right no-repeat; }
      .gridprod .prodarea .proddetails .haschild.js-clicked {
        background: url('/images/uparrow.gif') center right no-repeat; }
      .gridprod .prodarea .proddetails .haschild .info {
        display: block; }
    .gridprod .prodarea .proddetails .write {
      position: absolute;
      z-index: 999999;
      right: 35px;
      top: 15px;
      color: #000; }
      .gridprod .prodarea .proddetails .write a {
        text-decoration: underline;
        font-weight: bold;
        color: #000; }
    .gridprod .prodarea .proddetails .prodtitle {
      text-transform: uppercase;
      font-size: 13px;
      font-weight: bold;
      cursor: pointer;
      width: 100%; }
      .gridprod .prodarea .proddetails .prodtitle.mobOnly {
        position: relative;
        z-index: 0; }
      .gridprod .prodarea .proddetails .prodtitle span {
        font-weight: normal; }
        .gridprod .prodarea .proddetails .prodtitle span a {
          display: inline;
          font-weight: bold;
          text-transform: capitalize;
          background: none;
          text-decoration: underline; }
      .gridprod .prodarea .proddetails .prodtitle a {
        text-decoration: none;
        color: #000;
        background: url('/images/rightarrow.gif') center right no-repeat;
        width: 100%;
        display: block; }
    .gridprod .prodarea .proddetails .info {
      padding: 20px 0 0;
      color: #666; }
      .gridprod .prodarea .proddetails .info p {
        font-family: helvetica; }
      .gridprod .prodarea .proddetails .info span {
        color: #999; }
      .gridprod .prodarea .proddetails .info > div {
        float: left;
        clear: both; }
      .gridprod .prodarea .proddetails .info .action {
        font-weight: bold; }
        .gridprod .prodarea .proddetails .info .action a {
          color: #000; }
      .gridprod .prodarea .proddetails .info .reviewtext {
        margin: 0 0 20px; }
        .gridprod .prodarea .proddetails .info .reviewtext strong {
          font-family: helvetica;
          font-weight: bold;
          color: #000;
          font-size: 13px; }
        .gridprod .prodarea .proddetails .info .reviewtext div {
          float: left; }
        .gridprod .prodarea .proddetails .info .reviewtext .rating {
          float: left;
          margin: 0 0 0 15px; }
  .gridprod .prodarea h1 {
    text-transform: uppercase;
    font-family: 'helvetica';
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 10px; }
  .gridprod .prodarea .price {
    font-size: 22px;
    font-family: 'helvetica';
    font-weight: normal; }
  .gridprod .prodarea .deal {
    margin: 20px 0 0;
    max-width: 100%; }
  .gridprod .prodarea .color, .gridprod .prodarea .size {
    margin: 10px 0; }
  .gridprod .prodarea .size span, .gridprod .prodarea .color span {
    font-family: 'helvetica';
    font-weight: 600;
    color: #000; }
    .gridprod .prodarea .size span .selected-size, .gridprod .prodarea .color span .selected-size, .gridprod .prodarea .size span #selected-colour, .gridprod .prodarea .color span #selected-colour {
      font-weight: 400;
      font-family: 'helvetica';
      color: #666; }
    .gridprod .prodarea .size .size-inner, .gridprod .prodarea .color .size-inner {
      font-family: 'helvetica'; }
    .gridprod .prodarea .size .selectcolor, .gridprod .prodarea .color .selectcolor, .gridprod .prodarea .size .selectsize, .gridprod .prodarea .color .selectsize {
      margin: 3px 6px 0 0; }
    .gridprod .prodarea .size .selectsize, .gridprod .prodarea .color .selectsize {
      width: 36px;
      height: 34px;
      padding: 6px 0 0; }
    .gridprod .prodarea .size .selectsize.available, .gridprod .prodarea .color .selectsize.available {
      border: 1px solid #000; }
    .gridprod .prodarea .size .selectsize.selected, .gridprod .prodarea .color .selectsize.selected {
      border: 1px solid #000;
      background: #000;
      color: #fff; }
  .gridprod .prodarea .orderbefore {
    background: #dbdbdb;
    padding: 15px;
    float: left;
    width: 100%;
    margin: 10px 0 0; }
    .gridprod .prodarea .orderbefore a {
      float: right;
      font-size: 12px;
      color: #000; }
    .gridprod .prodarea .orderbefore > div {
      font-weight: bold;
      font-size: 12px;
      float: left; }
    .gridprod .prodarea .orderbefore > div img {
      margin: 0 0 -3px; }
  .gridprod .prodarea .addtobag {
    width: 100%; }
    .gridprod .prodarea .addtobag a {
      width: 100%; }
    .gridprod .prodarea .addtobag .error {
      margin-top: 15px;
      background-color: #feecec;
      border: 1px solid #ffd9d9;
      color: #ff7373;
      padding: 10px 20px;
      line-height: 1.5;
      width: 100%; }
    .gridprod .prodarea .addtobag .stock-lookup {
      width: 205px;
      margin: 0 auto;
      display: block;
      text-align: center;
      color: #000;
      border: 1px solid #000;
      padding: 8px 15px;
      clear: both;
      font-size: 12px;
      font-weight: bold;
      text-decoration: none;
      font-family: 'helvetica'; }
    .gridprod .prodarea .addtobag .add-to-cart {
      width: 100%;
      margin: 10px 0;
      padding: 20px;
      text-align: center;
      display: block;
      font-size: 18px;
      font-weight: bold;
      font-family: 'helvetica'; }

.underbuttonptomo > img.width-lt1200 {
  display: none; }
  .underbuttonptomo > img {
    width: 100%;
    display: block;
    margin-top: 10px; }

#urgenttonight.white-popup {
  padding: 0; }
  #urgenttonight.white-popup *, #urgenttonight.white-popup {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #urgenttonight.white-popup > div {
    padding: 25px; }
  #urgenttonight.white-popup > div p {
    font-family: helvetica;
    font-size: 13px;
    line-height: 17px; }
    #urgenttonight.white-popup > div p strong {
      font-family: helvetica;
      font-weight: bold; }
    #urgenttonight.white-popup > div p a {
      color: #000;
      font-weight: bold; }
  #urgenttonight.white-popup .blackbg {
    background: #000;
    padding: 15px 25px; }
  #urgenttonight.white-popup .blackbg h2 {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 16px; }

#reviewpopup.white-popup {
  max-width: 700px;
  padding: 0; }
  #reviewpopup.white-popup *, #reviewpopup.white-popup {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #reviewpopup.white-popup > div {
    display: table-cell;
    vertical-align: top; }
  #reviewpopup.white-popup .reviewprod {
    width: 200px;
    background: #000;
    color: #fff;
    padding: 15px; }
  #reviewpopup.white-popup .reviewprod h2 {
    font-size: 13px;
    font-weight: bold;
    font-family: helvetica;
    text-align: center;
    width: 100%; }
  #reviewpopup.white-popup .mainreview {
    font-size: 13px;
    width: 100%; }
  #reviewpopup.white-popup .mainreview h3 {
    padding: 15px;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase; }
  #reviewpopup.white-popup .mainreview .mobheading {
    padding: 15px; }
    #reviewpopup.white-popup .mainreview .mobheading h2 {
      font-size: 18px;
      font-weight: bold;
      margin: 10px 0 0; }
  #reviewpopup.white-popup .mainreview .starsbig {
    float: left; }
  #reviewpopup.white-popup .mainreview .clickrate {
    margin: 5px 0 0 10px; }
  #reviewpopup.white-popup .mainreview .fitradio {
    float: right;
    width: calc(100% - 110px);
    margin: 0 10px 0 0; }
    #reviewpopup.white-popup .mainreview .fitradio > div {
      width: 33%;
      float: left;
      text-align: center;
      background: url('/images/radiobg.gif') top center repeat-x; }
    #reviewpopup.white-popup .mainreview .fitradio > div input {
      margin: 0 auto;
      height: 20px;
      width: 20px; }
    #reviewpopup.white-popup .mainreview .fitradio > div span {
      display: block;
      float: none; }
    #reviewpopup.white-popup .mainreview .fitradio .small {
      text-align: left; }
    #reviewpopup.white-popup .mainreview .fitradio .small span {
      margin-left: -12px; }
    #reviewpopup.white-popup .mainreview .fitradio .small input {
      margin-left: -5px; }
    #reviewpopup.white-popup .mainreview .fitradio .larger {
      text-align: right; }
    #reviewpopup.white-popup .mainreview .fitradio .larger input {
      margin-right: -5px; }
    #reviewpopup.white-popup .mainreview .fitradio .larger span {
      margin-right: -12px !important; }
  #reviewpopup.white-popup .mainreview label, #reviewpopup.white-popup .mainreview .heading {
    margin: 0 0 5px;
    float: left;
    font-size: 14px;
    font-weight: bold;
    float: left; }
    #reviewpopup.white-popup .mainreview label.overalrating, #reviewpopup.white-popup .mainreview .heading.overalrating {
      margin: 5px 10px 0 0; }
  #reviewpopup.white-popup .mainreview input, #reviewpopup.white-popup .mainreview textarea {
    width: 100%;
    outline: 0;
    padding: 10px;
    border: 1px solid #dbdbdb; }
  #reviewpopup.white-popup .mainreview input {
    margin: 0 0 10px; }
  #reviewpopup.white-popup .mainreview section {
    border-bottom: 1px solid #dbdbdb;
    padding: 15px;
    float: left;
    width: 100%; }
    #reviewpopup.white-popup .mainreview section > span {
      float: right; }
    #reviewpopup.white-popup .mainreview section:last-child {
      border: 0; }
    #reviewpopup.white-popup .mainreview section .blackbtn {
      margin: 20px 0 0;
      font-family: helvetica;
      font-weight: bold;
      font-size: 18px; }
    #reviewpopup.white-popup .mainreview section .checkbox input {
      width: 12px;
      margin: 0 5px 0 0; }

@media (max-width: 1300px) and (min-width: 1200px) {
  .gridprod .prodarea .offer {
    clear: both;
    float: left; }
    .gridprod .prodarea .sep {
      display: none; } }

@media (min-width: 1201px) {
  .mobtabSlider {
    display: none; } }

@media (max-width: 1200px) {
  .bigimage {
    display: none; }

  .gridprod .prodarea .orderbefore div, .gridprod .prodarea .orderbefore a {
    clear: both;
    text-align: center;
    width: 100%; }
    .gridprod .prodarea .orderbefore a {
      margin: 3px 0; }
    .gridprod .prodarea .prodinfo {
      width: calc(100% - 418px); }
    .gridprod .prodarea .prodimages {
      width: 418px; }
    .gridprod .prodarea .prodimages .mobTabslider {
      display: block; }
    .gridprod .prodarea .prodimages .dtslider {
      display: none; }
    .gridprod .prodarea .prodimages .sliderholder {
      width: 100%; }
    .gridprod .prodarea .prodimages .thumbs {
      display: block; }

  .underbuttonptomo > img.width-lt1200 {
    display: block; }
    .underbuttonptomo > img.default {
      display: none; } }

@media (min-width: 750px) and (max-width: 1200px) {
  .gridprod .flex-direction-nav a {
    top: 18%; }

  .flex-control-paging {
    display: none; }

  .gridprod .prodarea .share div:not(.icons) {
    margin: -10px 0 0;
    height: auto;
    width: 100%; }
    .gridprod .prodarea .share div:not(.icons) .tabOnly {
      height: auto !important;
      display: inline !important;
      width: 100%; }
    .gridprod .prodarea .share div:not(.icons) > span {
      height: auto;
      width: 100%;
      float: left; }
    .gridprod .prodarea .prodimages .viewvid, .gridprod .prodarea .prodimages .closevid {
      top: 20px; } }

@media (min-width: 901px) {
  .gridprod .prodarea .offer.dtOnly, .gridprod .prodarea .sep.dtOnly {
    display: inline-block !important; }
    .gridprod .prodarea .prodimages img {
      margin-left: 0;
      width: 100%; } }

@media (max-width: 900px) and (min-width: 751px) {
  .gridprod .prodarea .offer {
    clear: both;
    float: left; }
    .gridprod .prodarea .sep {
      display: none; } }

@media (max-width: 900px) {
  .gridprod .prodarea .prodimages {
    width: 100%;
    max-width: 418px; }
    .gridprod .prodarea .prodimages img {
      padding: 0;
      margin: 0;
      width: 100%; }
    .gridprod .prodarea .prodinfo {
      width: 40%; } }

@media (max-width: 750px) {
  .prodimages .flex-viewport {
    padding-bottom: 20px; }

  .mobSlider.js-clicked {
    visibility: hidden; }

  .ratioHolder {
    width: 100%;
    padding-bottom: 128.15%;
    position: relative; }

  .sliderHolder {
    position: absolute;
    top: 0px;
    left: 0px;
    color: white;
    font-size: 100%;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .sliderHolder ul {
      margin: 0;
      padding: 0; }

  .gridprod .prodarea .offer.mobOnly, .gridprod .prodarea .sep.mobOnly {
    display: inline-block !important; }
    .gridprod .prodarea .share div:not(.icons) {
      width: 100%;
      float: left;
      margin: -10px 0 0;
      height: auto; }
      .gridprod .prodarea .share div:not(.icons) > span {
        width: 100%;
        float: left;
        height: auto; }
    .gridprod .prodarea .color, .gridprod .prodarea .size {
      margin: 5px 0; }
    .gridprod .prodarea .was {
      text-align: center; }
    .gridprod .prodarea .now {
      text-align: center; }
    .gridprod .prodarea .mightlike .mightlikecarousel {
      float: left;
      width: 100%; }
      .gridprod .prodarea .mightlike .mightlikecarousel > div {
        width: 100%; }
    .gridprod .prodarea .priceblock {
      text-align: center; }
      .gridprod .prodarea .priceblock .offer, .gridprod .prodarea .priceblock .was, .gridprod .prodarea .priceblock .now, .gridprod .prodarea .priceblock .singleprice, .gridprod .prodarea .priceblock .sep {
        float: none; }
    .gridprod .prodarea h1 {
      text-align: center; }
    .gridprod .prodarea .orderbefore {
      background: #dbdbdb;
      margin: 20px 0 0; }
    .gridprod .prodarea .price {
      text-align: center;
      border-bottom: 1px solid #dbdbdb;
      padding: 5px 0 15px; }
    .gridprod .prodarea .proddetails {
      margin: 20px 0 0;
      border-top: 1px solid #dbdbdb; }
      .gridprod .prodarea .proddetails > div {
        padding: 15px 0;
        border-top: 0;
        border-bottom: 1px solid #dbdbdb; }
      .gridprod .prodarea .proddetails > div p {
        font-family: Arial, Helvetica, sans-serif; }
    .gridprod .prodarea .prodinfo {
      width: 100%;
      padding: 0; }
    .gridprod .prodarea .prodimages {
      width: 100%;
      max-width: 418px;
      margin: 0 auto 20px; }
      .gridprod .prodarea .prodimages .thumbs {
        display: none; } }

@media (max-width: 500px) {
  .gridprod .prodarea .sep {
    background: #fff;
    display: block;
    width: 100%;
    height: 1px;
    margin: 0; } }

.mfp-auto-cursor .mfp-content {
  width: auto !important; }

.gridprod .prodimages img:not(.videooverlaybtn), .gridprod .prodimages div.vjs-paused {
  width: 100%;
  margin: 0; }

.mobblurb {
  padding: 0 30px 10px;
  font-family: helvetica, arial;
  font-size: 12px;
  text-align: center; }
  .mobblurb p {
    font-family: helvetica, arial;
    font-size: 12px; }
  .mobblurb p strong {
    font-weight: bold;
    font-family: helvetica, arial; }
  .mobblurb a {
    color: #000; }

.cland {
  background-color: #000;
  position: relative;
  height: auto; }
  .cland *, .cland {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .cland > div {
    opacity: 1;
    height: 290px; }
  @media (max-width: 1260px) and (min-width: 0px) {
    .cland > div {
      height: 200px; } }
  @media (max-width: 750px) and (min-width: 0px) {
    .cland > div {
      height: 90px; } }
  .cland .textwidth {
    width: 50%;
    float: right;
    padding: 0 30px 0 0; }
  @media (max-width: 1260px) and (min-width: 0px) {
    .cland .textwidth {
      width: 100%;
      padding: 0 16%; } }
  @media (max-width: 820px) and (min-width: 0px) {
    .cland .textwidth {
      width: 100%;
      padding: 0 13%; } }
  @media (max-width: 750px) and (min-width: 0px) {
    .cland .textwidth {
      width: 100%;
      padding: 0 30px;
      height: 90px; } }
  .cland .textwrap {
    font-family: helvetica, arial;
    display: table-cell;
    vertical-align: middle;
    height: 290px; }
  @media (max-width: 1260px) and (min-width: 0px) {
    .cland .textwrap {
      height: 200px;
      width: 100%;
      text-align: left; } }
  @media (max-width: 750px) and (min-width: 0px) {
    .cland .textwrap {
      height: 90px;
      width: 100%;
      display: block;
      padding-top: 30px;
      text-align: center; } }
  .cland .textwrap h1 {
    color: #fff;
    padding: 0;
    margin: 0;
    width: 100%;
    font-size: 44px;
    text-transform: uppercase;
    margin: 0 0 10px;
    font-family: helvetica, arial;
    font-weight: bold; }
    @media (max-width: 750px) and (min-width: 0px) {
    .cland .textwrap h1 {
      font-size: 25px;
      margin: 0 !important;
      width: 100%; } }
  .cland .textwrap > div {
    float: left;
    width: 100%; }
  .cland .textwrap p {
    font-family: helvetica, arial;
    width: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 18px; }
    .cland .textwrap p strong {
      font-weight: bold;
      font-family: helvetica, arial; }
  .cland .textwrap a {
    color: #fff; }

#termspopup.white-popup {
  padding: 0; }
  #termspopup.white-popup *, #termspopup.white-popup {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #termspopup.white-popup > div {
    padding: 25px; }
  #termspopup.white-popup > div p {
    font-family: helvetica;
    font-size: 13px;
    line-height: 17px; }
    #termspopup.white-popup > div p strong {
      font-family: helvetica;
      font-weight: bold; }
    #termspopup.white-popup > div p a {
      color: #000;
      font-weight: bold; }
  #termspopup.white-popup .blackbg {
    background: #000;
    padding: 15px 25px; }
  #termspopup.white-popup .blackbg h2 {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 18px; }

.selpayment {
  width: 100%;
  float: left;
  margin: 30px 0 0; }
  .selpayment > div {
    width: 30%;
    float: left; }
  @media (max-width: 750px) and (min-width: 0px) {
    .selpayment > div {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      padding: 0 20px;
      margin: 5px 0; } }
  .selpayment > div:first-child {
    width: 40%; }
  .selpayment > div:last-child input {
    height: 30px; }
  .selpayment > div > div {
    display: table-cell;
    height: 30px;
    vertical-align: middle;
    cursor: pointer;
    padding: 3px 0 0 30px;
    background: url('/images/radiooff.gif') center left no-repeat; }
    .selpayment > div > div.js-clicked {
      background: url('/images/radioon.gif') center left no-repeat; }
    .selpayment > div > div strong {
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 700; }
    .selpayment > div > div label {
      cursor: pointer; }

.cc form {
  margin: 0; }

.page-gimme-ten {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  max-height: 100%; }
  .page-gimme-ten:before, .page-gimme-ten:after {
    content: "";
    display: block;
    clear: both; }
  .page-gimme-ten .container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url("../images/gimme-bg.png") no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    max-width: 750px;
    margin: auto;
    text-align: center;
    padding: 30px 10px 30px 10px; }
  .page-gimme-ten .container p {
    text-transform: uppercase;
    color: #fff;
    line-height: 100%; }
  .page-gimme-ten .container .logo-box {
    max-width: 60%;
    margin: auto;
    overflow: hidden; }
    .page-gimme-ten .container .logo-box img {
      width: 100%;
      height: auto; }
  .page-gimme-ten .container .promo-text {
    font-size: 5.5vw;
    margin: 15px auto;
    width: 80%;
    font-weight: 700; }
  .page-gimme-ten .container .gimme-ten-form {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .page-gimme-ten .container .gimme-ten-form input {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-appearance: none;
      height: 40px;
      width: 80%;
      margin: 5px auto;
      display: block;
      color: #fff;
      background: rgba(255, 255, 255, 0.3);
      padding-left: 10px;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 400;
      border: 0;
      font-size: 4.7vw; }
    .page-gimme-ten .container .gimme-ten-form ::-webkit-input-placeholder {
      color: #fff; }
    .page-gimme-ten .container .gimme-ten-form :-moz-placeholder {
      color: #fff; }
    .page-gimme-ten .container .gimme-ten-form ::-moz-placeholder {
      color: #fff; }
    .page-gimme-ten .container .gimme-ten-form :-ms-input-placeholder {
      color: #fff; }
    .page-gimme-ten .container .gimme-ten-form button {
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      text-transform: uppercase;
      border: 2px #fff solid;
      background: transparent;
      width: 80%;
      margin: 10px auto;
      color: #fff;
      height: 40px;
      font-family: 'Roboto Condensed', sans-serif;
      font-weight: 400; }
    .page-gimme-ten .container .gimme-ten-form .error {
      color: #fff;
      line-height: 18px;
      width: 80%;
      margin: auto;
      padding: 5px 0;
      border: 1px #a71e23 solid; }
  .page-gimme-ten .container .instruc {
    font-family: 'helvetica';
    text-transform: none;
    width: 80%;
    margin: auto;
    margin-bottom: 40px; }
  .page-gimme-ten .container a {
    text-transform: uppercase;
    color: #fff;
    font-size: 3.5vw;
    display: block; }
  .page-gimme-ten .container .hang-out {
    margin-top: 15px; }
    .page-gimme-ten .container .hang-out p {
      font-size: 20px;
      text-decoration: underline; }
    .page-gimme-ten .container .hang-out .icons {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .page-gimme-ten .container .hang-out .icons a {
      display: inline-block;
      max-width: 10%;
      margin: 20px;
      vertical-align: middle; }
      .page-gimme-ten .container .hang-out .icons a img {
        display: block;
        max-width: 100%; }
  .page-gimme-ten .container .gimme-button {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-transform: uppercase;
    border: 2px #fff solid;
    background: transparent;
    width: 80%;
    margin: 10px auto;
    color: #fff;
    line-height: 40px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400; }

.competition-landing .comp {
  margin-top: 30px;
  float: left;
  width: 100%; }

.comp {
  margin-top: 30px;
  float: left;
  width: 100%; }
  .comp .success {
    text-align: center;
    margin: 40px 0 0; }
  .comp button {
    border: 0;
    max-width: 500px;
    margin: 0 auto; }

.compbannerwrap {
  display: table;
  width: 100%; }
  @media (max-width: 1080px) and (min-width: 0px) {
  .compbannerwrap {
    display: block;
    float: left; } }
  .compbannerwrap .videoWrapper {
    position: relative;
    /* 16:9 */
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0; }
  .compbannerwrap .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .compbannerwrap .col2 {
    width: 49.5%;
    display: table-cell; }
  .compbannerwrap .col2 *, .compbannerwrap .col2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  @media (max-width: 1080px) and (min-width: 0px) {
    .compbannerwrap .col2 {
      display: block;
      width: 100%;
      float: left; } }
  .compbannerwrap .col2 h2 {
    text-align: center;
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 28px;
    color: #fff;
    clear: both; }
    @media (max-width: 600px) and (min-width: 0px) {
    .compbannerwrap .col2 h2 {
      font-size: 22px; } }
  .compbannerwrap .col2 p {
    color: #fff;
    margin-top: 20px;
    font-size: 14px; }
  .compbannerwrap .col2 h1 {
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 80px;
    color: #fff;
    margin: 0 auto;
    max-width: 465px;
    white-space: nowrap;
    float: none; }
    @media (max-width: 1080px) and (min-width: 0px) {
    .compbannerwrap .col2 h1 {
      float: none; } }
    @media (max-width: 600px) and (min-width: 0px) {
    .compbannerwrap .col2 h1 {
      font-size: 32px;
      white-space: normal; } }
    .compbannerwrap .col2 h1 span {
      float: left; }
    @media (max-width: 600px) and (min-width: 0px) {
      .compbannerwrap .col2 h1 span {
        float: none; } }
    .compbannerwrap .col2 h1 .small {
      font-size: 40px;
      margin: 15px 11px 0 6px; }
    @media (max-width: 600px) and (min-width: 0px) {
      .compbannerwrap .col2 h1 .small {
        font-size: 32px; } }
    .compbannerwrap .col2 h1 .dollar {
      font-size: 40px;
      margin: 10px 0 0 20px; }
    @media (max-width: 600px) and (min-width: 0px) {
      .compbannerwrap .col2 h1 .dollar {
        font-size: 32px;
        margin: 0; } }
  .compbannerwrap .spacer {
    width: 1%;
    display: table-cell; }
  .compbannerwrap .box2 {
    background: url('/images/mysterybg.png') top left no-repeat;
    background-size: cover !important;
    vertical-align: middle;
    text-align: center;
    padding: 30px; }
  @media (max-width: 1080px) and (min-width: 0px) {
    .compbannerwrap .box2 {
      padding: 80px 30px;
      margin: 10px 0 40px; } }
  .compbannerwrap .box2 p {
    max-width: 500px;
    margin: 20px auto 0; }

.comp {
  /* clear mixin */ }
  .comp h1 {
    float: none;
    margin: 40px auto 0;
    width: auto;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700; }
  .comp input {
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif; }
  .comp .redbtn {
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase; }
  .comp .comp-form {
    text-align: center;
    max-width: 500px;
    margin: 0 auto; }
  .comp .comp-form p {
    font-family: arial, helvetica;
    font-size: 11px;
    color: #666; }
  .comp #comp-terms {
    width: 100%;
    text-align: center;
    margin: 40px 0;
    float: left; }
  .comp #comp-terms .termstitle {
    text-decoration: underline;
    margin: 0 0 10px;
    font-size: 13px;
    font-family: arial, helvetica; }
  .comp #comp-terms p.terms {
    font-family: arial, helvetica;
    font-size: 11px;
    color: #666;
    max-width: 800px;
    margin: 0 auto; }

.no-results-search .noResultsHeader {
  text-align: center;
  padding: 40px 0;
  border-bottom: solid #ccc 1px; }
  .no-results-search .noResultsHeader h1 {
    font-family: 'Helvetica Bold', Arial, sans-serif !important;
    font-weight: bold;
    font-size: 24px;
    margin-top: 0; }
  .no-results-search .noResultsHeader p {
    font-family: 'Helvetica Regular', Arial, sans-serif !important;
    font-weight: regular;
    font-size: 14px;
    line-height: 24px; }
    .no-results-search .noResultsHeader p:last-child {
      margin-bottom: 0; }
  @media (max-width: 750px) and (min-width: 0px) {
    .no-results-search .noResultsHeader {
      padding: 60px 0; }
      .no-results-search .noResultsHeader h1 {
        font-size: 28px; }
      .no-results-search .noResultsHeader p {
        font-size: 18px; } }
  .no-results-search .suggestCatsWrap .titles, .no-results-search .productWrap .titles {
    display: block;
    text-align: center; }
  .no-results-search .suggestCatsWrap h2, .no-results-search .productWrap h2 {
    display: inline-block;
    margin-top: 0;
    font-family: "Helvetica Bold", Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
    text-align: center; }
  @media (max-width: 750px) and (min-width: 0px) {
    .no-results-search .suggestCatsWrap h2, .no-results-search .productWrap h2 {
      font-size: 28px; } }
  .no-results-search .suggestCatsWrap {
    padding: 40px 130px;
    border-bottom: solid #ccc 1px;
    /* no results search css */
    -webkit-transition: padding 0.3s ease;
    -moz-transition: padding 0.3s ease;
    -ms-transition: padding 0.3s ease;
    -o-transition: padding 0.3s ease;
    transition: padding 0.3s ease; }
  .no-results-search .suggestCatsWrap:before, .no-results-search .suggestCatsWrap:after {
    content: "";
    display: block;
    clear: both; }
  .no-results-search .suggestCatsWrap .catList {
    float: left;
    width: 25%; }
    .no-results-search .suggestCatsWrap .catList ul {
      list-style: none;
      margin-bottom: 0; }
    @media (max-width: 750px) and (min-width: 0px) {
      .no-results-search .suggestCatsWrap .catList ul {
        padding-left: 0;
        text-align: center; } }
    .no-results-search .suggestCatsWrap .catList ul li a {
      font-size: 13px;
      text-decoration: underline;
      line-height: 38px;
      color: #000; }
      @media (max-width: 750px) and (min-width: 0px) {
      .no-results-search .suggestCatsWrap .catList ul li a {
        line-height: 44px;
        font-size: 24px; } }
    .no-results-search .suggestCatsWrap .catList.last ul li a {
      font-weight: bold; }
  @media (max-width: 750px) and (min-width: 0px) {
    .no-results-search .suggestCatsWrap {
      padding: 60px 0; }
      .no-results-search .suggestCatsWrap .catList {
        width: 100%; }
      .no-results-search .suggestCatsWrap ul {
        padding-left: 0;
        margin: 25px 0;
        text-align: center; } }
  @media (max-width: 900px) and (min-width: 751px) {
    .no-results-search .suggestCatsWrap {
      padding: 40px 50px; } }
  .no-results-search .productWrap {
    padding: 40px 0;
    margin: 0 auto;
    /* no results search css */ }
  .no-results-search .productWrap:before, .no-results-search .productWrap:after {
    content: "";
    display: block;
    clear: both; }
  .no-results-search .productWrap h2 {
    margin-bottom: 30px; }
  .no-results-search .productWrap .productGrid {
    /* no results search css */
    overflow: hidden;
    list-style: none;
    padding-left: 0;
    text-align: center; }
    .no-results-search .productWrap .productGrid:before, .no-results-search .productWrap .productGrid:after {
      content: "";
      display: block;
      clear: both; }
    .no-results-search .productWrap .productGrid li {
      float: left;
      width: 20%;
      padding-bottom: 20px;
      -webkit-transition: width 0.3s ease;
      -moz-transition: width 0.3s ease;
      -ms-transition: width 0.3s ease;
      -o-transition: width 0.3s ease;
      transition: width 0.3s ease; }
    .no-results-search .productWrap .productGrid li img {
      max-width: 100%; }
  @media (max-width: 750px) and (min-width: 0px) {
    .no-results-search .productWrap {
      padding: 60px 0; }
      .no-results-search .productWrap .productGrid li {
        width: 50%;
        padding: 20px 0px;
        box-sizing: border-box; } }
  @media (max-width: 0px) and (min-width: 550px) {
    .no-results-search .productWrap .productGrid li {
      padding: 20px; } }
  @media (max-width: 900px) and (min-width: 751px) {
    .no-results-search .productWrap .productGrid li {
      width: 50%; } }
  @media (max-width: 1300px) and (min-width: 1050px) {
    .no-results-search .productWrap .productGrid li {
      width: 25%; }
      .no-results-search .productWrap .productGrid li:nth-child(n+9) {
        display: none; } }
  @media (max-width: 1050px) and (min-width: 751px) {
    .no-results-search .productWrap .productGrid li {
      width: 33.3333%; }
      .no-results-search .productWrap .productGrid li:nth-child(n+10) {
        display: none !important; } }

.page-home.build {
  /* Footer CSS  ============= */ }
  .page-home.build .overlaypic {
    display: none; }
  @media (max-width: 750px) and (min-width: 0px) {
 }
  .page-home.build .homeblock .hometileholder {
    height: auto !important; }
  .page-home.build .anchored-home-image {
    max-width: 100%;
    width: 100%;
    height: auto !important; }
  .page-home.build .homeblock.homeblock-1 .overlaypic {
    top: 0px !important; }
  @media (max-width: 629px) {
  .page-home.build .homeblock-3 .hometileholder {
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 10px; } }

.newFooter {
  background-color: #000;
  color: #fff;
  padding-top: 40px;
  /* General Footer Styles  ============= */
  padding-bottom: 20px; }
  .newFooter a {
    color: #fff;
    text-decoration: none; }
  .newFooter h4 {
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #595959;
    display: inline-block;
    width: 90px;
    font-family: 'Helvetica Bold', Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase; }
  .titleWrapSocial .newFooter h4 {
    border-bottom: 0px; }
  .newFooter .anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
    /* Footer SignUp Section  ============= */ }
  .newFooter .footerSignUpWrap {
    text-align: center;
    margin-bottom: 30px;
    /* Footer Hyperlinks Section  ============= */ }
  .newFooter .footerSignUpWrap .newsletter form label {
    font-family: 'Helvetica Bold', Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    margin-right: 20px; }
    .newFooter .footerSignUpWrap .newsletter form input[type="text"], .newFooter .footerSignUpWrap .newsletter form input[type="submit"] {
      padding: 10px; }
    .newFooter .footerSignUpWrap .newsletter form input[type="text"] {
      width: 30%;
      background-color: transparent;
      border: 1px solid #fff;
      color: #fff; }
    .newFooter .footerSignUpWrap .newsletter form input[type="submit"] {
      font-family: 'Helvetica Bold', Helvetica, Arial, sans-serif;
      font-weight: bold;
      text-transform: uppercase;
      padding: 10px 30px;
      border: 1px solid #fff;
      background-color: #fff;
      color: #000; }
    .newFooter .footerSignUpWrap .newsletter form .response {
      color: #818181;
      font-size: 12px;
      margin-top: -5px;
      top: 16px;
      position: relative; }
  @media (max-width: 900px) and (min-width: 751px) {
    .newFooter .footerSignUpWrap {
      text-align: center; }
      .newFooter .footerSignUpWrap .newsletter {
        width: 100% !important; } }
  @media (max-width: 750px) and (min-width: 0px) {
    .newFooter .footerSignUpWrap {
      margin-bottom: 20px; }
      .newFooter .footerSignUpWrap .newsletter form label {
        display: block;
        font-size: 24px;
        margin-bottom: 20px;
        margin-right: 0; }
        .newFooter .footerSignUpWrap .newsletter form input[type="submit"], .newFooter .footerSignUpWrap .newsletter form input[type="text"] {
          padding: 15px 10px;
          font-size: 18px; }
        .newFooter .footerSignUpWrap .newsletter form input[type="submit"] {
          width: 30%; }
        .newFooter .footerSignUpWrap .newsletter form input[type="text"] {
          width: 61%;
          margin-bottom: 20px; } }
  @media (max-width: 340px) and (min-width: 0px) {
    .newFooter .footerSignUpWrap label {
      margin-right: 0; }
      .newFooter .footerSignUpWrap .newsletter form input[type="submit"] {
        width: 100%; }
        .newFooter .footerSignUpWrap .newsletter form input[type="text"] {
          width: 93%; } }
  .newFooter .footerLinkWrap {
    margin-bottom: 20px;
    /* Footer Social Icons Section  ============= */ }
  .newFooter .footerLinkWrap .linkColWrap.dtTab {
    padding-left: 130px;
    padding-right: 130px;
    /* no results search css */
    /* Mobile Only Links  ============= */ }
    .newFooter .footerLinkWrap .linkColWrap.dtTab:before, .newFooter .footerLinkWrap .linkColWrap.dtTab:after {
      content: "";
      display: block;
      clear: both; }
    .newFooter .footerLinkWrap .linkColWrap.dtTab > div {
      width: 25%;
      float: left; }
      .newFooter .footerLinkWrap .linkColWrap.dtTab > div .help li {
        font-weight: normal; }
        .newFooter .footerLinkWrap .linkColWrap.dtTab > div .help li a {
          font-weight: bold; }
    .newFooter .footerLinkWrap .linkColWrap.dtTab h4 {
      margin-left: 60px; }
    .newFooter .footerLinkWrap .linkColWrap.dtTab ul {
      margin-top: 0;
      margin-bottom: 0;
      padding-left: 0;
      padding-left: 60px;
      list-style: none; }
    .newFooter .footerLinkWrap .linkColWrap.dtTab ul li {
      font-size: 13px;
      line-height: 24px; }
    @media (max-width: 1100px) and (min-width: 751px) {
      .newFooter .footerLinkWrap .linkColWrap.dtTab {
        padding-left: 0;
        padding-right: 0; }
        .newFooter .footerLinkWrap .linkColWrap.dtTab h4 {
          margin-left: 40px; }
        .newFooter .footerLinkWrap .linkColWrap.dtTab ul {
          padding-left: 40px; } }
    .newFooter .footerLinkWrap .linkColWrap.mobOnly {
      /* Link Group Titles  ============= */
      /* no results search css */ }
    .newFooter .footerLinkWrap .linkColWrap.mobOnly:before, .newFooter .footerLinkWrap .linkColWrap.mobOnly:after {
      content: "";
      display: block;
      clear: both; }
    .newFooter .footerLinkWrap .linkColWrap.mobOnly .gridWrap {
      overflow: hidden;
      list-style: none;
      padding-left: 0;
      margin-bottom: 0;
      /* no results search css */
      /* Toggled Links  ============= */ }
      .newFooter .footerLinkWrap .linkColWrap.mobOnly .gridWrap:before, .newFooter .footerLinkWrap .linkColWrap.mobOnly .gridWrap:after {
        content: "";
        display: block;
        clear: both; }
      .newFooter .footerLinkWrap .linkColWrap.mobOnly .gridWrap li {
        overflow: hidden;
        position: relative;
        float: left;
        padding-top: 30px;
        padding-bottom: 30px;
        width: 49.8%;
        border-top: 1px solid #595959;
        border-right: 1px solid #595959;
        line-height: 3.75; }
        .newFooter .footerLinkWrap .linkColWrap.mobOnly .gridWrap li:nth-child(2n+2) {
          border-right: none; }
        .newFooter .footerLinkWrap .linkColWrap.mobOnly .gridWrap li:nth-child(n+3) {
          border-bottom: 1px solid #595959; }
        .newFooter .footerLinkWrap .linkColWrap.mobOnly .gridWrap li a {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          text-align: center;
          font-size: 16px;
          font-family: 'Helvetica Bold', Helvetica, Arial, sans-serif;
          font-weight: bold;
          text-transform: uppercase; }
          .newFooter .footerLinkWrap .linkColWrap.mobOnly .gridWrap li a:hover, .newFooter .footerLinkWrap .linkColWrap.mobOnly .gridWrap li a.active {
            background-color: #fff;
            color: #000; }
    .newFooter .footerLinkWrap .linkColWrap.mobOnly .toggleFooterLink ul {
      display: none;
      margin-top: 0;
      padding-top: 25px;
      padding-bottom: 20px;
      list-style: none;
      padding-left: 0;
      border-bottom: 1px solid #595959;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden; }
      .newFooter .footerLinkWrap .linkColWrap.mobOnly .toggleFooterLink ul li {
        text-align: center;
        font-size: 16px;
        line-height: 2.25;
        font-weight: normal; }
      .newFooter .footerLinkWrap .linkColWrap.mobOnly .toggleFooterLink ul .closeBtn {
        position: absolute;
        right: 20px;
        font-family: 'Helvetica Regular', Helvetica, Arial, sans-serif;
        font-size: 20px;
        cursor: pointer; }
      .newFooter .footerLinkWrap .linkColWrap.mobOnly .toggleFooterLink ul.help li a {
        font-weight: bold; }
      .newFooter .footerLinkWrap .linkColWrap.mobOnly .toggleFooterLink ul.active {
        display: block;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; }
  .newFooter .footerSocialWrap {
    text-align: center;
    margin-bottom: 20px;
    /* Footer Copyright Section  ============= */ }
  .newFooter .footerSocialWrap h4 {
    display: block;
    border-bottom: none;
    margin-bottom: 0;
    width: auto; }
  .newFooter .footerSocialWrap .underline {
    display: inline-block;
    width: 95px;
    border-bottom: 1px solid #595959; }
  .newFooter .footerSocialWrap ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    /* no results search css */ }
    .newFooter .footerSocialWrap ul:before, .newFooter .footerSocialWrap ul:after {
      content: "";
      display: block;
      clear: both; }
    .newFooter .footerSocialWrap ul li {
      display: inline-block;
      margin-right: 20px; }
    .newFooter .footerSocialWrap ul li:last-child {
      margin-right: 0; }
    .newFooter .footerSocialWrap ul li a img {
      height: 24px; }
      .newFooter .footerSocialWrap ul li a.gplus img {
        height: 32px;
        position: relative;
        top: 5px; }
    @media (max-width: 750px) and (min-width: 0px) {
    .newFooter .footerSocialWrap ul li a img {
      height: 28px; } }
    @media (max-width: 420px) and (min-width: 0px) {
    .newFooter .footerSocialWrap ul li {
      margin-right: 15px; } }
  .newFooter .footerCopyrightWrap {
    text-align: center; }
  .newFooter .footerCopyrightWrap a {
    text-decoration: underline; }
  .newFooter .footerCopyrightWrap p {
    font-family: 'Helvetica Regular', Helvetica, Arial, sans-serif !important;
    font-size: 10px;
    text-transform: uppercase; }
  @media (max-width: 750px) and (min-width: 0px) {
    .newFooter .footerCopyrightWrap p span {
      display: block; } }

.quick-view .error {
  margin-bottom: 40px;
  background-color: #feecec;
  border: 1px solid #ffd9d9;
  color: #ff7373;
  padding: 10px 20px;
  line-height: 1.5; }

html {
  font-family: 'mobile'; }

* html {
  font-family: 'desktop'; }

* + html {
  font-family: 'desktop'; }

@media \0screen {
  /* Reset your font families here.
 ----------------------------------- */
    html {
      font-family: 'desktop'; } }

body {
  font-family: Arial, Helvetica, sans-serif;
  /* Queries for supported browsers.
 ----------------------------------- */ }

@media screen and (max-width: 751px) {
  html {
    font-family: "skinny"; } }

@media screen and (min-width: 751px) {
  html {
    font-family: "desktop"; } }

@media screen and (min-width: 751px) and (max-width: 901px) {
  html {
    font-family: "tablet"; } }

.shipoptions table td .produrgent p span {
  display: inline;
  float: none;
  clear: both; }

@media (max-width: 750px) and (min-width: 0px) {
  .prodarea .video {
    position: relative !important; } }

select::-ms-expand {
  display: none; }

.response {
  color: #818181;
  font-size: 10px;
  margin-top: -5px; }

.prodarea {
  position: relative; }

.prodarea .video {
  position: absolute;
  top: 0px;
  left: 0px; }

.lower-footer, .lower-footer a {
  font-size: 12px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  color: #000;
  text-align: center;
  vertical-align: middle;
  /* the same as your div height */
  line-height: 20px; }

.content.forgot-password, .content.reset-password {
  padding: 20px 0; }

.catheader .overlaypic, .giftheader .overlaypic {
  width: 180px;
  height: 168px;
  position: absolute;
  bottom: 30px; }

.catheader .overlaypic.left, .giftheader .overlaypic.left {
  left: 30px; }

.homeblock .overlaypic.right {
  right: 5%;
  left: auto; }

.homeblock .overlaypic {
  position: absolute; }

.homeblock .overlaypic a {
  position: relative;
  display: block;
  /*.homeblock .overlaypic img {
	width:100%;
}*/ }

@media (max-width: 400px) {
  .content .page-home .tile-title {
    font-size: 22px; }

  .content .page-home .tile-title .smalltext {
    font-size: 14px; } }

.page-home .tile-textwrap {
  position: absolute;
  text-align: center;
  bottom: 50px;
  left: 50%; }

.page-home .tile-textwrap-inner {
  margin-left: -100%; }

.page-home .tile-textwrap.left {
  margin-left: 0%; }

.page-home .tile-textwrap.left .tile-textwrap-inner {
  left: 0%;
  text-align: left; }

.page-home .tile-textwrap.right {
  margin-left: 0%; }

.page-home .tile-textwrap.right .tile-textwrap-inner {
  left: 0%;
  text-align: right; }

.homeblock {
  width: 100%;
  margin-bottom: 10px; }

.homeblock .hometileholder {
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%; }

.homeblock-2 .hometileholder.index-0 {
  margin-right: 10px; }

.homeblock-2 .hometileholder {
  width: calc(50% - 5px); }

.homeblock-3 .hometileholder.index-0, .homeblock-3 .hometileholder.index-1 {
  margin-right: 10px; }

.homeblock-3 .hometileholder {
  width: calc(33.33% - 6.66666px); }

.anchored-home-image {
  position: relative;
  display: block; }

@media (max-width: 629px) {
  .homeblock-2 .hometileholder {
    width: 100% !important;
    margin-right: 0px !important; }

  .homeblock-2 .hometileholder.index-0 {
    margin-bottom: 10px; } }

@media (max-width: 415px) {
  .homeblock-3 .hometileholder {
    width: 100% !important;
    margin-right: 0px !important; }

  .homeblock-3 .hometileholder.index-0, .homeblock-3 .hometileholder.index-1 {
    margin-bottom: 10px; } }

@media (min-width: 901px) {
  .suit .selectimage {
    position: absolute;
    top: 10px;
    left: 10px; } }

.no-stock {
  background: url('/images/no-stock.gif') center center no-repeat; }

.low-stock {
  background: url('/images/low-stock.gif') center center no-repeat; }

.in-stock {
  background: url('/images/in-stock.gif') center center no-repeat; }

.addextra .notadded table {
  display: none; }

.mobOnly.checkinstore .stock-key {
  float: right; }

.addextra .added a {
  display: none; }

.mobOnly.checkinstore .clear > div {
  float: left;
  margin-right: 7px;
  margin-bottom: 5px; }

.mobOnly.checkinstore .clear .check-instore-tab {
  margin-top: 5px;
  margin-bottom: 5px; }

.store-name {
  cursor: pointer;
  font-size: 15px;
  font-weight: bold; }

.popular .question {
  margin-bottom: 50px; }

.popular .question h3 {
  margin-bottom: 5px; }

.selectsize.available {
  cursor: pointer; }

.content.account-reviews .dashmain {
  padding-top: 10px; }

.content.account-reviews .stars {
  float: left;
  width: 100px;
  margin-top: 3px; }

.content.account-review-edit .dashmain .redbtn {
  float: left; }

.content.account-review-edit textarea {
  box-sizing: border-box;
  border: 2px solid #ebebeb;
  padding: 10px;
  font-family: 'pill_gothic_300mg_rgregular';
  font-size: 14px;
  margin: 0 0 15px;
  outline: none;
  width: 50%;
  height: 100px; }

.content.account-reviews .account-review {
  float: left;
  min-height: 300px; }

.content.account-reviews .account-review:nth-child(odd) {
  clear: both;
  float: right; }

.content.account-reviews .account-review .yellowbtn {
  width: 30%; }

.overlaypic.right {
  right: 30px;
  left: auto; }

.overlaypic.centre {
  right: 0;
  left: 0;
  margin: 0 auto; }

div.clickawaybanners-wrap {
  width: auto; }

div.clickaway-home {
  padding: 0px 0px 0px 0px;
  width: auto; }

.clickawaybanners-wrap .clickaway-home .inner {
  width: 162px;
  height: 109px;
  padding: 0px;
  margin: 20px; }

.clickawaybanners-wrap .clickaway-home .openme, .clickawaybanners-wrap .clickaway-home .closeme {
  position: absolute;
  top: 10px;
  right: 10px;
  border: 1px #e1e1e1 solid;
  padding: 3px;
  color: #a71e23;
  background-color: #fff;
  font-family: arial;
  font-size: 14px;
  cursor: pointer; }

.clickawaybanners-wrap .clickaway-home.active .openme {
  display: none; }

.clickawaybanners-wrap .clickaway-home.notactive .openme {
  z-index: 10; }

.clickawaybanners-wrap .clickaway-home.notactive .closeme {
  display: none; }

.clickawaybanners-wrap .clickaway-home.active .closeme {
  z-index: 10; }

.clickawaybanners-wrap .clickaway-home {
  overflow: hidden; }

.clickawaybanners-wrap .clickaway-home.notactive {
  max-width: 40px;
  max-height: 40px; }

.clickawaybanners-wrap .clickaway-home.notactive .inner {
  opacity: 0; }

.clickawaybanners-wrap .clickaway-home.active {
  max-width: 228px;
  max-height: 150px; }

.clickawaybanners-wrap .clickaway-home.active .inner {
  opacity: 1; }

.clickawaybanners-wrap .clickaway-home {
  -moz-transition: max-width 0.5s ease, max-height 0.5s ease;
  -ms-transition: max-width 0.5s ease, max-height 0.5s ease;
  -o-transition: max-width 0.5s ease, max-height 0.5s ease;
  -webkit-transition: max-width 0.5s ease, max-height 0.5s ease;
  transition: max-width 0.5s ease, max-height 0.5s ease; }

.clickawaybanners-wrap .clickaway-home .inner {
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; }

.clickaway-home {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f5f5f5;
  border: 1px #e1e1e1 solid;
  border-width: 0px 1px 1px 1px;
  width: 100%;
  float: left;
  padding: 20px 32px 20px 32px;
  text-align: center;
  color: #787878;
  position: relative; }

.checkoutprocess .error h3 {
  margin-bottom: 0px; }

.checkoutprocess .error ul {
  margin-top: 7px; }

div.your-details-login-form input, div.your-details-login-form button {
  width: 40%; }

div.your-details-login-form button {
  margin-left: 5px;
  height: 37px; }

div.page-sizeguide .sizeguide-page {
  display: none; }

div.page-sizeguide .sizeguide-page.active {
  display: block; }

div.page-sizeguide #howtomeasure.sizeguide-page img {
  width: 100%;
  /*max-width:1000px;*/ }

div.page-sizeguide .sizeguide-page td {
  white-space: nowrap; }

.white-popup.page-sizeguide-popup {
  max-width: 1000px; }

.white-popup.page-sizeguide-popup .page-sizeguide {
  border-top: 0px #ccc solid;
  padding-top: 0px;
  padding-bottom: 0px; }

.outfit .selectoutfit div.sizecolouroverlay {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0px; }

.outfit .selectoutfit div.sizecolouroverlay .setitemsize, .outfit .selectoutfit div.sizecolouroverlay .setitemcolour {
  padding: 0px;
  margin: 0px;
  background: transparent;
  height: 15px;
  position: relative;
  font-size: 19px; }

.outfit .selectoutfit div.sizecolouroverlay .setitemsize {
  top: 25px;
  color: #a71e23; }

.outfit .selectoutfit div.sizecolouroverlay .setitemcolour {
  top: 36px; }

.outfit .selectoutfit .choice {
  position: relative;
  /****************************************************************************/ }

div.delivery-option {
  float: left;
  width: 80px;
  height: 80px;
  background: no-repeat center top;
  margin-right: 20px;
  cursor: pointer; }

div.delivery-option img {
  margin-bottom: 5px; }

div.delivery-option.deliver img {
  margin-left: 10px; }

div.delivery-option.pickup img {
  margin-left: 19px; }

div.delivery-option {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5; }

div.delivery-option.active {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; }

#delivertostoreform, #deliveryform {
  display: none; }

#delivertostoreform.active, #deliveryform.active {
  display: block; }

#selected-colour, .selected-size {
  display: inline-block; }

label.checkbox.disabled {
  color: red !important;
  text-decoration: line-through; }

.specialsllist .gridcol .saleimage {
  display: block; }

.specialsllist .gridcol .saleimagehover {
  display: none; }

.specialsllist .gridcol:hover .saleimage {
  display: none; }

.specialsllist .gridcol:hover .saleimagehover {
  display: block;
  /* Currency Selector */ }

#currency-selector {
  position: relative; }

#currency-selector:hover .options {
  display: block; }

#currency-selector .options {
  margin-left: -24px;
  background: #fff;
  padding-bottom: 5px; }

#currency-selector .options a {
  display: block;
  margin-top: 3px; }

#currency-selector > span, #currency-selector .options > a {
  background-repeat: no-repeat;
  padding-left: 24px;
  padding-right: 10px;
  background-position-y: 2px; }

.transfertable tr.active td {
  background-color: #f5f5f5; }

.giftamount .amount > div {
  cursor: pointer; }

.prod > .image {
  position: relative; }

.prod .image > .quickviewoverlay {
  display: none; }

.prod:hover .image > .quickviewoverlay {
  display: block; }

.prod .image > .quickviewoverlay {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 25%;
  bottom: 15px; }

.prod .image > .quickviewoverlay a {
  display: block;
  width: 100%;
  height: 27px; }

.quick-view .left {
  float: left; }

.quick-view .right {
  float: left;
  padding: 0 0 0 40px;
  max-width: 265px; }

.quick-view.white-popup {
  max-width: 780px; }

.quick-view .left .selectimage {
  position: relative;
  display: block; }

.quick-view .right .color, .quick-view .right .size {
  width: 100%;
  /* Magnific Popup CSS */ }

.white-popup {
  position: relative;
  background: #fff;
  padding: 40px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #ccc; }

.mfp-preloader a:hover {
  color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
  /* Main image in popup */ }

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
  /* The shadow behind the image */ }

.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

.review-show-less span:hover, .review-show-more span:hover {
  cursor: pointer; }

@media (max-width: 750px) and (min-width: 0px) {
  .mainnav .subnav li a {
    display: block;
    width: 100%; } }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; } }

.suit-thumb .ajax-popup-link {
  color: #000;
  text-align: center;
  font-family: 'pill_gothic_300mglight'; }

.prodarea .prodinfo .color .selectsize, .prodarea .prodinfo .size .selectsize {
  padding-top: 0px;
  display: table;
  vertical-align: middle; }

.size-inner {
  display: table-cell;
  vertical-align: middle; }

.lookbook .catheader {
  max-height: initial !important;
  /*@media (min-width: 678px) {
  .lookbook-carousel .item{
    width: initial !important;
  }
}
*/ }

.c-carousel {
  position: relative !important;
  width: 100%; }

.c-stage {
  position: relative;
  z-index: 5; }

.c-nav {
  position: absolute;
  top: 50%;
  height: 47px;
  margin-top: -23px;
  z-index: 999;
  width: 47px; }

.c-nav img {
  margin-left: 11px; }

.c-nav:hover {
  cursor: pointer; }

.c-next {
  right: 20px; }

.c-prev {
  left: 20px; }

.c-pool {
  display: none;
  width: 0;
  height: 0; }

.c-slide {
  width: 100%; }

.c-item {
  display: none;
  position: absolute;
  z-index: 100;
  background-color: #fff;
  width: 100%;
  height: 750px; }

.c-doubleslide, .c-singleslide {
  -ms-background-position-x: center;
  -ms-background-position-y: top;
  background-position: center top;
  background-size: cover;
  background-repeat: none;
  width: auto;
  height: auto;
  -ms-behavior: url(/backgroundsize.min.htc); }

.c-doubleslide:first-child {
  margin-right: 10px; }

.c-singleslide img, .c-doubleslide img {
  width: 100%; }

.c-doubleslide {
  float: left;
  width: calc(50% - 5px); }

.c-image {
  visibility: hidden;
  width: 100%; }

.c-image.transparent {
  /* 0 opacity in filters still displays layout */
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=10);
  opacity: 0; }

.c-pool .c-item {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  /*===== My Account INDIVIDUAL Order History ===== */ }

.individual-order-page {
  width: 100%; }

.individual-order-row div.title > div {
  padding: 5px 10px; }

.individual-order-row .title div {
  background: none repeat scroll 0 0 #f5f5f5;
  text-transform: uppercase; }

.individual-order-1 {
  width: 15%; }

.individual-order-split > div {
  width: 100%; }

.individual-order-2 {
  width: 40%; }

.individual-order-2 .text > div {
  padding: 40px 0 0 15px; }

.individual-order-3 {
  width: 35%; }

.individual-order-3 > div {
  padding: 40px 10px 0; }

.individual-order-4 {
  width: 25%; }

.individual-order-4 div {
  padding: 40px 0 0;
  text-align: center; }

.individual-order-row {
  clear: both;
  margin: 0 0 20px;
  overflow: hidden;
  position: relative;
  width: 100%; }

.individual-order-1 .image {
  width: 100%; }

.individual-order-1 .image img {
  width: 100%; }

.individual-order-split {
  width: 85%; }

.individual-history {
  width: 68%; }

.track-button a {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #000;
  cursor: pointer;
  display: block;
  text-align: center;
  text-transform: uppercase;
  padding: 9px 50px; }

@media only screen and (max-width: 700px) {
  .individual-history {
    width: 100%; }

  .individual-order-1 {
    display: none; }

  .individual-order-split {
    width: 100%; }

  .order-details-table {
    width: 100%; }

  .track-button {
    width: 100%; }

  .track-button a {
    width: 100%;
    padding: 9px 0;
    margin: 20px 0; }

  .track-button.desktop {
    display: none; }

  .track-your-order {
    display: none; } }

@media only screen and (min-width: 700px) {
  .name-small {
    display: none; }

  .order-details-table {
    width: 80%; }

  .track-button.mobile-track {
    display: none; } }

.individual-history h2 {
  font-size: 0.938em;
  text-transform: uppercase;
  margin: 0 0 20px 0; }

.order-details-table {
  clear: both;
  float: left;
  margin: 10px 0 20px; }

.track-your-order, .track-your-order img {
  width: 100%; }

.legends {
  height: auto !important; }

.cart-text .upsell.gift {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-decoration: none;
  color: #a71e23; }

.cart-text a.upsell.gift {
  text-decoration: underline; }

@media only screen and (max-width: 751px) {
  .catheader {
    margin-bottom: 20px; } }

.alert {
  font-size: 14px;
  line-height: 20px;
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  border-radius: 4px; }

.alert, .alert h4 {
  color: #c09853; }

.alert-danger, .alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7; }

.stretch-merino-suits.compbannerwrap .box2, .stretch-merino-suits .compbannerwrap .box2 {
  background-color: #fff;
  background-size: cover !important;
  vertical-align: middle;
  text-align: center;
  padding: 0px;
  background-image: url('/images/merino-suit.jpg'); }

.stretch-merino-suits.compbannerwrap .box2 h1, .stretch-merino-suits h2, .stretch-merino-suits .compbannerwrap .box2 h1 {
  color: #000 !important; }

.stretch-merino-suits .videoWrapper {
  padding-bottom: 52%; }

.catheader {
  height: auto !important; }

.addtobag .error {
  display: none; }