﻿
@font-face {
    font-family: "icomoon";
    src: url("icomoon.woff") format('woff');
}
@charset "UTF-8";
/*** CONTENT ***/
/*****************************************************************/
/*
/*** 00. Reset (Normalize)
/*** 01. Global 
/*** 02. Header
/*** 03. Pages / Blog / Portfolio
/*** 04. Shop Categories
/*** 05. Product page
/*** 06. Cart
/*** 07. Checkout
/*** 08. Sliders
/*** 09. Banners
/*** 10. Lightbox
/*** 11. Shortcodes
/*** 12. Widgets
/*** 13. Dark styles (Styles for dark backgrounds)
/*** 14. Div Fixes
/*** 15. Mobile styles
/*** 16. Foundation Components (Grid, Buttons,Type,Forms,Alert boxes,pagination) */
/*
/*****************************************************************/
/*
/*
/*/
/* normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

script {
  display: none !important; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * 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 variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */


/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/**********************************************************************/
/**********------------------- 01. GLOBAL ----------------*************/
/**********************************************************************/
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-size: 100%; }

body {
  background: #fff;
  color: #777;
  padding: 0;
  margin: 0;
  font-family: "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default; }

a:hover {
  cursor: pointer; }

a:focus {
  outline: none; }

img,
object,
embed {
  max-width: 100%;
  height: auto; }

object,
embed {
  height: 100%; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-justify {
  text-align: justify !important; }

.hide {
  display: none; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

/* -- containers / wrappers -- */
body,
html {
  min-height: 100%; }

body {
  

}

body.bg-full-size {
  background-size: cover;
  background-attachment: fixed;
  background-repeat: none;
  background-position: 50% 50%; }

#wrapper {
  background-color: #ffffff; }

body.full-width #wrapper {
  width: 100%; }

body.boxed #wrapper {
  max-width: 71.25em;
  margin: 0 auto; }

body.framed-layout {
  padding-top: 30px;
  padding-bottom: 40px;
  background-color: #555555; }

body.boxed {
  background-color: #555555; }

.page-wrapper {
  padding: 30px 0 30px;
  *zoom: 1; }
  .page-wrapper:before, .page-wrapper:after {
    content: " ";
    display: table; }
  .page-wrapper:after {
    clear: both; }

.category-page {
  padding-top: 30px; }

.product-page {
  padding-top: 30px; }

.row.container {
  margin-bottom: 30px !important; }

.row.custom-width {
  margin-left: auto !important;
  margin-right: auto !important; }

.nav-dropdown {
  max-width: 67.5em; }

.clearfix,
.clear {
  *zoom: 1; }
  .clearfix:before, .clearfix:after,
  .clear:before,
  .clear:after {
    content: " ";
    display: table; }
  .clearfix:after,
  .clear:after {
    clear: both; }

/* remove spacing before footer */
#content > .ux_banner:last-child,
#content > .ux-section:last-child,
#content > .iosSlider.default:last-child,
#content > .ux-block:last-child > .ux-section:last-child,
#content > .ux-block:last-child > .iosSlider.default:last-child {
  margin-bottom: 0 !important; }

.ux-section-content > .row.container:last-of-type,
.ux-section-content > .row.column-slider:last-of-type > .iosSlider {
  margin-bottom: 0 !important; }

/* -- row - divided style -- */
.row.divided .columns {
  border-right: 1px solid rgba(0, 0, 0, 0.05); }

.row.divided .columns:last-child {
  border: 0; }

.column-inner {
  float: left;
  width: 100%;
  display: block;
  *zoom: 1; }
  .column-inner:before, .column-inner:after {
    content: " ";
    display: table; }
  .column-inner:after {
    clear: both; }

/* -- row - boxed style -- */
.row.boxed .columns > .column-inner {
  background-color: #f1f1f1;
  padding: 30px; }

/* -- top divider (shown for white header) -- */
.top-divider {
  border-top: 1px solid #EEE;
  position: relative;
  top: 1px; }

/* -- global styles --  */
.uppercase {
  text-transform: uppercase; }

.thin-font {
  font-weight: normal !important;
  font-weight: 300 !important; }

.normal-font {
  font-weight: normal !important; }

p:empty {
  display: none !important; }

p.small {
  font-size: 95%; }

.small-font {
  font-size: 90%;
  opacity: .9; }

.smaller-font {
  font-size: 80%;
  opacity: .85; }

.smallest-font {
  font-size: 70%;
  opacity: .85; }

table {
  width: 100%; }

.box-shadow {
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); }

.drop-shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }

.stick-bottom {
  bottom: 0 !important;
  top: auto; }

.stick-top {
  top: 0 !important;
  bottom: auto; }

.text-pull-inn {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

/* -- social icons --  */
.social-icons {
  line-height: 100%; }

.social-icons .icon,
.yith-wcwl-share li a {
  position: relative;
  padding: 0;
  width: 34px;
  height: 34px;
  line-height: 31px;
  text-align: center;
  font-size: 16px;
  border: 2px solid #cccccc;
  display: inline-block;
  margin: 0 5px 5px 0;
  color: #cccccc;
  border-radius: 99px;
  -webkit-transition: "background-color" 200ms ease-out;
  transition: "background-color" 200ms ease-out; }

.social-icons.size-small .icon,
#top-bar .social-icons .icon {
  height: 12px;
  width: 13px;
  line-height: 1px;
  font-size: 12px;
  border: 0;
  padding: 0;
  margin-right: 5px;
  margin-bottom: 0; }

.social-icons .icon:hover,
.yith-wcwl-share li a:hover {
  color: #ffffff;
  text-decoration: none; }

.social-icons .icon.icon_facebook:hover,
.yith-wcwl-share li a.facebook:hover {
  background-color: #3a589d;
  border-color: #3a589d; }

.social-icons .icon.icon_whatsapp:hover {
  background-color: #51cb5a;
  border-color: #51cb5a; }

@media only screen and (min-width: 48em) {
  .social-icons .icon.icon_whatsapp {
    display: none; } }
.social-icons .icon.icon_twitter:hover,
.yith-wcwl-share li a.twitter:hover {
  background-color: #2478ba;
  border-color: #2478ba; }

.social-icons .icon.icon_email:hover,
.yith-wcwl-share li a.email:hover {
  background-color: #111111;
  border-color: #111111; }

.social-icons .icon.icon_pintrest:hover,
.yith-wcwl-share li a.pinterest:hover {
  background-color: #cb2320;
  border-color: #cb2320; }

.social-icons .icon.icon_rss:hover {
  background-color: #fc7600;
  border-color: #fc7600; }

.social-icons .icon.icon_twitter:hover {
  background-color: #2478ba;
  border-color: #2478ba; }

.social-icons .icon.icon_instagram:hover {
  background-color: #3b6994;
  border-color: #3b6994; }

.social-icons .icon.icon_vk:hover {
  background-color: #527498;
  border-color: #527498; }

.social-icons .icon.icon_googleplus:hover,
.yith-wcwl-share li a.googleplus:hover {
  background-color: #dd4e31;
  border-color: #dd4e31; }

.social-icons .icon.icon_linkedin:hover {
  background-color: #0072b7;
  border-color: #0072b7; }

.social-icons .icon.icon_youtube:hover {
  background-color: #c33223;
  border-color: #c33223; }

.social-icons .icon.icon_flickr:hover {
  background-color: #e5086f;
  border-color: #e5086f; }

.social-icons.size-small .icon:hover {
  color: #000000 !important;
  background: none !important; }

.yith-wcwl-share ul {
  margin-left: 0 !important; }

.yith-wcwl-share li a {
  font-family: 'icomoon'; }

.yith-wcwl-share li a.facebook:before {
  content: "" !important; }

.yith-wcwl-share li a.twitter:before {
  content: "" !important; }

.yith-wcwl-share li a.pinterest:before {
  content: "" !important; }

.yith-wcwl-share li a.googleplus:before {
  content: "" !important; }

.yith-wcwl-share li a.email:before {
  content: "" !important; }

.product-page .social-icons {
  margin-bottom: 30px; }

/* -- social share-row -- */
.social-icons.share-row span.title {
  font-weight: bold;
  margin-right: 5px; }

.product-info .social-icons {
  border-top: 1px dotted #DDD;
  padding-top: 25px; }

/* -- stars --  */
.star-rating,
.star-rating {
  text-align: left;
  font-size: 16px;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1em;
  width: 5.4em;
  font-family: 'icomoon'; }

.star-rating:before,
.woocommerce-page .star-rating:before {
  content: '\e006 \e006 \e006 \e006 \e006';
  color: #d26e4b;
  float: left;
  top: 0;
  left: 0;
  position: absolute; }

.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
  font-weight: normal !important; }

.star-rating span:before {
  content: '\e005 \e005 \e005 \e005 \e005';
  color: #d26e4b;
  top: 0;
  position: absolute;
  left: 0; }

li.product-small .star-rating {
  font-size: 80% !important;
  margin-bottom: 5px; }

li.product-small .text-center .star-rating {
  margin: 0 auto 5px; }

.product-info .star-rating {
  margin-bottom: 20px; }

.text-center .star-rating {
  margin: 0 auto;
  text-align: center; }

/* -- tabbed content -- */
ul.tabs {
  margin-left: 0 !important; }

.tabbed-content {
  *zoom: 1; }
  .tabbed-content:before, .tabbed-content:after {
    content: " ";
    display: table; }
  .tabbed-content:after {
    clear: both; }

.tabbed-content ul.tabs {
  display: block;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px; }

.tabbed-content ul.tabs li {
  list-style: none;
  display: inline-block;
  vertical-align: top; }

.tabbed-content ul.tabs li a {
  color: #999999;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 25px;
  font-size: 90%;
  border-top: 4px solid transparent;
  padding: 10px 0;
  display: block;
  -webkit-transition: border 200ms ease-out;
  transition: border 200ms ease-out; }

.tabbed-content ul.tabs li a:hover {
  border-color: #777777;
  color: #777777; }

.tabbed-content ul.tabs li.active a,
.tabbed-content ul.tabs li.current_page_item a {
  border-color: #333333;
  color: #333333; }

.tabbed-content.shortcode_tabgroup .tabs {
  border-top: 2px solid #eeeeee; }

.tabbed-content .entry-content {
  padding-top: 0; }

.shortcode_tabgroup h3 {
  margin-bottom: 15px; }

.shortcode_tabgroup.pos_pills h3,
.shortcode_tabgroup.pos_center h3 {
  margin-bottom: 30px; }

.shortcode_tabgroup_vertical,
.shortcode_tabgroup {
  margin-bottom: 30px; }

.tabbed-content .iosSlider,
.tabbed-content .product-small {
  margin-bottom: 0; }

.tabbed-content.pos_pills > h3,
.tabbed-content.pos_center > h3 {
  text-align: center; }

.tabbed-content.pos_pills > ul.tabs,
.tabbed-content.pos_center > ul.tabs {
  border: 0;
  text-align: center; }

.tabbed-content.pos_pills ul.tabs li {
  border-right: 1px solid rgba(0, 0, 0, 0.1); }

.tabbed-content.pos_pills ul.tabs li:last-child {
  border: 0; }

.tabbed-content.pos_pills ul.tabs li a {
  border: 0;
  padding: 5px 10px;
  border-radius: 30px;
  font-size: 80%;
  margin: 0 15px; }

.tabbed-content.pos_pills ul.tabs li.active a,
.tabbed-content.pos_pills ul.tabs li.current_page_item a {
  background: #627f9a;
  color: #ffffff; }

.tabbed-content.pos_pills ul.tabs {
  margin-bottom: 30px; }

/* -- vertical tabs -- */
.vertical-tabs {
  padding-top: 20px; }

.vertical-tabs ul.tabs-nav {
  margin-top: 15px;
  margin-left: 0;
  z-index: 9;
  border-right: 1px solid #DDD;
  margin-right: -1px;
  height: 100%; }

.vertical-tabs ul.tabs-nav li {
  list-style: none;
  font-size: 90%;
  text-transform: uppercase;
  font-weight: bold; }

.vertical-tabs ul.tabs-nav li a {
  border-bottom: 1px solid #EEE;
  padding: 10px 0;
  display: block;
  color: #999999;
  -webkit-transition: border 200ms ease-out;
  transition: border 200ms ease-out; }

.vertical-tabs ul.tabs-nav li.current a,
.vertical-tabs ul.tabs-nav li.current_page_item a,
.vertical-tabs ul.tabs-nav li a:hover,
.vertical-tabs ul.tabs-nav li.current-menu-item a {
  color: #333333;
  border-right: 4px solid #DDD; }

.vertical-tabs .tabs-inner {
  border-left: 1px solid #DDD;
  padding-left: 40px; }

.vertical-tabs .tabs-inner.active {
  padding-top: 5px; }

.shortcode_tabgroup_vertical h3 {
  border-bottom: 2px solid #eeeeee;
  padding-bottom: 15px;
  margin: 0; }

/* -- tab content -- */
.vertical-tabs .tabs-inner,
.tabbed-content .panel {
  zoom: 1;
  float: left;
  visibility: hidden;
  height: 0;
  display: block;
  overflow: hidden;
  opacity: .0;
  -webkit-transition: opacity 0ms ease-out;
  transition: opacity 0ms ease-out; }

.vertical-tabs .tabs-inner.active,
.tabbed-content .panel.active {
  margin: 15px 0;
  float: none;
  line-height: 130%;
  visibility: visible;
  height: auto;
  overflow: visible;
  opacity: 1.0;
  -webkit-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out; }

/* -- accordian -- */
.accordion_title {
  padding-bottom: 10px; }

.accordion {
  margin-bottom: 30px; }

.accordion .accordion-inner {
  display: none;
  padding: 15px 30px 10px; }

.accordion .accordion-title a {
  font-size: 110%;
  line-height: 130%;
  color: #999999;
  padding: 20px 15px;
  display: block;
  border-top: 1px solid #DDD;
  -webkit-transition: border 200ms ease-out;
  transition: border 200ms ease-out; }

.accordion .accordion-title.active a {
  color: #333333;
  background-color: #f9f9f9;
  border-top: 3px solid #DDD;
  border-bottom: 1px solid #EEE; }

.product-details .accordion-title.active a {
  background: transparent;
  border-width: 1px; }

.large-6 .accordion-title a,
.large-5 .accordion-title a,
.large-4 .accordion-title a,
.large-7 .accordion-title a {
  font-size: 95%; }

.accordion .accordion-title a:before {
  font-family: 'icomoon';
  content: '\e00c';
  font-size: 16px;
  margin-right: 15px; }

.accordion .accordion-title.active a:before {
  content: '\e00d'; }

/* -- icon styles -- */
.span.icon-instagram {
  font-size: 16px; }

.search-icon {
  font-size: 16px !important; }

/* -- Avatar + extras --  */
.avatar,
.circle {
  border-radius: 999px; }

/* -- quantity box -- */
.quantity {
  display: inline-block; }

.quantity .input-text.qty {
  width: 35px;
  height: 41px;
  padding: 0 5px;
  text-align: center; }

.quantity.buttons_added {
  text-align: left;
  position: relative;
  white-space: nowrap;
  vertical-align: top; }

.quantity.buttons_added input {
  display: inline-block;
  margin: 0;
  vertical-align: top; }

.quantity.buttons_added .minus,
.quantity.buttons_added .plus {
  padding: 7px 10px 8px;
  height: 41px;
  background-color: #ffffff;
  border: 1px solid #cccccc; }

.quantity.buttons_added .minus {
  border-right: 0; }

.quantity.buttons_added .plus {
  border-left: 0; }

.quantity.buttons_added .minus:hover,
.quantity.buttons_added .plus:hover {
  background: #eeeeee; }

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.product-info .quantity {
  margin-left: 10px; }

/* -- disabled buttons --*/
button[disabled] {
  background-color: #333333 !important;
  opacity: .6; }

/* --  message box -- */
.alert-box a.button {
  margin: 0 15px 0 0;
  display: inline-block; }

.alert-box ul {
  margin-bottom: 0; }

.alert-box li {
  list-style: none; }

/* -- woocommerce message --*/
.woocommerce-message {
  color: #7a9c59 !important;
  font-size: 120%;
  position: relative;
  margin: 30px 0; }

.woocommerce-message {
  padding-right: 320px;
  background: none !important;
  border: 0; }

.woocommerce-message a.button {
  position: absolute;
  right: 0;
  font-size: 80%;
  padding: 10px 20px;
  margin-top: -8px; }

.woocommerce-message:before {
  color: #ffffff;
  background: #7a9c59;
  border-radius: 99px;
  padding: 3px;
  font-family: 'icomoon';
  content: '\e00a';
  margin-right: 10px; }

.single-product .woocommerce-message {
  margin-bottom: 0; }

/* -- scroll to top --  */
#top-link {
  display: none;
  background: #111111;
  position: fixed;
  right: 35px;
  text-align: center;
  bottom: 10%;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  background: #111111;
  width: 40px;
  padding: 2px 8px 6px;
  font-size: 32px;
  opacity: .9;
  z-index: 99; }

#top-link.active {
  display: block; }

/* -- Global UL / OL -- */
.column-inner > ul,
.column-inner > ol,
.entry-content > ul,
.short-description > ul,
.tabs-inner ul,
.tabs-inner ol,
.accordian-inner ul,
.accordian-inner ol,
.woocommerce > ul,
.woocommerce > ol {
  margin-left: 20px; }

ul.checkmarks li {
  margin-bottom: 10px;
  padding: 0 0 15px;
  border-bottom: 1px dotted #DDD;
  line-height: 110%; }

ol.commentlist li {
  list-style: none; }

.entry-content ol {
  margin-left: 20px; }

#content > ul {
  margin-left: 20px; }

ul li.bullet-checkmark,
ul li.bullet-arrow,
ul li.bullet-star {
  list-style: none;
  font-size: 95%;
  padding-bottom: 7px; }

ul li.bullet-checkmark:before {
  color: #7a9c59;
  font-family: 'icomoon';
  content: "" !important;
  font-size: 80%;
  padding-right: 10px; }

ul li.bullet-arrow:before {
  color: #7a9c59;
  font-family: 'icomoon';
  content: "" !important;
  font-size: 80%;
  padding-right: 10px; }

ul li.bullet-star:before {
  color: #7a9c59;
  font-family: 'icomoon';
  content: "" !important;
  font-size: 80%;
  padding-right: 10px; }

/* -- Paginations -- */
.pagination-centered {
  padding-top: 20px;
  border-top: 1px solid #EEE;
  margin-bottom: 30px; }

ul.page-numbers {
  line-height: 42px; }

ul.page-numbers a,
.page-numbers li > span {
  text-align: center;
  border: 2px solid #627f9a;
  padding: 6px 12px 7px;
  font-weight: bold;
  -webkit-transition: background 200ms ease-out;
  transition: background 200ms ease-out; }

ul.page-numbers a:hover {
  background-color: #627f9a;
  border-color: #627f9a;
  color: #ffffff; }

ul.page-numbers li > span {
  color: #ffffff;
  background-color: #627f9a;
  border-color: #627f9a; }

/* -- section titles -- */
h3.section-title {
  margin: 0 auto 30px;
  max-width: 1050px;
  text-transform: uppercase;
  border-bottom: 3px solid #f1f1f1; }

h3.section-title a {
  float: right;
  padding-top: 5px;
  font-size: 80%; }

h3.section-title a:after {
  font-family: 'icomoon';
  content: '\f105';
  color: #627f9a;
  margin-left: 10px; }

h3.section-title span {
  display: inline-block;
  position: relative;
  padding-bottom: 15px;
  border-bottom: 3px solid #DDD;
  margin-bottom: -3px; }

h3.section-title.title_center {
  text-align: center;
  border: 0;
  margin-bottom: 30px;
  overflow: hidden; }

h3.section-title.title_center span {
  padding: 0 15px;
  border: 0; }

h3.section-title.title_center span:after,
h3.section-title.title_center span:before {
  content: ' ';
  display: block;
  height: 0;
  border-bottom: 3px solid #EEE;
  width: 1000px;
  position: absolute;
  top: 50%; }

h3.section-title.title_center span:before {
  left: -1010px; }

h3.section-title.title_center span:after {
  right: -1010px; }

h3.section-title.title_bold,
h3.section-title.title_bold_center {
  border-width: 3px;
  margin-top: 50px;
  margin-bottom: 60px;
  height: 0; }

h3.section-title.title_bold span,
h3.section-title.title_bold_center span {
  border: 3px solid #EEE;
  padding: 8px 15px;
  position: relative;
  top: -25px;
  left: 15px;
  background-color: #ffffff; }

h3.section-title.title_bold a {
  border: 3px solid #EEE;
  padding: 5px 10px;
  position: relative;
  top: -20px;
  right: 15px;
  background-color: #ffffff; }

h3.section-title.title_bold_center {
  text-align: center; }

h3.section-title.title_bold_center span {
  left: auto; }

h3.section-title.title_divided,
h3.section-title.title_divided span {
  text-align: center;
  border: 0; }

h3.section-title.title_divided a {
  display: block;
  float: none; }

/* -- text dividers -- */
.tx-div {
  display: block;
  height: 3px;
  background-color: #000000;
  opacity: .1;
  margin: 15px 0 15px; }

.text-center .tx-div {
  margin: 15px auto 15px auto; }

.text-right .tx-div {
  margin: 15px 0 15px auto; }

.tx-div.small {
  width: 30px; }

.tx-div.medium {
  width: 60px; }

.tx-div.full {
  width: 100%; }

/* -- ux image -- */
.ux-img-container img {
  height: auto;
  width: 100%; }

/* -- UX BOX model (Used for different shortcodes and elements) -- */
.ux-box .inner {
  position: relative; }

.ux-box > a {
  display: block; }

.ux-box .ux-box-image {
  overflow: hidden;
  top: 0; }

.ux-box .ux-box-image img {
  min-width: 100%;
  top: 0;
  position: relative; }

.ux-box .ux-box-text {
  padding: 10px; }

/* -- UX Box Texts -- */
.ux-box a {
  color: #777777; }

.ux-box h1,
.ux-box h2,
.ux-box h3,
.ux-box h4,
.ux-box h5 {
  line-height: 120%; }

.ux-box p {
  padding: 0;
  margin-bottom: 10px; }

.ux-box h4 {
  margin-bottom: 5px; }

.ux-box h4 span {
  font-size: 90%; }

.ux-box .ux-box-text {
  font-size: 90%; }

.ux-box.text-center .ux-box-text {
  padding-left: 5px;
  padding-right: 5px; }

.ux-box .social-icons {
  margin-bottom: 15px; }

/* - text circle */
.ux-box.ux-text-circle .ux-box-image {
  margin-left: 30px;
  margin-right: 30px;
  border-radius: 999px; }

.ux-section .ux-text-circle .inner-wrap {
  padding-top: 30px !important; }

/* boxed */
.ux-box.ux-text-boxed .inner {
  margin-bottom: 10px; }

.ux-box.ux-text-boxed .inner-wrap {
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: box-shadow .3s;
          transition: box-shadow .3s;
  border: 1px solid #dddddd;
  color: #ffffff; }

.ux-box.ux-text-boxed:hover .inner-wrap {
  box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.2); }

.ux-box.ux-text-boxed .ux-box-text {
  padding: 15px; }

/* - text overlay */
.ux-box.ux-text-overlay {
  margin-bottom: 0; }

.ux-box.ux-text-overlay .ux-box-text {
  position: absolute;
  bottom: 5%;
  left: 15px;
  right: 15px;
  opacity: 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }

.ux-box.ux-text-overlay.team-member .ux-box-text {
  bottom: 0; }

.ux-box.ux-text-overlay:hover .ux-box-text {
  opacity: 1;
  bottom: 10%; }

.ux-box.post-item.ux-text-overlay:hover .ux-box-text {
  opacity: 1;
  bottom: 5px; }

.ux-box.ux-text-overlay .ux-box-image {
  background-color: #627f9a; }

.ux-box.ux-text-overlay:hover .ux-box-image img {
  top: 0 !important;
  -webkit-transform: scale(1.05);
  opacity: .3; }

.ux-box.ux-text-overlay .ux-box-text * {
  color: #ffffff !important; }

.ux-box.ux-text-overlay .ux-box-text .tx-div {
  background-color: rgba(255, 255, 255, 0.3) !important; }

.ux-box.ux-text-overlay .ux-box-text.show-first {
  opacity: 1; }

.ux-box.ux-text-overlay .show-next {
  opacity: 0;
  position: relative;
  bottom: -10px; }

.ux-box.ux-text-overlay:hover .show-next {
  opacity: 1;
  bottom: 0; }

/* - blog post overlay */
.ux-box.post-item.ux-text-overlay .ux-box-text {
  left: 30px;
  right: 30px;
  padding: 0 30px; }

.ux-box.post-item.ux-text-overlay .from_the_blog_comments {
  display: none; }

/* - text bounce */
.ux-box.ux-text-bounce .ux-box-text {
  background-color: #ffffff;
  position: relative;
  top: -3px;
  padding: 15px 30px;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out; }

.ux-box.ux-text-bounce:hover .ux-box-text {
  top: -15px;
  background-color: #f9f9f9; }

.ux-box.ux-text-bounce:hover .ux-box-image img {
  top: -10px; }

/* - text badge */
.ux-box.ux-text-badge .ux-box-text {
  position: absolute;
  bottom: 40px;
  padding: 11px 0 8px;
  left: 0;
  right: 0;
  text-align: center;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.9); }

.ux-box.ux-text-badge .ux-box-text span {
  opacity: .5; }

.slider .ux-box.ux-text-badge .ux-box-text {
  left: 15px;
  right: 15px; }

.ux-box.ux-text-badge:hover .ux-box-text {
  background-color: #627f9a; }

.ux-box.ux-text-badge:hover .ux-box-text * {
  color: #ffffff !important; }

/* -- background / sections -- */
.ux-section {
  padding: 30px;
  position: relative; }

.ux-section .blog_shortcode_text {
  margin-top: -20px; }

.ux-section .sliderNav.small a,
.ux-section #main-content {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important; }

.ux-section .iosSlider .product-small {
  padding-bottom: 10px !important; }

.ux-section.dark h3.section-title span {
  border-color: #ffffff; }

.ux-section .product-small .info {
  margin: 0 15px;
  padding: 5px 5px 15px; }

.collapse .row .column,
.collapse .row .columns {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  float: left; }

/* -- section / boxed styles -- */
.ux-section .row.boxed .columns > .column-inner {
  padding: 20px 30px; }

.ux-section .row.boxed .columns > .column-inner,
.ux-section .product-small .info,
.ux-section .ux-box .inner-wrap {
  background: #f1f1f1;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1); }

.dark .ux-box.ux-text-bounce .ux-box-text,
.dark .ux-box.ux-text-bounce:hover.ux-box-text,
.dark .row.boxed .columns > .column-inner,
.ux-section.dark .product-small .info,
.ux-section.dark .ux-box .inner-wrap {
  background-color: #333333;
  background-color: rgba(0, 0, 0, 0.9); }

.dark .ux-box.ux-text-bounce .inner-wrap {
  background: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none; }

/* -- Select boxes */
select,
.select2-container .select2-choice {
  font-size: 95%;
  color: #333333;
  border: 1px solid #DDD;
  border-radius: 0;
  height: 36px;
  padding: 0 10px;
  box-shadow: inset 0 -1.3em 1em 0 rgba(0, 0, 0, 0.02);
  background-color: #ffffff;
  -webkit-appearance: none;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAHCAYAAAD9NeaIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDE1LTA0LTE3VDE3OjEyOjQyKzAyOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxNS0wNC0yMFQxNzoxNjoyNCswMjowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxNS0wNC0yMFQxNzoxNjoyNCswMjowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTU4MjBDRURERjVCMTFFNEEzN0FCODBEM0I5MTExMjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTU4MjBDRUVERjVCMTFFNEEzN0FCODBEM0I5MTExMjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RUVFRDJCNkREQzMxMUU0QTM3QUI4MEQzQjkxMTEyOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNTgyMENFQ0RGNUIxMUU0QTM3QUI4MEQzQjkxMTEyOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuShL/sAAABeSURBVHjaYszOzjZnYGDYCcT8DMSBv0AcP2XKlKVEqmdgAuKTQOwOxB+JtQCIibYAZgkDkRaRZQGyJYQsItsCdEtwWUSRBdgsQbeIYgtAgAWHOMwiJSBezkAhAAgwAJSTG/DI0S9VAAAAAElFTkSuQmCC");
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: auto 15%;
  border-radius: 0; }

select {
  line-height: 30px; }

.select2-container .select2-chosen {
  line-height: 24px; }

.select2-container .select2-choice {
  background-image: none; }

select:hover,
.select2-container .select2-choice:hover {
  box-shadow: inset 0 -1.8em 1em 0 transparent; }

/* Select Browser Hacks */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  select::-ms-expand {
    display: none; }

  select:focus::-ms-value {
    background: transparent;
    color: #222222; } }
@-moz-document url-prefix() {
  select {
    background-image: none; } }
select::-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000000; }

/* -- product lightbox --*/
.product-lightbox {
  background: #ffffff;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
  position: relative; }

.product-lightbox form.custom select {
  visibility: visible; }

.product-lightbox-inner {
  padding: 30px 30px 10px;
  font-size: 90%; }

.product-lightbox-inner h4.breadcrumb {
  font-size: 80%; }

.product-lightbox-inner .short-description {
  max-height: 220px;
  overflow-x: auto; }

.product-lightbox .iosSlider.product-gallery-slider {
  margin-bottom: 0;
  -webkit-transition: height 500ms ease-out;
  transition: height 500ms ease-out; }

.lightbox-white {
  position: relative;
  background: #ffffff;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto; }

/* -- loading bar --*/
.ux-loading {
  z-index: 99999;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -14px 0 0 -42px;
  padding: 10px;
  border-radius: 5px; }

.ux-loading i {
  float: left;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  background: #627f9a;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: loadingFade 1.5s infinite;
  animation: loadingFade 1.5s infinite; }

.dark.ux-loading i {
  background: #ffffff !important; }

.ux-loading i:nth-child(0) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.ux-loading i:nth-child(1) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s; }

.ux-loading i:nth-child(2) {
  -webkit-animation-delay: .4s;
  animation-delay: .4s; }

.ux-loading i:nth-child(3) {
  -webkit-animation-delay: .6s;
  animation-delay: .6s; }

.ux-loading i:nth-child(4) {
  -webkit-animation-delay: .8s;
  animation-delay: .8s; }

@-webkit-keyframes loadingFade {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes loadingFade {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/* -- edit block links for admins -- */
.ux_block {
  position: relative; }

.ux_block .edit-link {
  position: absolute;
  top: 25%;
  left: 0;
  z-index: 9999;
  background: #000000;
  color: #ffffff;
  padding: 5px;
  display: none; }

.ux_block:hover .edit-link {
  display: block; }

/* -- div fixes -- */
a.lost_password {
  margin-left: 15px; }

.columns > br,
.row > br {
  display: none !important; }

/* -- pre -- */
pre {
  border: 1px solid #dddddd;
  padding: 20px !important;
  background: #f1f1f1;
  margin-bottom: 30px !important;
  margin-top: 20px !important; }

/* -- catalogue mode  -- */
.catalog-mode-header {
  padding-top: 15px;
  text-align: right;
  float: right; }

.catalog-mode-header > div {
  display: inline-block; }

.catalog-mode-header input,
.catalog-mode-header form,
.catalog-mode-header button {
  margin: 0 !important; }

.no-prices span.amount,
.no-prices form.cart {
  display: none !important; }

.catalog-product-text {
  padding-bottom: 15px; }

.catalog-product-text .accordion {
  margin: 0; }

/* -- woocommerce extra -- */
.woocommerce-info {
  padding: 15px 0; }

/* -- Home intro -- */
.home-intro {
  display: block;
  margin-bottom: -1px; }

.home-intro .iosSlider {
  margin-bottom: 0 !important; }

/* -- Column hover effects --*/
.col_hover_focus .column-inner,
.col_hover_fade .column-inner,
.col_hover_blur .column-inner {
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  position: relative; }

.col_hover_focus:hover .column-inner {
  opacity: 1 !important; }

.col_hover_fade .column-inner {
  opacity: .6; }

.col_hover_fade:hover .column-inner {
  opacity: 1; }

.col_hover_blur .column-inner {
  -webkit-filter: blur(3px); }

.col_hover_blur:hover .column-inner {
  -webkit-filter: blur(0px); }

.row:hover .col_hover_focus .column-inner:not(:hover) {
  opacity: 0.6 !important; }

/* -- TOOLTIP -- */
.tooltipster-default {
  border-radius: 5px;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff; }

.tooltipster-default img {
  max-width: 200px; }

.tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
  overflow: hidden; }

.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible; }

.tooltipster-base .tooltipster-content {
  overflow: hidden; }

.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

.tooltipster-arrow span,
.tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute; }

.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -8px; }

.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px; }

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -8px; }

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px; }

.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto; }

.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span {
  left: 6px; }

.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px; }

.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span {
  right: 6px; }

.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px; }

.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid transparent !important;
  border-left: 4px solid;
  top: 50%;
  margin-top: -4px;
  right: -4px; }

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px; }

.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px; }

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px; }

.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.tooltipster-fade-show {
  opacity: 1; }

/* -- ANIMATION -- */
.show-first,
.show-next,
.ux-box .ux-box-text,
.widget_product_tag_cloud a,
.product_list_widget li a,
.widget_tag_cloud a,
.widget_layered_nav_filters .chosen a,
.ux_logo a,
.ux-header-element a,
.iosSlider .sliderNav a span,
.iosSlider .sliderNav a,
.product-page-aside .product,
.post-date,
.featured_item_text,
ul.pinterest-style,
.blog-pinterest-style article.type-post,
.blog-pinterest-style article.hentry,
.cat-count,
.cat-title,
.cart-icon strong,
.cart-icon-handle,
strong.cart-name,
span.cart-price,
.back-image img,
.quick-view,
.yith-wcwl-add-to-wishlist a,
ul.header-nav li a {
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out; }

.featured-item > a {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.ux-box .ux-box-image img,
.product-thumbnails .thumb img {
  -webkit-transition: all 400ms ease-out;
  transition: all 400ms ease-out; }

.banner-bg,
.parallax_img_inner,
.mfp-bg,
.mob-helper,
.featured-product .product-bg,
.featured-product .product-text,
.product-thumbnails .thumb {
  -webkit-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out; }

/* -- Site wide notice -- */
p.demo_store {
  margin: 0;
  padding: 6px 0 8px 0;
  text-align: center;
  color: #999999;
  background-color: #111111; }

/**********************************************************************/
/****************------------- 02. HEADER  -------------***************/
/**********************************************************************/
/* -- top bar -- */
#top-bar {
  background-color: #627f9a;
  color: #ffffff;
  z-index: 11;
  position: relative; }

#top-bar li > a {
  color: #ffffff; }

#top-bar .left-text {
  opacity: 1;
  font-size: 80%;
  padding: 10px 0; }

#top-bar .right-text {
  font-size: 80%;
  padding: 10px 0; }

#top-bar .row {
  position: relative; }

#top-bar span {
  opacity: 1;
  font-weight: normal; }

#top-bar .html > * {
  display: inline-block; }

/* -- header container -- */
.header-wrapper {
  z-index: 99;
  position: relative; }

#masthead {
  height: 120px; }

#masthead {
  background-color: #ffffff;
  top: -200px;
  -webkit-transition: top .6s, opacity .6s, background .3s;
          transition: top .6s, opacity .6s, background .3s;
  background-position: bottom center;
  background-repeat: repeat-x; }

/* -- logo -- */
#logo {
  height: 100%;
  text-transform: uppercase;
  display: table-cell;
  vertical-align: middle; }

#logo a {
  display: block;
  padding-top: 10px;
  margin: 0;
  font-size: 200%;
  line-height: 100%;
  font-weight: bold;
  float: left;
  width: 100%; }

#logo a img {
  max-height: 999px;
  height: auto;
  width: auto; }

#logo.logo-center a img {
  margin: 0 auto; }

#logo a {
  color: #627f9a; }

/* -- header layout -- */
#masthead .row {
  height: 100%; }

#masthead .header-container {
  display: table;
  height: 100%;
  width: 100%; }

#masthead .left-links {
  display: table-cell;
  vertical-align: middle; }

#masthead .right-links {
  display: table-cell;
  vertical-align: middle; }

#masthead .left-links > ul {
  float: left;
  padding-top: 15px;
  margin-left: 15px; }

#masthead .right-links > ul {
  float: right;
  padding-top: 15px; }

/* -- sticky header -- **/
#masthead.stuck {
  opacity: .95;
  position: fixed;
  top: -200px;
  left: 0;
  right: 0;
  z-index: 100;
  box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.2); }

#masthead.stuck:hover,
.wide-nav.stuck:hover {
  opacity: 1; }

#masthead.stuck.move_down {
  height: 70px;
  top: 0; }

#masthead.stuck.move_down .catalog-mode-header,
#masthead.stuck.move_down .left-links > ul,
#masthead.stuck.move_down .right-links > ul,
#masthead.stuck.move_down #logo a {
  padding: 0 !important; }

#masthead.stuck.move_down #logo a {
  float: none; }

#masthead.stuck.move_up {
  top: -500px; }

/* -- sticky logo -- */
.stuck .has_sticky_logo,
.header_logo_sticky {
  display: none; }

.stuck.move_down .header_logo_sticky {
  display: block; }

/* -- boxed header style --*/
.boxed #masthead,
.boxed .wide-nav {
  max-width: 71.25em;
  width: 100%;
  left: auto;
  right: auto; }

.boxed #masthead.stuck,
.boxed .wide-nav.stuck {
  left: auto;
  right: auto; }

/* -- centered logo -- */
.logo-center #masthead .left-links {
  width: 40%; }

.logo-center #masthead .right-links {
  width: 40%; }

.logo-center #masthead #logo {
  width: 20%;
  text-align: center; }

.logo-center #masthead .left-links > ul {
  margin-left: 0; }

.logo-center #masthead .left-links > ul > li {
  margin-left: 0;
  margin-right: 20px; }

/* -- navigation -- */
ul.header-nav {
  margin: 0; }

ul.header-nav li {
  float: left;
  margin-left: 15px;
  list-style: none; }

ul.header-nav li a {
  text-transform: uppercase;
  font-size: 80%;
  font-weight: bold;
  padding: 10px 0; }

.right-links > ul.header-nav {
  white-space: nowrap; }

.right-links > ul.header-nav > li {
  /*display: inline-block !important;*/
  float: none; }

/* -- dropdown -- */
.nav-dropdown,
.sub-menu.submenu-languages {
  display: none;
  background: #ffffff;
  padding: 20px 10px 20px 30px;
  z-index: 999;
  border: 3px solid #DDD;
  position: absolute;
  margin-top: 10px;
  box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.1); }

.active .nav-dropdown {
  display: block !important; }

.right-links .nav-dropdown,
.left-links .nav-dropdown,
.account-dropdown .nav-dropdown {
  margin-left: -15px; }

.nav-dropdown > ul,
.nav-dropdown > .row,
.nav-dropdown-inner {
  position: relative; }

/* -- dropdown arrow -- */
.nav-dropdown > ul:after,
.nav-dropdown > .row:after,
.nav-dropdown-inner:after,
.menu-item-language .sub-menu:after {
  top: -37px;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.nav-dropdown > ul:after,
.nav-dropdown > .row:after,
.nav-dropdown-inner:after,
.menu-item-language .sub-menu:after {
  border-color: rgba(221, 221, 221, 0);
  border-bottom-color: #dddddd;
  border-width: 7px;
  left: 8px;
  margin-left: -7px; }

.nav-dropdown > .row:after {
  left: -12px; }

/* search dropdown fix */
.nav-dropdown-inner:after {
  left: auto;
  right: -25px; }

/* cart dropdown fix */
.menu-item-language .sub-menu:after {
  top: -15px;
  left: auto;
  right: 20px; }

.no-arrow.nav-dropdown > ul:after {
  opacity: 0; }

/* -- dropdown styles -- */
ul.header-nav li ul {
  margin: 0; }

ul.header-nav li ul.menu li {
  width: 160px;
  float: none; }

ul.header-nav li .nav-dropdown li {
  display: block;
  width: 100%;
  min-width: 170px;
  margin: 0;
  float: none; }

ul.header-nav li .nav-dropdown li a {
  font-weight: normal;
  border-bottom: 1px solid #f2f2f2;
  font-size: 78%;
  display: block;
  padding: 8px 0;
  margin-right: 20px; }

ul.header-nav li .nav-dropdown li.bold a {
  font-weight: bold;
  color: #000000;
  margin-top: 10px; }

ul.header-nav li .nav-dropdown > ul > li.menu-parent-item {
  float: left !important;
  width: 160px !important; }

ul.header-nav li .nav-dropdown > ul > li:last-child > a {
  border: 0; }

/* 4. level items and down */
#site-navigation .nav-dropdown .nav-column-links .nav-column-links {
  padding-left: 7px; }

ul.header-nav li .nav-dropdown > ul > li.menu-parent-item ul ul li a {
  font-size: 11px;
  padding: 6px 0;
  border-bottom: none; }

ul.header-nav li .nav-dropdown > ul > li.menu-parent-item ul ul ul li a {
  padding: 4px 0; }

/* -- add a arrow to top links if it has dropdown -- */
li.menu-parent-item > a.nav-top-link:after {
  font-family: 'icomoon';
  content: '\f107';
  opacity: .7;
  margin-left: 5px;
  line-height: 0;
  top: 1px;
  position: relative; }

/* -- image column for dropdown -- */
ul.header-nav li .nav-dropdown li.image-column {
  position: relative;
  float: left !important;
  width: 160px !important; }

ul.header-nav li .nav-dropdown li.image-column a {
  line-height: 0;
  font-size: 0;
  margin: 0;
  padding: 0;
  margin-right: -10px;
  margin-top: -20px;
  margin-bottom: -20px; }

ul.header-nav li .nav-dropdown li.image-column a img {
  width: 100%; }

ul.header-nav li .nav-dropdown li.image-column a:hover {
  opacity: .9; }

#jPanelMenu-menu li.image-column {
  display: none !important; }

/* -- Dropdown labesl (new in 1.8) -- */
.label-new.menu-item > a:after,
.label-hot.menu-item > a:after,
.label-sale.menu-item > a:after,
.label-popular.menu-item > a:after {
  content: '';
  display: inline-block;
  font-size: 9px;
  margin-left: 7px;
  background-color: #000000;
  color: #ffffff;
  padding: 0 3px;
  position: relative;
  top: -2px; }

.label-new.menu-item > a:after {
  background-color: #627f9a; }

.label-sale.menu-item > a:after {
  background-color: #d26e4b; }

.label-popular.menu-item > a:after {
  background-color: #7a9c59; }

.label-hot.menu-item > a:after {
  background-color: #b20000; }

/* -- main navigation link colors -- */
ul.header-nav a.nav-top-link {
  color: #000000;
  opacity: .5; }

ul.header-nav li.active a.nav-top-link {
  color: #000000;
  opacity: 1; }

ul.header-nav li .nav-dropdown a {
  color: #777777; }

ul.header-nav li .nav-dropdown > ul > li.menu-parent-item > a {
  color: #000000;
  font-weight: bold;
  border-bottom: 1px solid #f2f2f2 !important; }

ul.header-nav li .nav-dropdown a:hover {
  color: #000000; }

a.nav-top-link:before {
  margin-right: 5px !important;
  position: relative;
  top: 1px; }

/* -- search dropdown */
.search-wrapper button,
.search-wrapper input {
  margin: 0 !important; }

.search-dropdown .nav-dropdown {
  width: 260px;
  padding-right: 30px !important; }

.search-dropdown input {
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0; }

/* -- account dropdown -- */
.header-nav li.account-dropdown {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 15px; }

.header-nav li.account-dropdown .nav-dropdown {
  max-width: 300px; }

.header-nav li.account-dropdown ul {
  width: 160px; }

.header-nav li.account-dropdown ul li {
  white-space: normal; }

.header-nav li:last-child {
  border-right: 0 !important;
  padding-right: 0 !important; }

/* -- Nav breaks fixes -- */
.nav-crop-right-links .right-links .li.mini-cart {
  margin-left: 5px !important; }

.nav-crop-right-links .right-links ul.header-nav li {
  margin-left: 5px !important; }

.nav-crop-right-links .right-links ul.header-nav li.account-dropdown {
  padding-right: 5px !important; }

.nav-crop-left-links .left-links ul.header-nav > li {
  margin-left: 5px !important; }

/* -- live search style -- */
.autocomplete-suggestions {
  padding-top: 10px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 10px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.autocomplete-suggestion {
  position: relative;
  padding-left: 15px;
  overflow: hidden;
  cursor: pointer;
  text-align: left;
  line-height: 25px;
  font-size: 12px; }

.autocomplete-suggestion:hover {
  background-color: #efefef; }

.yith-ajaxsearchform-container {
  position: relative; }

.yith-ajaxsearchform-container form {
  margin-bottom: 2em; }

.autocomplete-suggestions {
  border: 0;
  width: 100% !important; }

.nav-dropdown .autocomplete-suggestions,
.widget .autocomplete-suggestions {
  position: relative !important; }

.autocomplete-suggestion {
  padding: 10px 5px;
  border-bottom: 1px solid #eeeeee;
  font-size: 100%; }

.autocomplete-selected a {
  color: #000000; }

/* -- top bar menu -- */
#top-bar .html,
.top-bar-nav {
  display: inline-block; }

ul.top-bar-nav {
  margin: 0;
  line-height: 100%; }

ul.top-bar-nav li {
  line-height: 12px;
  list-style: none;
  position: relative;
  display: inline-block;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: 10px;
  margin-left: 10px; }

ul.top-bar-nav li:first-child {
  border: 0; }

ul.top-bar-nav li a:hover {
  border-bottom: 1px solid #ffffff; }

ul.top-bar-nav .nav-dropdown {
  padding: 3px;
  right: 0; }

ul.top-bar-nav .nav-dropdown ul {
  margin: 0;
  min-width: 100px; }

ul.top-bar-nav .nav-dropdown ul li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eeeeee;
  display: block; }

ul.top-bar-nav .nav-dropdown > ul:after {
  top: -20px;
  right: 20px;
  left: auto; }

ul.top-bar-nav .nav-dropdown li a {
  font-size: 90%;
  display: block;
  color: #111111 !important;
  text-transform: uppercase;
  padding: 5px 10px;
  border: 0; }

ul.top-bar-nav .nav-dropdown li a:hover {
  color: #777777 !important; }

ul.top-bar-nav .nav-dropdown ul li:last-child {
  border: 0; }

/* -- icon fix -- */
.menu-item:before {
  margin-right: 8px;
  font-size: 100%;
  top: 1px;
  position: relative; }

/* --  wide navigation  -- */
.wide-nav {
  -webkit-transition: top 650ms ease, opacity 600ms;
  transition: top 650ms ease, opacity 600ms;
  top: -300px;
  background-color: #eeeeee;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.4); }

.wide-nav.stuck {
  position: fixed;
  opacity: .9;
  top: -300px;
  right: 0;
  left: 0;
  z-index: 99; }

.wide-nav .header-nav > li {
  margin-left: 0;
  line-height: 50px;
  display: inline-block;
  float: none; }

.wide-nav .wide-nav-right {
  display: table-cell;
  height: 50px;
  vertical-align: middle; }

.wide-nav .wide-nav-right > div {
  display: table-cell;
  vertical-align: middle; }

.wide-nav .wide-nav-right button,
.wide-nav .wide-nav-right input {
  margin-bottom: 0; }

.wide-nav .wide-nav-right form {
  margin-left: 15px;
  width: 230px; }

.wide-nav .header-nav a.nav-top-link {
  padding-right: 15px; }

.wide-nav.nav-center .nav-wrapper > #site-navigation {
  text-align: center; }

.wide-nav.nav-center .nav-wrapper > #site-navigation li {
  text-align: left; }

.wide-nav.nav-left .nav-wrapper > #site-navigation {
  float: left; }

.wide-nav .nav-dropdown {
  margin-top: -3px; }

.wide-nav.nav-center .nav-dropdown > ul:after,
.wide-nav.nav-center .nav-dropdown > .row:after {
  left: 60px; }

.wide-nav-search form {
  width: 260px; }

.wide-nav-search > li {
  margin-left: 0 !important;
  margin-right: 30px; }

.wide-nav-search > div {
  display: table-cell;
  vertical-align: middle;
  padding-top: 15px;
  padding-left: 20px; }

.logo-center .wide-nav-search > div {
  padding-left: 0;
  padding-right: 20px; }

.wide-nav-search form,
.wide-nav-search input,
.wide-nav-search button {
  margin-bottom: 0 !important; }

.wide-nav-search .autocomplete-suggestions,
.wide-nav-right .autocomplete-suggestions {
  position: absolute !important;
  top: 35px;
  background-color: #ffffff;
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1); }

.wide-nav-search .autocomplete-suggestion,
.wide-nav-right .autocomplete-suggestion {
  padding-left: 15px; }

/* -- Transparent / blank header style / boxed header  -- */
.transparent-header .header-wrapper,
.transparent-header.boxed-header .header-wrapper,
.transparent-header .header-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99; }

.page-template-page-transparent-header-php .before-sticky #masthead,
.page-template-page-transparent-header-php .before-sticky .wide-nav,
.page-template-page-transparent-header-light-php .before-sticky #masthead,
.page-template-page-transparent-header-light-php .before-sticky .wide-nav {
  background: none !important;
  box-shadow: none !important; }

.transparent-header.hide-header #masthead.site-header {
  display: none; }

.page-template-page-transparent-header-light-php .before-sticky .header_logo {
  display: none; }

.page-template-page-transparent-header-light-php .stuck .header_logo_dark {
  display: none; }

.page-template-page-transparent-header-light-php.org-dark-header .header_logo {
  display: block !important; }

.page-template-page-transparent-header-light-php.org-dark-header .header_logo_dark {
  display: none !important; }

.transparent-header ul.header-nav li a {
  -webkit-transition: none;
  transition: none; }

.boxed-header .header-wrapper {
  margin-top: 50px;
  max-width: 69em;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.11); }

.boxed-header #masthead {
  opacity: .90; }

.boxed-header #masthead:hover {
  opacity: 1; }

.boxed.boxed-header .header-wrapper {
  margin-top: 20px; }

.boxed.transparent-header .header-wrapper,
.boxed.no-header .header-wrapper {
  left: auto;
  right: auto;
  max-width: 71.25em; }

.boxed-header .top-divider {
  display: none !important; }

.boxed.boxed-header .header-wrapper {
  margin-top: 0; }

.framed-layout .header-wrapper {
  margin-top: 30px; }

.page-template-page-blank-header-php .header-wrapper {
  position: absolute;
  top: -300px; }

.page-template-page-blank-header-php .top-divider {
  display: none; }

/* header elements */
.ux-header-element a {
  color: #c1c1c1;
  display: inline-block;
  margin-left: 7.5px;
  border: 2px solid #cccccc;
  padding: 8px 15px !important;
  line-height: 16px;
  font-size: 14px !important; }

.ux-header-element a:hover {
  color: #ffffff;
  background: #627f9a;
  border-color: #627f9a; }

.html-block-inner > * {
  display: inline-block; }

.html-block-inner .search-wrapper {
  height: 23px !important;
  margin-left: 7.5px !important; }

.html-block-inner * {
  margin-bottom: 0 !important; }

/* Mobile Menu / Sidebar menu */
#jPanelMenu {
  height: 100%; }

.mobile-sidebar {
  padding: 30px 0 100px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none; }

.mobile-sidebar .search {
  padding-bottom: 15px; }

.mobile-sidebar li {
  position: relative;
  z-index: 99;
  display: block;
  padding: 0 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-transition: all .3s;
          transition: all .3s; }

.mobile-sidebar li li {
  padding: 0; }

.mobile-sidebar li:last-child,
.mobile-sidebar li:last-of-type,
.mobile-sidebar li.menu-item-has-children.active {
  border: 0; }

.mobile-sidebar li a {
  text-transform: uppercase;
  font-size: 80%;
  font-weight: bold;
  width: 80%;
  display: inline-block;
  padding: 20px 0;
  color: #000000;
  opacity: .5; }

.mobile-sidebar li.open > a,
.mobile-sidebar li a:hover,
.mobile-sidebar li.active > a,
.mobile-sidebar li.current-menu-item > a {
  opacity: 1; }

.mobile-sidebar .top-bar-mob li.menu-item a {
  font-size: 80%;
  padding: 15px 0;
  text-transform: none;
  font-weight: normal; }

.mobile-sidebar li.menu-item-has-children li li a {
  padding: 15px 0;
  text-transform: none;
  font-weight: normal; }

.mobile-sidebar .menu-html li {
  padding: 15px 0; }

.mobile-sidebar .autocomplete-suggestions {
  position: relative !important; }

/* Open menu icon */
.mobile-sidebar li ul:before {
  font-family: 'icomoon';
  content: '\f107';
  font-size: 22px;
  line-height: 18px;
  margin: 0;
  padding: 20px 30px;
  text-align: center;
  opacity: .5;
  position: absolute;
  right: 0;
  top: 0; }

.mobile-sidebar .top-bar-mob li ul:before {
  padding: 15px 30px;
  line-height: 14px; }

.mobile-sidebar li ul:hover:before {
  opacity: 1; }

.mobile-sidebar li.open {
  background-color: rgba(0, 0, 0, 0.02); }

.mobile-sidebar li.open ul:before {
  content: '\f106'; }

.mobile-sidebar li ul li ul:before {
  display: none; }

/* Html blocks */
.mobile-sidebar .html-block {
  text-align: center;
  padding: 12px 28px; }

.mobile-sidebar .html-block .social-icons.size-small a {
  font-size: 120%;
  margin: 8px;
  color: #999; }

.mobile-sidebar input {
  -webkit-appearance: none;
  border-radius: 0; }

.mobile-sidebar li ul {
  max-height: 0;
  overflow: hidden;
  border-left: 2px solid rgba(0, 0, 0, 0.05);
  padding-left: 15px; }

.mobile-sidebar li.open ul {
  max-height: none;
  margin: 0 0 30px; }

.mobile-sidebar li ul ul {
  border: 0;
  display: block; }

.mobile-sidebar .image-column {
  display: none; }

/* Uber menu fix  */
@media only screen and (max-width: 767px) {
  #megaMenuToggle {
    display: none; }

  #megaMenu.megaResponsiveToggle ul.megaMenu {
    display: block !important; } }
/**********************************************************************/
/*******************------------- 03. FOOTER -------------*************/
/**********************************************************************/
.footer {
  padding: 30px 0 0;
  border-top: 1px solid #EEE; }

.footer.light {
  background-color: #ffffff; }

.footer.dark {
  background-color: #777;
  border: 0; }

.absolute-footer {
  padding: 15px 0 25px; }

.absolute-footer.dark {
  background: #111111; }

.absolute-footer .left {
  font-size: 90%; }

.absolute-footer .right {
  font-size: 90%; }

.footer-1,
.footer-2 {
  background-size: cover;
  background-repeat: no-repeat; }

.absolute-footer ul {
  margin: 0 0 10px;
  overflow: hidden; }

.absolute-footer ul li {
  float: left;
  list-style: none;
  padding-right: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.absolute-footer ul li:last-child {
  padding: 0; }

.absolute-footer ul li a {
  display: block;
  padding-bottom: 5px;
  text-transform: uppercase;
  font-size: 80%;
  color: #999999; }

.absolute-footer ul li a:hover {
  color: #000000; }

.copyright-footer {
  opacity: .6; }

/**********************************************************************/
/**************------------- 03. PAGES / BLOG -------------************/
/**********************************************************************/
/* -- sidebar -- */
#secondary {
  padding-top: 30px; }

/* -- layout -- */
article.type-post,
article.hentry {
  margin-bottom: 60px; }

.page-left-sidebar .page-inner {
  padding-left: 30px;
  border-left: 1px solid #eeeeee; }

.page-right-sidebar .page-inner {
  padding-right: 30px;
  border-right: 1px solid #eeeeee; }

.page-no-sidebar > .row {
  max-width: 900px; }

.page-no-sidebar.blog-pinterest > .row {
  max-width: 67.5em; }

/*-- entry header -- */
.entry-header {
  margin-bottom: 30px; }

/* -- titles -- */
h1.entry-title {
  margin: 0 0 5px;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.type-page h1.entry-title,
.search-results .text-center h1.entry-title {
  margin-bottom: 30px;
  text-transform: uppercase; }

.type-page .text-center h1.entry-title,
.search-results .text-center h1.entry-title {
  margin-bottom: 15px;
  text-transform: uppercase; }

.page .parallax-title {
  margin-bottom: 30px; }

.parallax-title .ux_banner h1 {
  font-size: 270%;
  line-height: 115%;
  font-weight: normal; }

/* -- breadcrumbs -- */
.page-breadcrumb .tabbed-content {
  margin: 0;
  font-size: 85%; }

.page-breadcrumb .tabs {
  margin: 0 !important; }

.page-breadcrumb .tabs h1 {
  padding: 15px 40px 10px 0;
  margin: 0; }

.ux_banner .page-breadcrumb .tabs h1 {
  padding: 0 30px 0 0; }

.page-breadcrumb .tabbed-content ul.tabs li a {
  padding: 15px 0; }

/* -- entry image -- */
.entry-image {
  position: relative;
  margin: 10px 0 15px; }

.entry-image img {
  width: 100%; }

.entry-image .post-date,
.ux-box .post-date {
  font-size: 17px;
  line-height: 14px;
  position: absolute;
  top: 40px;
  left: -10px;
  width: 55px;
  height: 55px;
  background: #ffffff;
  padding-top: 11px;
  border-width: 2px;
  z-index: 1; }

.column-slider .ux-box .post-date {
  left: 0; }

/* -- entry meta -- */
.entry-meta {
  font-size: 90%;
  padding: 10px 0; }

.entry-meta span.divider {
  opacity: .5;
  margin: 0 5px; }

.entry-meta-footer {
  border-top: 1px dotted #DDD;
  border-bottom: 3px solid #DDD;
  padding: 15px 0;
  overflow: hidden; }

/* -- archive -- */
body.archive h1.page-title,
body.search-results h1.page-title {
  font-size: 120%;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 30px;
  color: #777777; }

/* -- blog/attachment pagination --*/
.navigation-paging {
  width: 100%;
  overflow: hidden;
  font-size: 100%; }

.navigation-paging .nav-previous {
  float: left; }

.navigation-paging .nav-next {
  float: right; }

.navigation-paging a,
.navigation-image a {
  display: block;
  border: 3px solid #627f9a;
  padding: 5px 10px 7px;
  text-transform: uppercase; }

.navigation-paging a:hover,
.navigation-image a:hover {
  color: #ffffff;
  background-color: #627f9a; }

.navigation-image {
  margin-top: 15px; }

.navigation-image > div {
  display: inline-block;
  margin-right: 10px; }

/* -- date box -- */
.post-date {
  pointer-events: none;
  border: 2px solid #627f9a;
  margin-right: 10px;
  text-align: center;
  font-size: 70%;
  padding: 3px 3px;
  color: #627f9a;
  font-weight: bold;
  line-height: 100%;
  text-transform: uppercase; }

.post-date .post-date-day {
  display: block; }

.post-date .post-date-month {
  font-weight: normal;
  font-size: 80%; }

.post-item:hover .post-date {
  background: #627f9a;
  color: #ffffff; }

/* -- author box --*/
.author-box {
  padding: 30px 0;
  border-bottom: 1px solid #DDD; }

.author-box p {
  font-size: 80%; }

.author-box .author-name {
  margin: 0; }

.author-box .author-title {
  text-transform: uppercase; }

/* -- blog footer --*/
footer.entry-meta {
  margin-top: 30px;
  padding: 15px 0;
  border-top: 1px dotted #EEE;
  border-bottom: 2px solid #DDD; }

.navigation-post {
  border-bottom: 1px solid #DDD;
  overflow: hidden; }

.navigation-post a {
  padding: 30px 20px;
  display: block;
  width: 100%; }

.navigation-post span {
  display: inline-block;
  margin: 0 5px;
  top: 1px;
  position: relative; }

.navigation-post .nav-next {
  text-align: right;
  border-left: 1px solid #dddddd; }

.navigation-post > div {
  display: inline-block;
  width: 48%; }

/* -- gallery styles -- */
.gallery {
  margin-bottom: 30px !important;
  margin-left: -5px !important;
  margin-right: -10px !important; }

.gallery img {
  max-width: 100% !important;
  border: 0 !important;
  width: 100% !important;
  height: auto !important;
  display: block; }

.gallery-item {
  margin-bottom: 0;
  margin-top: 0 !important;
  padding: 5px; }

.gallery-item a img {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.gallery dl dt {
  margin: 0 !important; }

/* -- entry styles -- */
.entry-content .more-link {
  margin-top: 20px; }

/* -- content layout styles --*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto; }

.post.sticky {
  border: 3px solid #627f9a;
  padding: 30px; }

.post.sticky footer.entry-meta {
  border-bottom: 0; }

.hentry {
  margin: 0 0 1.5em; }

.updated:not(.published) {
  display: none; }

.single .byline,
.group-blog .byline {
  display: inline; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

/* blog styles */
.blog-list-style {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 30px; }

.blog-list-style article {
  margin-bottom: 30px; }

.blog-list-style .entry-content,
.blog-list-style .entry-image {
  margin-top: 0; }

.blog-list-style .cat-links a {
  text-transform: uppercase;
  color: #999999;
  font-size: 80%; }

.blog-list-style .post-date {
  top: 20px; }

.blog-pinterest-style {
  margin-right: -5px;
  margin-left: -5px; }

.blog-pinterest-style .post-date {
  top: 20px; }

.blog-pinterest-style .cat-links a {
  text-transform: uppercase;
  color: #999999;
  font-size: 75%; }

.blog-pinterest-style .entry-content {
  margin-top: 0;
  padding: 15px;
  border-left: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee; }

.blog-pinterest-style .entry-image {
  margin-bottom: 0; }

.blog-pinterest-style p {
  font-size: 90%;
  line-height: 140%; }

.blog-pinterest-style .comments-link a,
.blog-pinterest-style span.sep,
.blog-pinterest-style .tags-links {
  font-size: 60%;
  text-transform: uppercase;
  color: #555555; }

.blog-pinterest-style span.sep {
  opacity: .3;
  margin: 0 7px; }

.blog-pinterest-style article.type-post,
.blog-pinterest-style article.hentry {
  margin-bottom: 15px; }

.blog-pinterest-style:hover article {
  box-shadow: 0 0 19px 0 rgba(50, 50, 50, 0.33); }

.navigation-container {
  padding: 0 !important; }

.blog-pinterest-container {
  padding-bottom: 30px; }

.blog-pinterest-container .navigation-paging {
  margin-top: 15px; }

.blog-pinterest-container .navigation-container {
  margin-left: -5px;
  margin-right: -5px;
  padding-left: 0.9375em !important;
  padding-right: 0.9375em !important; }

.blog-pinterest-container .navigation-container .nav-next {
  margin-right: 20px; }

/* -- media -- */
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

.wp-caption {
  border: 1px solid #dddddd;
  margin-bottom: 1.5em;
  max-width: 100%;
  background: #f6f6f6; }

.wp-caption img[class*='wp-image-'] {
  display: block;
  margin: 1.2% auto 0;
  max-width: 98%; }

.wp-caption-text {
  text-align: center; }

.wp-caption .wp-caption-text {
  padding: 10px 0;
  margin: 0; }

.site-main .gallery {
  margin-bottom: 1.5em; }

.gallery-caption {
  display: inline-block; }

.site-main .gallery a img {
  border: none;
  height: auto;
  width: 100%;
  max-width: 90%; }

.site-main .gallery dd {
  margin: 0; }

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto; }

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%; }

/* -- image attchments --*/
.entry-attachment .attachment {
  margin-bottom: 15px; }

/* -- blog share icons --*/
.blog-share {
  margin-top: 30px;
  text-align: center; }

/* -- comments -- */
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: inline-block; }

.comments-title {
  text-transform: uppercase;
  font-weight: normal; }

.comments-title span {
  font-weight: bold; }

.comment-author {
  text-align: center; }

.form-allowed-tags {
  font-size: 80%; }

#comments ul li,
#comments ol li {
  list-style: none;
  width: 100%; }

.comment-inner {
  padding: 15px 0; }

.comment-list > li {
  margin-bottom: 0; }

.comment-list cite.fn {
  font-style: normal;
  margin-right: 5px;
  color: #000; }

.comment-list .says {
  display: none; }

.comment-meta.commentmetadata {
  font-size: 70%;
  text-transform: uppercase; }

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
  margin-bottom: 0; }

.comment-form-author,
.comment-form-email,
.comment-form-url {
  display: inline-block;
  width: 32.8%;
  position: relative; }

.comment-form-author,
.comment-form-email {
  padding-right: 10px; }

#comments .reply a {
  color: #777;
  font-size: 80%; }

.comment-form span.required {
  display: none; }

#add_review .comment-form-author,
#add_review .comment-form-email,
#add_review .comment-form-url {
  width: 40%;
  margin-bottom: 0; }

/* -- hide stuff before user click message form --*/
#respond .form-allowed-tags,
#respond .form-submit {
  display: none; }

/* --  comments level 1 -- */
.comment-list > li.comment > .comment-inner {
  border-top: 3px solid #EEE; }

.comment-list > li.comment:last-child > .comment-inner {
  border-bottom: 0; }

#comments ul.children {
  margin-left: 35px; }

/* -- comments level 2 -- */
.comment-list .children .comment-inner,
.children #respond {
  border-top: 1px solid #EEE;
  padding: 15px;
  margin-right: 0; }

.children #respond {
  padding: 15px 30px; }

/* -- comments level 3 --*/
.comment-list .comment:last-child {
  border: 0; }

.children .comment {
  border: 0; }

/* -- ACCOUNT PAGES -- */
.my-account h1 {
  text-transform: uppercase;
  padding-bottom: 15px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 30px; }

.my-account h2 {
  text-transform: uppercase;
  color: #777777;
  font-size: 120%; }

td.order-actions {
  text-align: right; }

.col2-set {
  overflow: hidden; }

.col2-set .col-1,
.col2-set .col-2 {
  float: left;
  margin-right: 30px; }

.account-user {
  position: relative;
  padding-left: 80px;
  padding-top: 15px;
  margin-top: 15px;
  overflow: hidden; }

.account-user .avatar {
  position: absolute;
  left: 0;
  top: 0; }

.account-user span {
  display: block; }

.account-user span a {
  text-transform: uppercase;
  display: inline-block;
  margin-top: 4px;
  font-size: 60%;
  padding: 3px 8px;
  background: #eeeeee;
  border-radius: 10px; }

.account-user em {
  color: #cccccc; }

/* -- WISHLIST PAGE -- */
.wishlist_table .add_to_cart,
.yith-wcwl-add-button > a.button.alt {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0; }

.wishlist_table .product-thumbnail img {
  width: 114px !important;
  padding-left: 0;
  margin-left: 20px; }

.yith-wcwl-share {
  text-align: left; }

/* -- FEATURED ITEMS (Blog posts etc) -- */
.page-featured-item #content > ul {
  margin-left: -7.5px; }

.page-featured-item h1 {
  text-transform: uppercase; }

.page-featured-item .item-tags {
  text-transform: uppercase;
  font-size: 80%;
  padding-top: 10px;
  border-top: 1px dotted #dddddd;
  margin-bottom: 15px; }

.page-featured-item .item-tags span {
  font-weight: bold;
  margin-right: 10px; }

.page-featured-item .social-icons {
  margin-bottom: 15px; }

.page-featured-item .featured_item_cats {
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 80%; }

/* -- BACK TO SITE -- */
#back-to-site {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  text-transform: uppercase;
  opacity: .8;
  font-weight: bold; }

#back-to-site a {
  background: #000000;
  padding: 5px;
  color: #ffffff; }

/**********************************************************************/
/************------------- 04. SHOP CATEGORIES -------------***********/
/**********************************************************************/
/* -- breadcrumbs -- */
.breadcrumb-row {
  margin-bottom: 30px;
  overflow: hidden; }

.breadcrumb {
  text-transform: uppercase;
  font-size: 125%;
  text-transform: uppercase; }

.breadcrumb-medium h3.breadcrumb {
  font-size: 115%;
  padding-bottom: 5px; }

.breadcrumb-small h3.breadcrumb {
  font-size: 95%;
  padding-bottom: 10px; }

.breadcrumb a {
  color: #999999;
  font-weight: normal; }

.breadcrumb span {
  display: inline-block;
  margin: 0 5px;
  color: #cccccc; }

h3.breadcrumb {
  margin: 0;
  padding-top: 5px; }

h4.breadcrumb {
  font-size: 115%; }

h4.breadcrumb a {
  font-weight: bold; }

h4.breadcrumb span {
  font-size: 60%; }

/* -- category header --*/
.cat-header > .row,
.cat-header > div > .row {
  margin-bottom: 0 !important; }

.cat-footer {
  padding-bottom: 30px; }

/* -- product categories header -- */
.woocommerce-result-count {
  margin-right: 20px; }

.woocommerce-result-count,
.woocommerce-ordering {
  display: inline-block;
  margin-bottom: 0; }

.woocommerce-ordering,
.woocommerce-ordering .custom.dropdown,
.woocommerce-ordering select {
  margin: 0 0 1px 0 !important; }

li.product-small {
  margin-bottom: 15px; }

li.product-small.grid2,
li.product-small.grid3,
li.product-small.grid5 {
  margin-bottom: 0; }

ul.products {
  margin-bottom: 20px; }

/* -- category box --*/
.product-category .header-title {
  margin-bottom: 0;
  line-height: 100%; }

/* -- product list -- */
.product-small {
  position: relative;
  display: block; }

.product-small h5 {
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 70%;
  color: #999999;
  font-weight: bolder; }

.product-small p {
  margin-bottom: 5px;
  line-height: 120%;
  margin-top: 5px; }

.product-small .name {
  font-size: 90%; }

.product-small .tx-div {
  border-width: 3px;
  width: 20px;
  margin: 4px auto 4px auto !important; }

.product-small.out-of-stock .add-to-cart-grid {
  display: none; }

.product-small.out-of-stock .out-of-stock-label {
  color: #333333;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  background: #ffffff;
  padding: 20px 0;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  opacity: .9; }

.product-small .short-description {
  font-size: 80%; }

/* -- product list images -- */
.product-image img.attachment-shop_catalog,
.product-image img.attachment-shop_single,
.product-image img.attachment-shop_thumbnail {
  display: block;
  min-width: 100%; }

.product-image {
  position: relative;
  display: block;
  overflow: hidden; }

.product-image .front-image {
  display: block;
  width: auto;
  height: auto; }

.product-image .front-image img {
  min-width: 99.9%;
  max-width: 101% !important;
  width: auto !important;
  height: auto !important;
  display: block; }

.product-image .back-image img {
  min-width: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  width: auto !important;
  height: auto !important;
  display: block;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden; }

.product-image:hover .back-image img {
  opacity: 1; }

/* -- product list images zoom effects -- */
.product-image.hover_zoom_in:hover .back-image img {
  zoom: 1.3;
  -moz-transform: scale(1.3);
  -moz-transform-origin: 50% 50%;
  -o-transform: scale(1.3);
  -o-transform-origin: 50% 50%;
  -webkit-transform: scale(1.3);
  -webkit-transform-origin: 50% 50%;
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%; }

/* -- prices styles --*/
.price {
  font-size: 120%;
  color: #000000;
  font-weight: bold;
  line-height: 100%; }

.price.large {
  font-size: 190%;
  margin-bottom: 20px; }

.price del,
.prod-price del {
  color: #777777;
  font-weight: normal; }

.price ins,
.prod-price ins {
  text-decoration: none; }

.price .from {
  font-weight: normal;
  color: #777777;
  font-size: 80%; }

/* -- callout bubble (sale) -- */
.callout {
  position: absolute;
  left: 0;
  top: 20px;
  z-index: 9;
  text-transform: uppercase;
  pointer-events: none;
  opacity: .95; }

.callout .inner {
  background: #d26e4b;
  position: relative;
  display: table; }

.callout.has-sale {
  margin-top: 40px;
  -webkit-transform: scale(0.8);
  opacity: .9; }

.callout.large.has-sale {
  margin-top: 65px; }

.small .callout.has-sale {
  margin-top: 25px; }

.callout.style1 .inner {
  width: 55px;
  height: 55px;
  border-radius: 999px; }

.callout .inner .inner-text {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  font-weight: bold; }

.callout.style1.large {
  top: 30px;
  left: -5px; }

.callout.style1.large .inner {
  width: 90px;
  height: 90px; }

.callout.large .inner .inner-text {
  font-size: 28px;
  line-height: 28px; }

.product.small .inner {
  width: 34px;
  height: 34px; }

.product.small .callout .inner-text {
  font-size: 11px; }

.callout.style2 {
  left: 10px;
  top: 40px; }

.callout.style2.large {
  left: 15px;
  top: 60px; }

.callout.style2 .inner {
  padding: 10px; }

.callout.style2.large .inner {
  padding: 10px; }

.callout.style3 {
  left: 20px;
  top: 10px; }

.callout.style3 .inner {
  background: none !important;
  border: 2px solid #627f9a; }

.callout.style3 .inner .inner-text {
  color: #627f9a;
  font-size: 12px;
  padding: 0 3px; }

.callout.style3.large {
  top: 30px;
  left: 40px; }

.callout.style3.large .inner .inner-text {
  font-size: 16px;
  padding: 0 10px; }

/* -- quick view button -- */
.quick-view {
  font-weight: bold;
  font-size: 78%;
  opacity: 0;
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  color: #ffffff;
  background: #627f9a;
  text-align: center;
  text-transform: uppercase;
  padding: 5px 0; }

.product-image:hover .quick-view {
  bottom: 0;
  opacity: .9; }

.quick-view:hover {
  text-decoration: underline; }

/* -- price slider fix -- */
.widget_price_filter input {
  display: none !important; }

/* -- filter */
.category-filtering {
  margin: -25px 0 5px; }

a.filter-button {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  opacity: .6;
  position: relative;
  text-transform: uppercase;
  padding: 15px 0;
  display: inline-block; }

.dark a.filter-button {
  color: #ffffff; }

a.filter-button span {
  margin-right: 5px;
  position: relative;
  top: 0; }

a.filter-button:hover {
  opacity: 1; }

.category-filtering .widget {
  position: relative;
  top: 7px;
  margin: 0 15px;
  display: inline-block; }

.category-filtering .widget_layered_nav_filters li {
  margin-bottom: 0; }

/* -- Add to cart button - icon -- */
.add-to-cart-grid {
  position: absolute;
  bottom: -30px;
  -webkit-transition: all 350ms ease-out;
  transition: all 350ms ease-out;
  left: 10px;
  display: block;
  top: auto;
  right: auto;
  padding: 0;
  margin: 0; }

.product-image:hover .add-to-cart-grid {
  bottom: 35px; }

.product-image .added_to_cart {
  display: none !important; }

.product-image .cart-icon strong {
  padding: 1px 3px 0;
  font-size: 8px;
  margin: 0;
  line-height: 14px; }

.product-image .cart-icon .cart-icon-handle {
  top: 0px;
  height: 6px;
  width: 10px;
  right: 50%;
  margin-right: -5px; }

.add-to-cart-grid .cart-icon strong:hover {
  color: #ffffff; }

.add-to-cart-grid.added .cart-icon strong,
.add-to-cart-grid.loading .cart-icon strong {
  color: #ffffff;
  border-color: #7a9c59;
  background-color: #7a9c59; }

.add-to-cart-grid.added .cart-icon .cart-icon-handle {
  border-color: #7a9c59; }

.add-to-cart-grid .icon-inner:before {
  content: '\e00c';
  font-weight: normal; }

.add-to-cart-grid.added .icon-inner:before,
.add-to-cart-grid.loading .icon-inner:before {
  content: '\e00a'; }

/* -- Add to cart button - button -- */
.add_to_cart_button.button {
  margin-top: 15px;
  margin-bottom: 15px; }

/* --  Grid frames --  */
.category-page .grid-frame .inner-wrap {
  padding: 8px;
  border: 1px solid #eeeeee; }

.category-page .grid-boxed .inner-wrap {
  background-color: #ffffff;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.2); }

.category-page .grid-boxed .info {
  padding: 5px 15px 12px; }

.category-page .grid-boxed table {
  margin: 0; }

/* -- add to wishlist --*/
.yith-wcwl-add-to-wishlist {
  position: absolute;
  top: 10px;
  right: 20px;
  margin-top: 0;
  z-index: 98;
  height: 30px; }

.yith-wcwl-wishlistexistsbrowse .feedback,
.yith-wcwl-wishlistaddedbrowse .feedback {
  display: none; }

.yith-wcwl-wishlistexistsbrowse a,
.yith-wcwl-add-button a.add_to_wishlist,
.yith-wcwl-wishlistaddedbrowse a {
  text-indent: -9999px;
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
  border: 3px solid #000000;
  border-radius: 99px;
  color: #000000;
  padding: 5px; }

.yith-wcwl-wishlistexistsbrowse a:before,
.yith-wcwl-add-button a.add_to_wishlist:before,
.yith-wcwl-wishlistaddedbrowse a:before {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  text-indent: 0;
  content: '\e000';
  font-size: 16px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.yith-wcwl-add-to-wishlist a {
  color: #000000;
  opacity: 0; }

.product-small:hover .yith-wcwl-add-to-wishlist a,
.featured-product:hover .yith-wcwl-add-to-wishlist a,
.product-gallery:hover .yith-wcwl-add-to-wishlist a {
  opacity: .3; }

.yith-wcwl-add-to-wishlist a:hover {
  color: #c60000;
  border-color: #c60000;
  opacity: 1 !important; }

.yith-wcwl-wishlistexistsbrowse a,
.yith-wcwl-wishlistaddedbrowse a {
  color: #c60000;
  border-color: #c60000; }

.product-info .yith-wcwl-add-to-wishlist {
  display: none; }

.column-slider .yith-wcwl-add-to-wishlist {
  right: 25px; }

/* Popup message */
#yith-wcwl-popup-message {
  background: #ffffff;
  border: 1px solid #dddddd;
  line-height: 50px;
  padding: 15px;
  font-size: 120%;
  position: fixed;
  text-align: center;
  top: 50%;
  left: 50%;
  z-index: 10000;
  /* Thanks WP -.- */ }

/* -- add to wishlist product page -- */
.product-image .yith-wcwl-add-to-wishlist {
  top: 30px;
  right: 30px; }

.product-image .yith-wcwl-wishlistexistsbrowse a,
.product-image .yith-wcwl-add-button a.add_to_wishlist,
.product-image .yith-wcwl-wishlistaddedbrowse a {
  padding: 10px;
  height: 40px;
  width: 40px; }

/* -- New Grid styles -- */
.style-grid3 .price span {
  font-size: 85%; }

.style-grid3 .price span:last-of-type {
  display: block; }

.style-grid3 td {
  vertical-align: top; }

.style-grid3 .name {
  margin-top: 0;
  padding-right: 5px;
  margin-right: 10px;
  border-right: 1px solid #eeeeee; }

.style-grid3 .star-rating {
  font-size: 70%; }

.style-grid3 .category {
  opacity: .4; }

/* -- List style -- */
@media only screen and (min-width: 768px) {
  ul.large-block-grid-1 .product-category {
    width: 33.3333%;
    clear: none !important; }

  ul.large-block-grid-1 .inner-wrap p.name {
    font-size: 150%; }

  ul.large-block-grid-1 .inner-wrap > a,
  ul.large-block-grid-1 .inner-wrap > .info {
    display: inline-block;
    vertical-align: middle; }

  ul.large-block-grid-1 .inner-wrap > a {
    width: 25%; }

  ul.large-block-grid-1 .inner-wrap > .info {
    padding: 10px 30px;
    width: 70%; } }
/* -- YITH ajax navigation plugin compability -- */
.woocommerce-page .widget_layered_nav .yith-wcan-select-wrapper ul li.chosen a,
.woocommerce-page .widget_layered_nav .yith-wcan-select-wrapper ul li.chosen a {
  background-position: right;
  width: 100%; }

.yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li:hover,
.woocommerce-page .widget_layered_nav .yith-wcan-select-wrapper ul li,
.woocommerce-page .widget_layered_nav .yith-wcan-select-wrapper ul li.chosen {
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important; }

.yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li:hover {
  background-color: #f9f9f9; }

.button.yith-wcan-reset-navigation {
  margin-bottom: 0;
  font-size: 75%; }

.yith-wcan-loading {
  background-image: url("loader.html");
  height: 300px;
  position: relative; }

.yith-wcan-color li {
  border-bottom: 0 !important; }

/**********************************************************************/
/**************------------- 05. PRODUCT PAGE -------------************/
/**********************************************************************/
/* -- variation select box --*/
.single_variation_wrap {
  display: none; }

.single_variation_wrap span.price {
  margin-bottom: 15px;
  display: block; }

/* -- Product zoom -- */
.zoom-button {
  z-index: 98;
  opacity: .5;
  font-size: 16px;
  left: 30px;
  bottom: 30px;
  border: 3px solid #000000;
  color: #000000;
  border-radius: 99px;
  position: absolute;
  padding: 10px;
  cursor: pointer; }

.zoom-button:hover {
  opacity: 1; }

.product-zoom-lightbox .mfp-img {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

/* Product-page-sidebar (Upsell etc.) */
.product-page-aside {
  padding-top: 7px; }

.product-page-aside h6 {
  font-size: 11px;
  text-transform: uppercase; }

.product-page-aside .product {
  opacity: .7;
  margin-bottom: 10px; }

.product-page-aside .product:hover {
  opacity: 1; }

.up-sell.large-block-grid-2 li {
  padding: 0 3px 6px 3px !important;
  margin-bottom: 0; }

.up-sell.large-block-grid-2 li img {
  display: block; }

.up-sell .product.small {
  position: relative; }

.product-sidebar-right > .inner {
  border-left: 1px solid #eeeeee;
  padding-left: 30px; }

.product-sidebar-left > .inner {
  border-right: 1px solid #eeeeee;
  padding-right: 30px; }

/* -- product text top -- */
.product-page .size-chart {
  font-size: 80%;
  font-weight: normal; }

.product-page .custom.dropdown {
  width: 80% !important; }

.product-page .text-center .custom.dropdown {
  width: 80% !important;
  margin-left: auto !important;
  margin-right: auto !important; }

.product-page .prefix.last {
  border-radius: "0px 10px 0px 10px"; }

/* -- product text -- */
.product-info h4 span {
  color: #999999;
  text-transform: none; }

.product-info h4 a {
  font-size: 70%;
  text-transform: uppercase; }

/* -- attributes tab--  */
.shop_attributes th {
  width: 100px;
  padding-right: 15px; }

.shop_attributes tr {
  border-bottom: 1px solid #EEE; }

.shop_attributes p {
  margin: 0; }

/* -- product details -- */
.product-details {
  border-top: 1px solid #EEE; }

.product-details.sections-style {
  border: 0; }

.product-details .pos_pills {
  margin-top: 30px; }

/* -- prodcut meta --  */
.product_meta > span {
  display: block;
  border-top: 1px dotted #DDD;
  padding: 7px 0;
  font-size: 80%; }

/* -- variations -- */
.variations .value {
  margin-left: 0; }

.variations .value .minus,
.variations .value .plus {
  display: none !important; }

.variations select {
  margin-bottom: 0; }

.variations td {
  vertical-align: middle; }

.variations label {
  font-size: 95%;
  font-weight: bolder;
  margin: 0; }

.woocommerce-reset-row {
  position: relative; }

a.reset_variations {
  opacity: 0.5;
  position: absolute;
  font-size: 11px;
  bottom: 4px;
  right: 0; }

.variations .select-wrapper {
  width: 90%; }

/* -- related products --*/
.related-product h2 {
  text-transform: uppercase;
  padding-top: 0;
  font-size: 130%; }

/* --  Product info section style -- */
.product-page-sections h5 {
  text-transform: uppercase;
  opacity: .6;
  color: #111111; }

.product-page-sections #reviews h2 {
  display: none; }

.product-page-sections #reviews hr {
  display: none; }

.product-page-sections .entry-content {
  margin-top: 0; }

/* -- Product info tabs_vertical-style --*/
.tabs_vertical-style h3 {
  border-bottom: 0;
  padding-bottom: 15px; }

.tabs_vertical-style #reviews > .row {
  margin: 0 !important; }

.tabs_vertical-style #add_review.large-5 {
  padding-left: 15px; }

/* -- next prev products navigation -- */
.next-prev-nav {
  text-align: right;
  position: relative;
  margin-bottom: 30px; }

.next-prev-nav .prod-dropdown > a {
  font-size: 16px;
  line-height: 16px;
  display: block;
  padding-top: 2px;
  text-align: center;
  width: 25px;
  height: 25px;
  border: 2px solid;
  display: inline-block;
  border-radius: 99px;
  color: #cccccc; }

.next-prev-nav .prod-dropdown > a:hover {
  border-color: #627f9a;
  background-color: #627f9a;
  color: #ffffff; }

.next-prev-nav .icon-angle-left {
  padding-right: 2px; }

.next-prev-nav .icon-angle-right {
  padding-left: 2px; }

.prod-dropdown {
  display: inline-block;
  z-index: 99; }

.prod-dropdown .nav-dropdown {
  left: auto;
  right: 0 !important;
  width: auto;
  padding: 3px;
  margin: 0; }

.prod-dropdown .nav-dropdown img {
  width: auto;
  display: block; }

/****** PRODUCT REVIEWS ******/
#reviews .star-rating,
#reviews p.meta {
  display: inline-block; }

#reviews p.meta {
  margin-bottom: 5px; }

#reviews h2 {
  font-size: 130%;
  font-weight: normal; }

#reviews h2 strong {
  font-weight: bolder; }

#review_form {
  background: #ffffff;
  margin: 0 auto;
  padding: 40px; }

textarea#comment {
  height: 100px; }

.product-details.tabs_vertical-style #comments {
  width: 100%; }

.product-details.tabs_vertical-style #add_review {
  width: 100%;
  padding: 0; }

/* -- add review form  -- */
#add_review .inner {
  padding: 15px 30px;
  position: relative;
  background: #ffffff;
  border: 3px solid #dddddd; }

/* -- review-item -- */
.review-item {
  position: relative;
  border-bottom: 2px dotted #EEE;
  margin-bottom: 15px;
  font-size: 90%;
  min-height: 85px;
  padding-left: 90px; }

.review-item .avatar {
  position: absolute;
  left: 0;
  top: -5px; }

.review-item .description {
  color: #777777;
  font-style: italic;
  font-family: georgia;
  font-size: 105%;
  padding-right: 20%; }

/* -- review star rating form -- */
.woocommerce p.stars:after,
.woocommerce-page p.stars:after {
  content: '';
  display: block;
  clear: both; }

.woocommerce p.stars span,
.woocommerce-page p.stars span {
  width: 80px;
  height: 16px;
  position: relative;
  float: left;
  background: url(star.html) repeat-x left 0; }

.woocommerce p.stars span a,
.woocommerce-page p.stars span a {
  float: left;
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 0;
  padding-top: 16px;
  overflow: hidden; }

.woocommerce p.stars span a:hover,
.woocommerce-page p.stars span a:hover,
.woocommerce p.stars span a:focus,
.woocommerce-page p.stars span a:focus {
  background: url(star.html) repeat-x left -16px; }

.woocommerce p.stars span a.active,
.woocommerce-page p.stars span a.active {
  background: url(star.html) repeat-x left -32px; }

.woocommerce p.stars span a.star-1,
.woocommerce-page p.stars span a.star-1 {
  width: 16px;
  z-index: 10; }

.woocommerce p.stars span a.star-2,
.woocommerce-page p.stars span a.star-2 {
  width: 32px;
  z-index: 9; }

.woocommerce p.stars span a.star-3,
.woocommerce-page p.stars span a.star-3 {
  width: 48px;
  z-index: 8; }

.woocommerce p.stars span a.star-4,
.woocommerce-page p.stars span a.star-4 {
  width: 64px;
  z-index: 7; }

.woocommerce p.stars span a.star-5,
.woocommerce-page p.stars span a.star-5 {
  width: 80px;
  z-index: 6; }

/* -- yith_magnifier_zoom_wrap fix --*/
.product-gallery {
  margin-bottom: 25px; }

.yith_magnifier_zoom_wrap {
  z-index: 8 !important; }

/* -- Additional fields --*/
.product-addon {
  width: 100%;
  border-top: 1px solid #eeeeee;
  padding-top: 15px;
  font-size: 90%; }

.product-addon > h3 {
  font-size: 14px; }

.product-addon .select-wrapper {
  width: 90%; }

.product-addon input {
  margin-bottom: 3px; }

/* -- Easy Zoom -- */
.easyzoom {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.easyzoom img {
  vertical-align: bottom; }

.easyzoom.is-loading img {
  cursor: progress; }

.easyzoom.is-error img {
  cursor: not-allowed; }

.easyzoom-notice {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 150;
  width: 10em;
  margin: -1em 0 0 -5em;
  line-height: 2em;
  text-align: center; }

.easyzoom-flyout {
  position: absolute;
  z-index: 97;
  overflow: hidden;
  background: #ffffff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

/**
 * EasyZoom layout variations
 */
.easyzoom-flyout:hover {
  opacity: 1; }

.product-gallery-slider .slide .easyzoom-flyout img {
  max-width: 1400px !important;
  width: 1400px !important; }

/**********************************************************************/
/******************------------- 06. CART -------------****************/
/**********************************************************************/
/* -- mini cart -- */
li.mini-cart .nav-dropdown {
  right: 15px;
  width: 330px; }

.cart-icon {
  display: inline-block;
  position: relative;
  margin-bottom: -.2em; }

.cart-icon strong {
  display: inline-block;
  color: #627f9a;
  border: 2px solid #627f9a;
  position: relative;
  padding: 2px 8px;
  margin-left: 15px;
  z-index: 10; }

.cart-icon .cart-icon-handle {
  border: 2px solid #627f9a;
  border-bottom: 0;
  right: 50%;
  margin-right: -15px;
  top: -6px;
  height: 8px;
  width: 15px;
  position: absolute;
  -webkit-border-top-left-radius: 99px;
  -webkit-border-top-right-radius: 99px;
  -moz-border-radius-topleft: 99px;
  -moz-border-radius-topright: 99px;
  border-top-left-radius: 99px;
  border-top-right-radius: 99px; }

li.mini-cart:hover .cart-icon .cart-icon-handle {
  top: -8px; }

li.mini-cart .nav-dropdown {
  padding-right: 30px !important; }

li.mini-cart .nav-dropdown button {
  margin-bottom: 5px; }

strong.cart-name,
span.cart-price {
  color: #000000;
  opacity: .5; }

.active strong.cart-name,
.active span.cart-price {
  color: #000000;
  opacity: 1; }

a.cart_list_product_img {
  display: block;
  height: 70px;
  overflow: hidden;
  padding: 0 !important;
  margin-bottom: 5px; }

li.mini-cart.active .cart-icon strong {
  background-color: #627f9a;
  color: #ffffff; }

/* -- mini cart in top bar -- */
.mini-cart-top-bar span.label {
  font-weight: bolder;
  line-height: 0;
  padding: 2px 5px;
  margin-left: 5px;
  outline: 2px solid #ffffff; }

@media only screen and (min-width: 48em) {
  .right-links > ul.header-nav > li.mini-cart.hide-for-medium {
    display: none !important; } }
/* -- mini cart dropdown -- */
li.mini-cart {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

li.mini-cart .cart_list {
  max-height: 450px;
  max-height: 60vh;
  overflow-y: auto;
  z-index: 99;
  -webkit-overflow-scrolling: touch; }

.mini-cart-item {
  padding-bottom: 5px;
  border-bottom: 1px solid #DDD;
  margin-bottom: 10px !important;
  line-height: 100%; }

.mini-cart-item:last-of-type {
  margin-bottom: 0 !important; }

.mini-cart-item a:hover {
  text-decoration: none; }

.cart-inner p.empty {
  margin: 0;
  white-space: normal; }

.cart-inner .spinner {
  position: relative; }

/* -- custom cart icon -- */
.custom-cart-inner {
  display: block;
  width: 42px;
  padding-left: 32px;
  position: relative; }

.custom-cart-icon {
  position: absolute;
  right: 0;
  bottom: -8px;
  max-width: 32px; }

.custom-cart-count {
  position: absolute;
  font-size: 80%;
  font-weight: bolder;
  display: block;
  text-align: center;
  line-height: 20px;
  height: 20px;
  width: 20px;
  right: 0;
  z-index: 3;
  bottom: 7px;
  right: -10px;
  color: #ffffff;
  background-color: #d26e4b;
  font-weight: bold;
  border-radius: 100%; }

.mini-cart:hover .custom-cart-count {
  background: #000000; }

/* -- delete icon -- */
.remove .icon-close {
  border: 2px solid #DDD;
  display: block;
  height: 25px;
  width: 25px;
  text-align: center;
  color: #DDD;
  padding-top: 5px;
  border-radius: 99px;
  line-height: 12px;
  font-size: 10px;
  margin-top: 25%;
  display: inline-block; }

.remove .icon-close:hover {
  border-color: #000000;
  color: #000000; }

/* -- text -- */
.mini-cart-item a.cart_list_product_title {
  display: block;
  font-size: 75%;
  margin: 0;
  padding: 0 20px 0 0;
  white-space: pre-wrap; }

.mini-cart-item .cart_list_product_quantity,
.mini-cart-item .cart_list_product_price {
  font-size: 75%;
  display: inline-block;
  text-transform: uppercase; }

.mini-cart-item .cart_list_product_price {
  font-weight: bold; }

.mini-cart-item .cart_list_product_quantity {
  margin-left: 5px; }

.minicart_total_checkout {
  border-top: 1px solid #ddd;
  line-height: 100%;
  white-space: normal;
  color: #000000;
  text-align: center;
  padding: 8px 0;
  margin-bottom: 10px;
  text-transform: uppercase; }

.minicart_total_checkout span.amount {
  font-weight: bold;
  display: inline-block;
  margin-left: 5px; }

.mini-cart .nav-dropdown a.button {
  color: #ffffff !important;
  padding: 13px 0;
  margin-bottom: 10px;
  display: block; }

/* -- Cart tables -- */
table tr {
  border-bottom: 1px dotted #DDD; }

.shop_table .product-thumbnail {
  width: 90px; }

.shop_table thead th {
  padding-top: 4px;
  padding-bottom: 12px; }

.shop_table dl.variation {
  margin: 0;
  font-size: 80%;
  opacity: .6; }

.shop_table dl.variation p {
  margin: 0; }

.shop_table dl.variation dt,
.shop_table dl.variation dd {
  display: inline-block;
  margin: 0; }

.shop_table dl.variation dt {
  margin-right: 5px; }

.shop_table dl.variation dd {
  margin-right: 10px; }

.shop_table .product-price {
  padding-right: 20px; }

.shop_table .product-subtotal {
  font-weight: bold; }

.shop_table.cart td.product-name {
  padding: 0 30px;
  font-size: 100%;
  width: 35%; }

.shop_table td.product-quantity .quantity {
  margin-top: 10px; }

.shop_table.order_details .product-total,
.shop_table .product-total {
  text-align: right; }

.shop_table .total {
  color: #222222; }

.shop_table .shipping th {
  padding-right: 15px; }

.shop_table .shipping td {
  font-weight: normal; }

.shop_table.my_account_orders .order-total {
  border: 0; }

.cart_totals .order-total,
.shop_table .order-total {
  vertical-align: center;
  border-bottom: 3px solid #DDD;
  border-top: 1px solid #DDD; }

.cart_totals td {
  text-align: right; }

.cart_totals h2 {
  border-bottom: 3px solid #dddddd;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-size: 95%; }

.shop_table .cart-subtotal {
  border-top: 1px solid #dddddd; }

.checkout_table_item {
  border-bottom: 1px dotted #DDD; }

.checkout_table_item .product-total {
  text-align: right;
  font-weight: bold; }

.cart_totals p {
  line-height: 100%; }

.shop_table tfoot th {
  text-transform: uppercase;
  font-size: 80%; }

.shop_table tfoot td {
  text-align: right;
  font-weight: bold; }

ul#shipping_method {
  margin-bottom: 0; }

ul#shipping_method li {
  list-style: none;
  line-height: 90%;
  padding: 5px 0; }

ul#shipping_method li input,
ul#shipping_method li label {
  display: inline; }

ul#shipping_method li input {
  margin: 0 5px 0 0; }

/* -- shopping cart page -- */
.shop_table {
  margin-top: 4px; }

.shop_table thead {
  border-bottom: 3px solid #DDD;
  text-transform: uppercase;
  color: #555555; }

.shop_table .product-subtotal {
  text-align: right; }

.items_found_cart {
  margin-bottom: 15px;
  display: block; }

.cart-wrapper {
  padding-right: 30px;
  border-right: 1px solid #DDD; }

.cart-sidebar .button {
  margin-bottom: 10px; }

.cart-sidebar .widget-title {
  border-bottom: 3px solid #DDD;
  padding-bottom: 10px; }

.checkout-button {
  margin-bottom: 30px !important; }

.shipping-calculator-form select {
  margin-bottom: 0; }

a.shipping-calculator-button {
  text-transform: uppercase;
  font-size: 80%;
  padding: 5px 0;
  margin: 5px 0 0 0;
  border-top: 1px dashed #DDD;
  display: block;
  width: 100%; }

a.shipping-calculator-button:before {
  font-family: 'icomoon';
  content: "" !important;
  margin-right: 5px;
  font-size: 6px;
  position: relative;
  top: -2px; }

/* -- cross sells -- */
.cross-sells h2 {
  font-size: 100%;
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 15px;
  padding-top: 15px;
  border-top: 3px solid #DDD; }

.cross-sells ul {
  margin-left: 0; }

.cross-sells .row > .columns {
  padding: 0 !important; }

.woocommerce-cart .cart-empty,
.woocommerce-cart .return-to-shop {
  text-align: center; }

/**********************************************************************/
/****************------------- 07. CHECKOUT -------------**************/
/**********************************************************************/
/* -- Hide stuff for cleaner checkout (footers and banners) -- */
.woocommerce-checkout .footer-1,
.woocommerce-checkout .footer-2 {
  display: none !important; }

/* Custom country select box style */
.woocommerce-checkout .select2-container .select2-choice {
  padding: 4px 0 4px 8px;
  border-radius: 0; }

/* -- checkout breadcrumb --*/
.checkout-breadcrumb h1 {
  text-align: center;
  margin-bottom: 45px;
  text-transform: uppercase;
  font-weight: normal;
  color: #cccccc;
  font-size: 150%; }

.checkout-breadcrumb span.divider {
  display: inline-block;
  margin: 0 10px;
  opacity: .6; }

.woocommerce-cart .title-cart,
.woocommerce-checkout .title-checkout {
  font-weight: bolder;
  color: #333333; }

/* -- general checkout layout -- */
.woocommerce .order-review,
.woocommerce-checkout form.login {
  border: 3px solid #627f9a;
  padding: 30px; }

.woocommerce .checkout-group label {
  font-weight: bold; }

.checkout-group h3 {
  color: #627f9a;
  font-size: 130%;
  text-transform: uppercase;
  padding: 8px 0 10px;
  margin-bottom: 15px;
  border-top: 3px solid #DDD;
  width: 98.5%;
  border-bottom: 1px solid #EEE; }

.checkout-group h3:before,
.order-review h3:before {
  content: '\f107';
  font-family: 'icomoon';
  margin-right: 10px; }

.woocommerce-checkout .entry-title {
  width: 50%;
  display: inline-block; }

/* -- checkout fields --  */
.woo-billing p {
  display: inline-block;
  margin-bottom: 25px;
  width: 98.5%; }

.woo-billing p input {
  margin-bottom: 0; }

#billing_address_1_field {
  margin-bottom: 10px; }

#billing_first_name_field,
#billing_last_name_field,
#billing_email_field,
#billing_phone_field {
  width: 49%; }

#billing_first_name_field,
#billing_email_field {
  padding-right: 2%; }

label.checkbox {
  display: inline-block;
  margin-left: 10px;
  font-weight: normal; }

p.create-account-row {
  display: inline-block;
  width: 98.5%;
  padding: 15px 0 10px;
  border-bottom: 1px solid #DDD; }

.input-checkbox {
  display: inline-block; }

#order_comments {
  width: 98.5%; }

/* -- ship to other -- */
h3#ship-to-different-address {
  font-size: 100%;
  border-width: 1px; }

h3#ship-to-different-address:before {
  display: none; }

h3#ship-to-different-address label.checkbox {
  margin-left: 0; }

h3#ship-to-different-address input {
  margin-bottom: 0;
  margin-left: 10px; }

h3#ship-to-different-address:hover {
  color: #000000; }

/* -- checkout order review -- */
.order-review h3 {
  padding: 0 0 10px;
  color: #627f9a;
  text-transform: uppercase; }

ul.payment_methods {
  margin: 0 0 30px 0 !important; }

ul.payment_methods .input-radio {
  margin-bottom: 15px; }

ul.payment_methods li {
  list-style: none;
  border-bottom: 1px solid #DDD;
  padding-top: 5px; }

ul.payment_methods li label {
  display: inline-block;
  margin-left: 10px; }

ul.payment_methods p {
  font-size: 90%;
  line-height: 110%;
  opacity: .8; }

a.about_paypal {
  display: none; }

.form-row.terms {
  position: relative; }

.form-row.terms .checkbox {
  padding-left: 25px;
  margin: 0; }

.form-row.terms .input-checkbox {
  position: absolute;
  left: 0;
  top: 4px; }

/* -- checkout page -- */
.page-checkout .woocommerce-info {
  margin-bottom: 0;
  padding-top: 0; }

.woocommerce-checkout .shipping_address {
  display: none; }

/* -- payment methods -- */
.payment_method_paypal img {
  max-width: 150px;
  margin-left: 5px; }

a.about_paypal {
  font-size: 10px;
  margin-left: 5px; }

/* -- checkout country dropdown fixes -- */
a.chzn-single {
  background: #ffffff !important;
  -webkit-border-radius: 0 !important; }

.woocommerce-checkout .form-row .chzn-container-single .chzn-single {
  height: 32px !important;
  line-height: 33px !important; }

/* -- Thank you -- */
.page-checkout .addresses {
  margin-bottom: 30px; }

/**********************************************************************/
/*****************------------- 08. SLIDERS -------------**************/
/**********************************************************************/
/* -- slider container -- */
.iosSlider {
  position: relative;
  top: 0;
  left: 0;
  text-align: left;
  -webkit-transition: min-height 500ms ease-out;
  transition: min-height 500ms ease-out;
  margin-bottom: 30px; }

.row .iosSlider .row {
  max-width: 67.5em;
  margin: 0 auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 67.5em; }

.ux_slider_wrapper {
  position: relative; }

.iosSlider .slider {
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent; }

.iosSlider .slider .slide {
  float: left;
  width: 100%; }

.iosSlider.default {
  position: relative;
  height: 300px;
  min-height: 300px;
  overflow: hidden;
  width: 100%;
  position: relative; }

.iosSlider.blog-posts {
  height: 200px;
  min-height: 300px;
  overflow: hidden;
  width: 100%;
  margin-bottom: 15px !important; }

.iosSlider.lookbook-slider {
  height: 300px;
  min-height: 300px;
  overflow: hidden;
  width: 100%; }

.iosSlider.product-gallery-slider {
  height: 465px;
  min-height: 465px;
  overflow: hidden;
  width: 100%; }

.iosSlider .slider > .ux_banner {
  float: left;
  width: 100%;
  height: 100%; }

.iosSlider .slider > a {
  display: block; }

.iosSlider .slider > a img {
  width: 100% !important; }

.cat-header .iosSlider,
.row.full-width .iosSlider {
  margin-bottom: 0; }

.iosSlider .product-image .front-image img,
.iosSlider .product-image .back-image img {
  width: 100% !important; }

.ux_slider_wrapper .row.container > .columns {
  margin-bottom: 0 !important; }

.slider .ux-section {
  min-width: 100% !important;
  width: 100%; }

.slider > .columns {
  padding: 0 !important; }

/* -- product gallery / thumbnail slider -- */
.product-gallery-slider {
  overflow: hidden;
  margin-bottom: 15px; }

.product-gallery-slider .slide > a {
  display: block; }

.product-gallery-slider .slide img {
  width: 100% !important;
  display: block; }

.product-gallery-slider .sliderNav.small a {
  background: none !important;
  box-shadow: none !important;
  width: 10% !important; }

.product-gallery-slider .sliderNav.small a.nextSlide span {
  left: 15px;
  border: 0;
  line-height: 28px; }

.product-gallery-slider .sliderNav.small a.prevSlide span {
  right: 15px;
  border: 0;
  line-height: 28px; }

.product-thumbnails .sliderNav.small a {
  bottom: 10px;
  background: none !important;
  box-shadow: none !important; }

.product-thumbnails .sliderNav.small a.disabled.nextSlide {
  left: -50px; }

.product-thumbnails .sliderNav.small a.disabled.prevSlide {
  right: -50px; }

.product-thumbnails .sliderNav.small a span {
  top: 40%;
  border: 0;
  line-height: 28px; }

/* -- product gallery slider -thumbnails  -- */
.product-thumbnails {
  width: 100%;
  overflow: hidden;
  margin-bottom: 0;
  white-space: nowrap; }

.product-thumbnails .thumb {
  width: 116px !important;
  overflow: hidden;
  border: 1px solid #EEE;
  margin: 0 15px 0 0;
  display: inline-block;
  opacity: .5; }

.product-thumbnails .thumb img {
  display: block;
  width: 100%; }

.product-thumbnails .thumb:hover img,
.product-thumbnails .thumb.selected img {
  margin-top: -10px; }

.product-thumbnails .thumb:hover,
.product-thumbnails .thumb.selected {
  opacity: 1;
  border-color: #cccccc; }

/* -- slider navigation -- */
.iosSlider .sliderNav a {
  z-index: 2;
  width: 7%;
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0; }

.iosSlider .sliderNav a span {
  display: block;
  line-height: 30px;
  position: absolute;
  top: 50%;
  margin-top: -19px;
  font-size: 32px;
  width: 38px;
  height: 38px;
  text-align: center;
  color: #ffffff;
  border: 3px solid #ffffff;
  border-radius: 99px; }

.iosSlider .sliderNav a:hover span {
  background: #627f9a;
  color: #ffffff;
  border-color: #627f9a; }

.iosSlider:hover .sliderNav a {
  opacity: .7; }

.iosSlider .sliderNav a:hover {
  opacity: 1; }

.iosSlider .sliderNav a.nextSlide {
  left: 0; }

.iosSlider .sliderNav a.prevSlide {
  right: 0; }

.iosSlider .sliderNav a.nextSlide span {
  left: 30%;
  padding-right: 3px; }

.iosSlider .sliderNav a.prevSlide span {
  right: 30%;
  padding-left: 3px; }

/* -- small slider arrows (used on product sliders and blog slider -- */
.sliderNav.small a {
  width: 15px; }

.iosSlider:hover .sliderNav.small a {
  width: 40px; }

.sliderNav.small a {
  opacity: 1;
  background: rgba(255, 255, 255, 0.8) !important; }

.sliderNav.small a.disabled {
  opacity: 0 !important; }

.product-image .sliderNav a {
  top: 100px;
  bottom: 100px; }

.iosSlider:hover .sliderNav.small a {
  box-shadow: 0 -150px 30px 0 rgba(0, 0, 0, 0.2); }

.iosSlider:hover .sliderNav.small a span {
  opacity: 1; }

.sliderNav.small a span {
  opacity: 0;
  border-color: #000000;
  color: #000000;
  height: 30px;
  width: 30px;
  border-width: 2px;
  line-height: 24px; }

.sliderNav.small a.nextSlide span {
  left: 0;
  padding-right: 3px; }

.sliderNav.small a.prevSlide span {
  right: 0;
  padding-left: 3px; }

.iosSlider .sliderNav.simple a {
  border: 0; }

.iosSlider .sliderNav.simple a span {
  line-height: 26px; }

.iosSlider .sliderNav.dark a {
  color: #777777; }

.iosSlider .sliderNav.simple a.nextSlide {
  left: 10px; }

.iosSlider .sliderNav.simple a.prevSlide {
  right: 10px; }

/* -- column slider styles -- */
.row.column-slider {
  position: relative; }

.column-slider .iosSlider {
  margin-bottom: 30px; }

.column-slider .product-small,
.column-slider .ux-box {
  padding: 0 !important; }

.column-slider .product-small .inner-wrap > a {
  display: block;
  padding: 0 15px; }

.column-slider .ux-box > .inner {
  padding: 0 15px; }

.column-slider .slider {
  margin: 0 !important; }

.ux-section .column-slider .ux-box {
  padding-bottom: 5px !important; }

.column-slider .blog_shortcode_item {
  padding: 0 !important; }

.column-slider .blog_shortcode_item a {
  display: block;
  padding: 0 15px; }

.column-slider .sliderNav a span {
  top: 50%;
  margin-top: -50px; }

.category-slider .sliderNav a span,
.slider-center-arrows .sliderNav a span {
  margin-top: -15px; }

.ux-block-text-overlay-slider .sliderNav a {
  opacity: 0;
  background-color: transparent !important; }

.blog-posts .sliderControlls {
  opacity: 0;
  -webkit-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out; }

.blog-posts .ux-text-overlay .tx-div {
  display: none; }

.blog-posts:hover .sliderControlls {
  opacity: 1; }

.featured-items-slider.style-2 .sliderNav span {
  margin: 0 10px; }

.column-slider .info.style-grid2 {
  padding-left: 15px; }

.column-slider .callout.style2 {
  left: 15px; }

.column-slider .callout.style3 {
  left: 25px; }

.column-slider .style-grid3 {
  padding-left: 15px;
  padding-right: 15px; }

/* -- slider bullets -- */
.sliderBullets {
  position: absolute;
  bottom: 25px;
  left: 10%;
  right: 10%;
  text-align: center;
  -webkit-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
  z-index: 2; }

.sliderBullets .bullet,
.flipContainer .pager span.dot {
  display: inline-block;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  border: 3px solid #ffffff;
  opacity: .5;
  border-radius: 99px;
  -webkit-transition: background 200ms ease-out;
  transition: background 200ms ease-out; }

.sliderBullets .bullet.active,
.sliderBullets .bullet:hover,
.flipContainer .pager span.dot.current {
  opacity: 1;
  background: #ffffff;
  cursor: pointer; }

.iosSlider.small-slider .sliderBullets {
  display: none !important; }

/* -- dont hide nav -- */
.dont_hide_nav .sliderNav a {
  opacity: .8; }

/* -- div fixes -- */
.shortcode_tabgroup .column-slider .sliderNav {
  top: -50px; }

/* slider columns */
.slider.columns-2 > * {
  max-width: 50% !important; }

.slider.columns-3 > * {
  max-width: 33.333% !important; }

.slider.columns-4 > * {
  max-width: 25% !important; }

/**********************************************************************/
/**************------------- 09. BANNER SYSTEM -------------***********/
/**********************************************************************/
/* --  banner grid */
.ux_banner-grid {
  margin-left: -7.5px !important;
  margin-right: -7.5px !important; }

.ux_banner-grid .columns {
  margin-bottom: 15px;
  margin-left: -.1px; }

.ux_banner-grid .columns > .column-inner {
  padding-left: 7.5px;
  padding-right: 7.5px; }

.ux_banner-grid .columns > img {
  margin-bottom: 10px; }

.ux_banner-grid .iosSlider {
  margin-bottom: 0 !important;
  top: 0 !important; }

.ux-grid-column .column-inner,
.ux-grid-column .ux_banner,
.ux-grid-column .ux_slider_wrapper,
.ux-grid-column .ux_slider_wrapper .iosSlider,
.ux-grid-column .ux_slider_wrapper .slider {
  height: 100% !important; }

.ux-grid-column.columns {
  margin-bottom: 15px; }

/* -- ux banner -- */
.ux_banner .inner-wrap.animated {
  opacity: 0; }

#content > .ux_banner,
#content > .ux_block > .ux_banner {
  margin-bottom: 30px; }

.ux_banner {
  word-wrap: normal;
  background: #627f9a;
  line-height: 140%;
  display: block;
  position: relative;
  overflow: hidden; }

.ux_banner,
.ux_slider_wrapper {
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.ux_banner.light {
  background: #f9f9f9; }

.ux_banner .banner-bg,
.ux-section .banner-bg,
.ux-section .bg-overlay,
.ux_banner .bg-overlay,
.ux-section-img {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%; }

.ux_banner .bg-overlay {
  z-index: 2; }

.ux_banner .banner-effect {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
  background-color: transparent; }

.ux_banner.full-height {
  min-height: 100vh; }

.ux_banner .row {
  position: relative;
  height: 100%;
  z-index: 2;
  max-width: 67.5em !important;
  margin-left: auto !important;
  margin-right: auto !important; }

/* UX Sections */
.ux-section {
  position: relative;
  overflow: hidden; }

.ux-section.dark {
  background-color: #000000; }

.ux-section .banner-bg.ux_parallax,
.ux_banner .banner-bg.ux_parallax {
  background-attachment: scroll !important;
  opacity: 0; }

.ux-section .ux-section-content {
  z-index: 10;
  position: relative; }

#content .slider .ux-section {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.ux-section-img {
  left: auto;
  right: 0;
  width: 50%;
  background-position: bottom left;
  background-size: auto 100%; }

.ux-section-img img {
  display: none; }

.ux-section-img.left {
  right: auto;
  left: 0;
  background-position: bottom right; }

.ux-section-img.top,
.ux-section-img.bottom {
  position: relative;
  width: 100% !important; }

.ux-section-img.top {
  margin-bottom: 30px;
  background-position: top center; }

.ux-section-img.bottom {
  margin-top: 30px;
  background-position: bottom center; }

.ux-section-img.bottom img,
.ux-section-img.top img {
  display: block;
  margin: 0 auto;
  visibility: hidden;
  width: 100%;
  max-width: 67.5em; }

.ux-section.has-img-top {
  padding-top: 0 !important; }

.ux-section.has-img-bottom {
  padding-bottom: 0 !important; }

.ux_parallax.parallax-active {
  opacity: 1; }

.parallax_img_inner {
  opacity: 0; }

/* section title */
.ux-bg-title {
  text-align: center;
  position: relative;
  bottom: -26px;
  z-index: 99; }

.ux-bg-title span {
  color: #627f9a;
  font-size: 80%;
  display: inline-block;
  background: #ffffff;
  text-transform: uppercase;
  padding: 5px 15px;
  border: 2px solid #627f9a; }

.text-center .button {
  margin: 10px 5px 10px; }

.text-right .button {
  margin: 10px 0 10px 10px; }

.text-left .button {
  margin: 10px 10px 10px 0; }

.ux_banner .center,
.ux-text-overlay .text-vertical-center {
  bottom: 50% !important;
  top: auto !important;
  text-align: center;
  -webkit-transform: translateY(50%) !important;
      -ms-transform: translateY(50%) !important;
          transform: translateY(50%) !important; }

.ux_banner .center.bottom,
.ux_banner .center.top {
  -webkit-transform: translateY(0) !important;
      -ms-transform: translateY(0) !important;
          transform: translateY(0) !important; }

/* ux banner inner */
.ux_banner .inner {
  white-space: normal;
  z-index: 3;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0 auto; }

.ux_banner .inner.left {
  left: 10%;
  right: auto;
  text-align: left; }

.ux_banner .inner.far-left {
  left: 20px;
  right: auto;
  text-align: left; }

.ux_banner .inner.right {
  left: auto;
  right: 10%;
  text-align: right; }

.ux_banner .inner.far-right {
  left: auto;
  right: 20px;
  text-align: right; }

.ux_banner .inner.top {
  top: 12% !important;
  margin: 0 auto !important;
  bottom: auto !important; }

.ux_banner .inner.bottom {
  bottom: 12% !important;
  margin: 0 auto !important;
  top: auto !important; }

.ux_banner .inner.far-bottom {
  bottom: 0 !important;
  top: auto !important; }

.ux_banner .inner.far-top {
  top: 0 !important;
  bottom: auto !important; }

.ux_banner .inner.full-width {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important; }

.ux_banner .center .tx-div,
.ux_banner .center p {
  margin: 0 auto;
  max-width: 90%; }

.ux_banner .left .tx-div,
.ux_banner .left p,
.ux_banner .far-left .tx-div,
.ux_banner .far-left p {
  margin: 0 auto 0 0;
  max-width: 90%; }

.ux_banner .right .tx-div,
.ux_banner .far-right .tx-div,
.ux_banner .right p,
.ux_banner .far-right p {
  margin: 0 0 0 auto;
  max-width: 90%; }

.ux_banner .text-center .tx-div,
.ux_banner .text-center p {
  margin: 0 auto;
  max-width: 90%; }

.ux_banner .text-left .tx-div,
.ux_banner .text-left p {
  margin: 0 auto 0 0;
  max-width: 90%; }

.ux_banner .text-right .tx-div,
.ux_banner .text-right p {
  margin: 0 0 0 auto;
  max-width: 90%; }

.ux_banner .tx-div {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

.ux_banner .social-icons {
  margin-top: 10px;
  margin-bottom: 10px; }

.text-box-dark,
.text-box-light,
.text-box-primary {
  display: inline;
  line-height: 140% !important;
  padding: 5px 15px 6px; }

.text-box-dark {
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff; }

.text-box-light {
  background-color: #ffffff;
  color: #111111; }

.text-box-primary {
  background: #627f9a;
  color: #ffffff; }

.dark .text-box-light {
  color: #000000; }

.ux_banner .inner.text-boxed > .inner-wrap {
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1); }

/* -- text styles -- */
.text-bordered-white,
.text-bordered-primary,
.text-bordered-dark {
  border: 2px solid #ffffff;
  padding: 5px;
  display: inline-block; }

.text-bordered-dark {
  border-color: #000000; }

h1.text-bordered-white,
h1.text-bordered-primary,
h1.text-bordered-dark {
  padding: 15px; }

.text-boarder-top-bottom-white,
.text-boarder-top-bottom-dark {
  border-top: 3px solid #ffffff;
  padding-top: 15px;
  border-bottom: 3px solid #ffffff;
  padding-bottom: 15px;
  display: inline-block; }

.text-boarder-top-bottom-dark {
  border-color: #000000; }

/* -- category banners -- */
.ux_banner .cat-count,
.ux_banner .cat-title {
  position: relative; }

.ux_banner .cat-title {
  bottom: -10px; }

.ux_banner .cat-count {
  opacity: 0;
  bottom: -15px;
  font-size: 13px; }

.ux_banner:hover .cat-count {
  opacity: 1;
  bottom: 0; }

.ux_banner:hover .cat-title {
  opacity: 1;
  bottom: 0; }

/* -- hover styles -- */
.ux_banner.hover_fade .banner-bg,
.ux_banner.hover_zoom .banner-bg,
.ux_banner.hover_blur .banner-bg {
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out; }

/* -- hover style : fade effect --*/
.ux_banner.hover_fade:hover .banner-bg {
  opacity: .5; }

/* -- hover style : hover zoom --*/
.ux_banner.hover_zoom:hover .banner-bg {
  opacity: .5;
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
      transform: scale(1.15); }

/* -- hover style : blur -- */
.ux_banner.hover_blur {
  background-color: #666666 !important; }

.ux_banner.hover_blur:hover .banner-bg {
  opacity: .7;
  filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
  -moz-filter: blur(4px);
  -webkit-filter: blur(4px); }

/* -- Slide Effects -- */
.slider .slide-zoom-in {
  -webkit-transition: -webkit-transform 15s linear !important;
          transition: transform 15s linear !important;
  -webkit-transform: translateY(0) scale(1) !important;
      -ms-transform: translateY(0) scale(1) !important;
          transform: translateY(0) scale(1) !important; }

.current .slide-zoom-in {
  -webkit-transform: translateY(15%) scale(1.3) !important;
      -ms-transform: translateY(15%) scale(1.3) !important;
          transform: translateY(15%) scale(1.3) !important; }

.slider .slide-zoom-out {
  -webkit-transition: -webkit-transform 15s linear !important;
          transition: transform 15s linear !important;
  -webkit-transform: translateY(15%) scale(1.3) !important;
      -ms-transform: translateY(15%) scale(1.3) !important;
          transform: translateY(15%) scale(1.3) !important; }

.current .slide-zoom-out {
  -webkit-transform: translateY(0) scale(1) !important;
      -ms-transform: translateY(0) scale(1) !important;
          transform: translateY(0) scale(1) !important; }

/* -- video overlay -- */
.ux-banner-video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: 1; }

.ux-youtube {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2; }

/* -- font sizes -- */
.ux_banner h1,
.ux_text h1 {
  font-weight: bolder;
  font-size: 350%;
  line-height: 95%;
  margin: 15px 0; }

.ux_banner h2,
.ux_text h2 {
  font-size: 300%;
  line-height: 100%;
  margin: 15px 0; }

.ux_banner h3,
.ux_text h3 {
  font-size: 200%;
  line-height: 100%;
  margin: 15px 0; }

.ux_banner h4,
.ux_text h4 {
  font-size: 150%;
  line-height: 100%;
  margin: 10px 0; }

.ux_banner h5,
.ux_text h5 {
  font-size: 100%;
  line-height: 100%;
  margin: 10px 0; }

.ux_banner h6,
.ux_text h6 {
  font-size: 60%;
  line-height: 100%;
  margin: 10px 0; }

.ux_banner p {
  font-size: 60%;
  line-height: 120%;
  margin-bottom: 15px !important; }

.ux_banner strong {
  font-weight: 800; }

/* large headers */
.h-large {
  font-size: 200%;
  line-height: 100%; }

.h-xlarge {
  font-size: 300%;
  line-height: 100%; }

.h-xxlarge {
  font-size: 400%;
  line-height: 100%; }

.ux_banner .h-large,
.ux_text .h-large {
  font-size: 650%;
  line-height: 85%;
  padding: 0 !important; }

.ux_banner .h-xlarge,
.ux_text .h-xlarge {
  font-size: 1200%;
  line-height: 85%;
  padding: 0 !important; }

.ux_banner .h-xxlarge,
.ux_text .h-xxlarge {
  font-size: 1500%;
  line-height: 85%;
  padding: 0 !important; }

.large-1 .ux_banner,
.large-2 .ux_banner {
  font-size: 7px; }

.grid-small-height.large-6 .ux_banner,
.large-3 .ux_banner,
.large-4 .ux_banner {
  font-size: 8px; }

.large-6 .ux_banner {
  font-size: 14px; }

.large-7 .ux_banner {
  font-size: 14px; }

.large-8 .ux_banner {
  font-size: 14px; }

.large-9 .ux_banner {
  font-size: 14px; }

.large-1 .ux_banner .button,
.large-2 .ux_banner .button,
.large-3 .ux_banner .button,
.large-4 .ux_banner .button {
  font-size: 140%; }

.large-6 .ux_banner .text-boxed,
.large-5 .ux_banner .text-boxed,
.large-4 .ux_banner .text-boxed {
  min-width: 50%; }

.large-3 .ux_banner .text-boxed {
  min-width: 80%; }

/* input styles */
.ux_banner .text-center input.ninja-forms-field {
  text-align: center; }

.ux_banner input.ninja-forms-field.button {
  margin-top: 0 !important; }

.ux_banner input[type='text'].ninja-forms-field {
  padding: .6em;
  font-size: 100%; }

.ux_banner .ninja-forms-success-msg p {
  color: #000000;
  padding: 10px;
  border: 1px solid #000000;
  margin: 0; }

.ux_banner.dark .ninja-forms-success-msg p {
  color: #ffffff;
  padding: 10px;
  border: 1px solid #ffffff;
  margin: 0; }

/* -- UX texts -- */
.ux_text {
  display: table;
  height: 100%;
  width: 100%; }

.ux_text .inner {
  display: table-cell;
  height: 100%;
  vertical-align: middle; }

.ux_text.top .inner {
  vertical-align: top; }

.ux_text.bottom .inner {
  vertical-align: bottom; }

.ux_text.text-center {
  margin: 0 auto; }

/* rotate styles */
.ux_banner .tilt-right {
  -ms-transform: rotate(3deg);
  /* IE 9 */
  -webkit-transform: rotate(3deg);
  /* Chrome, Safari, Opera */
  transform: rotate(3deg); }

.ux_banner .tilt-left {
  -ms-transform: rotate(-3deg);
  /* IE 9 */
  -webkit-transform: rotate(-3deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-3deg); }

/* smaller font sizes on small columns */
@media only screen and (max-width: 500px) {
  .ux_banner .inner {
    min-width: 60% !important; }

  .ux_banner {
    font-size: 9px; }

  .ux_banner p {
    font-size: 120%; } }
@media only screen and (min-width: 500px) {
  .ux_banner {
    font-size: 10px; }

  .ux_banner p {
    font-size: 115%; } }
@media only screen and (min-width: 600px) {
  .ux_banner {
    font-size: 12px; }

  .ux_banner p {
    font-size: 110%; } }
@media only screen and (min-width: 48em) {
  .ux_banner {
    font-size: 16px; }

  .ux_banner p {
    font-size: 100%; } }
/* mobile fixes */
@media only screen and (max-width: 48em) {
  .ux-section .banner-bg,
  .ux_banner .banner-bg {
    margin-top: 0 !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
        transform: none !important;
    opacity: 1 !important; } }
/* Touch fix */
html[data-useragent*='iPad'] .ux-banner-video {
  display: none !important; }

html[data-useragent*='iPad'] .ux-section .banner-bg.ux_parallax,
html[data-useragent*='iPad'] .ux_banner .banner-bg.ux_parallax,
html[data-useragent*='iPhone'] .ux-section .banner-bg.ux_parallax,
html[data-useragent*='iPhone'] .ux_banner .banner-bg.ux_parallax {
  background-position: 50% 20% !important;
  background-size: cover !important;
  background-attachment: scroll !important;
  opacity: 1 !important; }

/**********************************************************************/
/*************------------- 10. LIGHTBOX -------------*****************/
/**********************************************************************/
/*------------------------------------*\
  Popups
\*------------------------------------*/
/* - Magnific Popup CSS - */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s; }

.mfp-bg.mfp-ready {
  opacity: 0.6; }

.mfp-bg.mfp-removing {
  opacity: 0 !important; }

.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;
  -moz-box-sizing: border-box;
       box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-image-holder {
  padding: 40px 6.66%; }

.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;
  -webkit-transform: translateY(-20px) scale(0.95);
  -ms-transform: translateY(-20px) scale(0.95);
      transform: translateY(-20px) scale(0.95);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, scale 0.3s;
          transition: transform 0.3s, opacity 0.3s, scale 0.3s; }

.mfp-content-inner {
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2); }

.mfp-ready .mfp-content {
  opacity: 1;
  -webkit-transform: translateY(0px) scale(1);
      -ms-transform: translateY(0px) scale(1);
          transform: translateY(0px) scale(1); }

.mfp-ready.mfp-removing .mfp-content {
  opacity: 0; }

.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;
  -ms-user-select: none;
      user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #cccccc; }

.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;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  margin: 0 !important;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial,  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: currentColor; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: fixed;
  opacity: 0.4;
  filter: alpha(opacity=40);
  background-color: #555 !important;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.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;
  -webkit-transition: all 0.2s;
          transition: all 0.2s; }

.mfp-removing .mfp-arrow-left {
  left: -100px; }

.mfp-removing .mfp-arrow-right {
  right: -100px; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px; }

.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;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 0 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: #444444; }

.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 {
  font-size: 11px;
  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; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /** Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -moz-box-sizing: border-box;
         box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    position: fixed;
    text-align: center;
    padding: 0; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
        transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
        transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
        transform-origin: 100%; } }
.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/* Off canvas popups */
.off-canvas .mfp-content, .off-canvas.mfp-ready.mfp-removing .mfp-content {
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 260px;
  background-color: #333;
  left: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: -webkit-transform 0.2s;
          transition: transform 0.2s;
  -webkit-transform: translateX(-270px);
      -ms-transform: translateX(-270px);
          transform: translateX(-270px);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); }

.off-canvas .mfp-content::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important; }

.off-canvas .mfp-close {
  display: none; }

.off-canvas.right .mfp-content, .off-canvas.right.mfp-ready.mfp-removing .mfp-content {
  left: auto;
  right: 0;
  -webkit-transform: translateX(260px);
      -ms-transform: translateX(260px);
          transform: translateX(260px); }

.off-canvas.light .mfp-content, .off-canvas.light.mfp-ready.mfp-removing .mfp-content {
  background-color: #f6f6f6; }

.mfp-ready .mfp-content, .off-canvas.mfp-ready .mfp-content, .popup-box.mfp-ready .mfp-content {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

.off-canvas .sidebar-inner, .off-canvas .inner {
  padding: 30px; }

/* Fixes */
.mfp-content .large-12 {
  padding: 0 !important;
  margin-bottom: 0 !important; }

.mfp-content .nav-dropdown-inner {
  padding: 30px 15px; }

.off-canvas .hide-for-small {
  display: block !important; }

.mfp-content .widget_product_categories li ul.children {
  display: block !important; }

/**********************************************************************/
/*************------------- 11. SHORTCODES -------------***************/
/**********************************************************************/
/* -- Google maps --*/
#map_container {
  position: relative;
  margin-bottom: 30px; }

#map_container .map-info {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 30px; }

#map_container .map_inner {
  padding: 15px;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.8); }

/* -- Featured products. Used in Pintrest style / lookbook -- */
.featured-product {
  margin-bottom: 10px; }

.featured-product .product-bg {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: #627f9a;
  opacity: 0;
  color: #ffffff; }

.featured-product:hover .product-bg {
  opacity: .4; }

.featured-product .product-text {
  font-size: 80%;
  padding: 0 15%;
  position: absolute;
  top: 30%;
  width: 100%;
  text-align: center;
  opacity: 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }

.featured-product .product-text h3 {
  text-transform: uppercase;
  color: #ffffff; }

.featured-product:hover .product-text {
  opacity: 1; }

.featured-product .front-image img {
  width: 100% !important; }

.featured-product .price {
  font-size: 150%; }

.featured-product .star-rating {
  margin: 0 auto 10px; }

.featured-product .price .from,
.featured-product .price .amount {
  color: #ffffff; }

/* -- zoom style for pinterest grid -- */
.pinterest-style {
  margin-left: -5px;
  margin-right: -5px; }

.pinterest-style li {
  float: left;
  list-style: none;
  margin: 0;
  min-height: 200px; }

.pinterest-style .featured-product > a {
  display: block;
  overflow: hidden;
  margin: 5px; }

.pinterest-style .featured-product img {
  -webkit-transition: -webkit-transform 3s ease;
  transition: transform 3s ease; }

.pinterest-style .featured-product:hover img {
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
      transform: scale(1.25); }

/* -- lookbook slider -- */
.lookbook-slider ul {
  margin: 0 !important; }

.lookbook-slider li {
  padding: 0 !important; }

.lookbook-slider .quick-view {
  bottom: 42%;
  font-size: 95%;
  margin: 0 auto;
  opacity: 0;
  background: #ffffff !important;
  color: #000000;
  padding: 10px 20px;
  width: 170px; }

.lookbook-slider .product-image:hover .quick-view {
  bottom: 45%;
  opacity: .8; }

.lookbook-slider .callout {
  left: 20px !important; }

/* -- Testimonials -- */
.testimonial_inner {
  position: relative;
  padding-top: 15px;
  margin-bottom: 30px; }

.testimonial_text {
  font-style: italic; }

.testimonial_image img {
  width: 120px;
  margin-bottom: 30px; }

.text-left .testimonial_text {
  padding-left: 100px; }

.text-left .testimonial_image img {
  position: absolute;
  left: 0;
  top: 15px;
  width: 80px; }

.testimonial_text .test_content {
  line-height: 135%; }

.testimonial_text .test_name {
  display: inline-block;
  font-weight: bold; }

.testimonial_text .test_company {
  display: inline-block;
  margin-left: 5px;
  color: #777; }

.testimonial_text .star-rating {
  margin-bottom: 10px;
  font-style: normal; }

.slider > .testimonial.text-center > .testimonial_inner {
  padding: 30px; }

.slider.columns-1 > .testimonial.text-center > .testimonial_inner {
  padding: 30px 120px 40px; }

/* -- featured box -- */
.featured-box {
  position: relative;
  -webkit-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out; }

.featured-box .featured-img {
  margin-bottom: 10px; }

.featured-box .featured-img img {
  vertical-align: inherit; }

.featured-box h4 {
  font-size: 100%;
  margin-bottom: 5px;
  text-transform: uppercase; }

.featured-box h4 span {
  display: block;
  font-weight: normal;
  font-weight: 300;
  opacity: .9;
  text-transform: none; }

.featured-box p {
  font-size: 95%; }

.featured-box p:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0; }

.featured-box.pos-left {
  padding-left: 70px; }

.featured-box.pos-left .featured-img {
  position: absolute;
  left: 0;
  top: 3px;
  max-width: 50px; }

.row.boxed .featured-box.pos-left {
  padding-left: 40px; }

.row.boxed .featured-box.pos-left .featured-img {
  left: -20px;
  top: 20px;
  background: #000000;
  border-radius: 99px;
  padding: 5px; }

.featured-box.pos-center {
  text-align: center; }

.featured-box.pos-center .tx-div {
  margin: 0 auto 10px; }

.featured-box .box-inner img.featured-img {
  margin-bottom: 10px; }

/* -- UX Icons -- */
.featured-img {
  position: relative;
  display: inline-block;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  text-align: center; }

.featured-img svg {
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out; }

.featured-img-circle {
  border-radius: 999px;
  border: 1px solid #000000; }

.ux-section.dark svg {
  fill: #ffffff; }

/* -- message box -- */
.message-box {
  background-repeat: repeat-x;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 110%; }

.message-box .inner {
  padding: 15px; }

.message-box .inner .button {
  margin: 0 15px; }

.message-box p {
  padding: 0;
  margin: 0; }

/* -- add to cart shortcode --*/
p.product.woocommerce {
  border: 0 !important; }

p.product.woocommerce span.amount {
  display: block;
  font-size: 200%;
  font-weight: bold;
  margin-bottom: 5px; }

p.product.woocommerce .added_to_cart {
  display: block; }

/* -- price table -- */
.ux_price_table {
  background: #ffffff;
  border: 1px solid #eeeeee;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out; }

.ux_price_table:hover {
  box-shadow: 0 0 19px 0 rgba(50, 50, 50, 0.33); }

.ux_price_table li {
  list-style: none;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  margin: 0 30px; }

.ux_price_table ul {
  margin: 0; }

.ux_price_table .bullet-item {
  padding: 10px 0; }

.ux_price_table .price {
  font-weight: 400;
  font-size: 230%;
  padding: 30px 0;
  border: 0; }

.ux_price_table .description {
  font-size: 80%;
  opacity: .8;
  text-transform: uppercase;
  padding: 0 0 15px;
  border: 0; }

.ux_price_table .title {
  margin: 0;
  border: 0;
  text-transform: uppercase;
  font-weight: bold;
  padding: 5px 0;
  background-color: rgba(0, 0, 0, 0.01);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.ux_price_table .cta-button {
  background-color: rgba(0, 0, 0, 0.01);
  padding: 20px 0 30px;
  margin: 15px 0 0 0; }

.featured-table.ux_price_table {
  border: 2px solid #627f9a;
  margin-top: -15px;
  z-index: 3; }

.featured-table.ux_price_table .title {
  background-color: #627f9a;
  color: #ffffff; }

.featured-table.ux_price_table .price {
  font-size: 300%; }

.bullet-more-info {
  display: inline-block;
  background: #dddddd;
  font-weight: bolder;
  font-size: 11px;
  width: 15px;
  height: 15px;
  padding: 0;
  line-height: 15px;
  color: #ffffff;
  margin-left: 5px; }

.scroll-to {
  height: 0;
  display: block;
  position: relative;
  visibility: hidden; }

.scroll-to-bullets {
  position: fixed;
  right: 45px;
  top: 40%;
  z-index: 99;
  text-align: right; }

.scroll-to-bullets a,
.scroll-to-bullets a strong {
  display: block;
  border-radius: 99px;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out; }

.scroll-to-bullets a {
  padding: 3px;
  margin-bottom: 3px; }

.scroll-to-bullets a strong {
  display: block;
  background-color: #627f9a;
  height: 10px;
  width: 10px;
  padding: 2px;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1); }

.scroll-to-bullets a.active,
.scroll-to-bullets a:hover {
  background-color: #627f9a; }

.scroll-to-bullets a.active strong,
.scroll-to-bullets a:hover strong {
  background-color: #ffffff; }

/* -- ux_logo --*/
.ux_logo {
  display: inline-block; }

.ux_logo a {
  display: block;
  opacity: .6; }

.ux_logo a:hover {
  opacity: 1; }

.ux_logo img {
  display: block; }

/* Instagram Feed */
.null-instagram-feed .widget-title:before {
  font-family: "icomoon" !important;
  content: "\e00e" !important;
  margin-right: 5px;
  font-size: 16px;
  font-weight: normal;
  opacity: 0.6; }

ul.instagram-pics {
  margin: 0; }

ul.instagram-pics li {
  list-style: none;
  display: inline-block;
  width: 20%;
  background-color: #FFF;
  margin: 0;
  padding: 0; }

ul.instagram-pics a {
  -webkit-transition: opacity .3s;
          transition: opacity .3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: block;
  margin: 0 !important;
  padding: 0 !important; }

ul.instagram-pics a:hover {
  opacity: 0.8; }

@media only screen and (max-width: 48em) {
  ul.instagram-pics li {
    width: 50%; } }
.widget-area ul.instagram-pics li {
  width: 33.3333%; }

/**********************************************************************/
/***************------------- 12. WIDGETS -------------****************/
/**********************************************************************/
/* -- widget layout -- */
.page #secondary {
  padding-top: 5px; }

.widget {
  margin-bottom: 30px; }

.widget .tx-div {
  margin-bottom: 20px; }

.widget-title {
  text-transform: uppercase;
  font-size: 95%; }

.widget h3.widget-title.shop-sidebar {
  border-bottom: 3px solid #EEE;
  padding: 0 0 5px;
  margin-bottom: 15px; }

/* -- widget list reset -- */
.widget ul li {
  line-height: 120%;
  list-style: none; }

.widget ul li:last-child {
  border: 0; }

.widget ul li:first-child {
  padding-top: 0; }

.widget ul {
  margin: 0;
  padding: 0; }

.widget li a {
  padding-bottom: 5px;
  display: block; }

/* -- woocommerce  widget_product_categories /layered nav / layered nav filters -- */
.widget_product_categories li a,
.widget_layered_nav li a,
.widget_layered_nav li span:not(.count),
.widget_layered_nav_filters li a {
  font-size: 90%;
  padding: 8px 0;
  color: #777777;
  display: inline-block;
  text-transform: uppercase; }

.widget_product_categories li a:hover,
.widget_layered_nav li a:hover,
.widget_layered_nav_filters li a:hover {
  color: #000000;
  text-decoration: underline; }

.widget_layered_nav_filters .chosen a,
.dark .widget_layered_nav_filters .chosen a {
  font-size: 80%;
  color: #999999;
  border: 1px solid #cccccc;
  background: #f1f1f1;
  display: inline-block;
  padding: 2px 6px 2px;
  border-radius: 32px; }

.widget_layered_nav_filters .chosen a:hover {
  background: #000000;
  border-color: #000000;
  text-decoration: none;
  color: #ffffff; }

.widget_layered_nav_filters .chosen a:before {
  content: 'x';
  margin-right: 5px;
  font-size: 80%;
  color: #999999; }

.widget_product_categories li {
  position: relative; }

.widget_product_categories li .count,
.widget_layered_nav li .count {
  color: #cccccc;
  font-size: 80%;
  float: right;
  padding-top: 9px; }

.widget_product_categories > ul > li,
.widget_layered_nav > ul > li {
  border-bottom: 1px solid #eeeeee; }

.widget_layered_nav .chosen a {
  font-weight: bold; }

.widget_product_categories li {
  position: relative; }

.widget_product_categories li a {
  padding-right: 15px; }

.widget_product_categories li .count {
  position: absolute;
  top: 0;
  right: 0; }

.widget_product_categories li ul.children {
  display: none;
  padding: 5px 0 10px 15px; }

.widget_product_categories li ul.children li {
  border-top: 1px solid #f1f1f1; }

.widget_product_categories li.current-cat-parent ul.children {
  display: block; }

.widget_product_categories li.current-cat ul.children {
  display: block; }

.widget_product_categories li.current-cat > a {
  color: #000000;
  font-weight: bold; }

.widget_layered_nav_filters li {
  float: left;
  margin: 0 5px 5px 0; }

.widget_layered_nav_filters {
  overflow: hidden; }

/* -- product listing widget  -- */
.product_list_widget .wp-post-image {
  position: absolute;
  left: 0;
  width: 60px !important; }

.product_list_widget li {
  border-bottom: 1px solid #EEE;
  padding: 10px 0 10px 75px;
  position: relative;
  overflow: hidden;
  width: 100%; }

.product_list_widget li a {
  display: block;
  font-size: 95%; }

.product_list_widget span.amount {
  display: inline-block;
  font-weight: bold;
  color: #000000;
  margin-top: 3px; }

.product_list_widget del span.amount {
  color: #777777;
  font-weight: normal;
  text-decoration: line-through; }

.product_list_widget .variation {
  font-size: 80%;
  margin: 0; }

.product_list_widget .variation dt,
.product_list_widget .variation dd {
  display: inline-block; }

.product_list_widget .variation dd {
  margin: 0 0 0 5px; }

.product_list_widget .star-rating {
  font-size: 80%;
  margin-top: 5px; }

.product_list_widget .reviewer {
  font-size: 70%;
  text-transform: uppercase; }

/* -- shopping cart widget -- */
.widget_shopping_cart_content p.total {
  border-bottom: 2px dotted #cccccc;
  color: #000000;
  text-align: center;
  padding: 10px 0;
  border-top: 1px solid #EEE; }

.widget_shopping_cart_content .buttons .button {
  width: 100%;
  padding: 10px;
  text-transform: uppercase;
  font-size: 90%;
  margin: 0 0 5px 0; }

/* -- recent comments widget -- */
.widget_recent_comments li {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eeeeee; }

/* -- blog post widget -- */
.flatsome_recent_posts li {
  border-bottom: 1px solid #EEE;
  position: relative;
  padding: 0 0 10px 45px;
  margin-bottom: 10px; }

.flatsome_recent_posts li a {
  padding-bottom: 0; }

.flatsome_recent_posts .post-date {
  position: absolute;
  left: 0;
  top: 5px;
  width: 30px; }

.flatsome_recent_posts .post_comments {
  font-size: 80%;
  display: block;
  margin-top: 5px; }

/* -- text widget -- */
.textwidget {
  line-height: 160%;
  font-size: 100%; }

/* -- Cart widgets */
.widget_shopping_cart dd p {
  padding: 0;
  margin: 0; }

/* -- calender widget -- */
.widget_calendar caption {
  text-transform: uppercase;
  font-weight: bold;
  padding: 15px 0;
  border-top: 2px solid #DDD; }

/* -- rss widget -- */
.widget_rss ul li {
  margin-bottom: 15px; }

.widget_rss ul li a.rsswidget {
  display: block; }

.widget_rss .rss-date {
  text-transform: uppercase;
  font-size: 80%; }

/* -- Nav menu -- */
.widget_nav_menu .menu {
 /*  height: 100%;*/
  padding-bottom: 30px; }

.widget_nav_menu ul li {
  font-size: 80%;
  text-transform: uppercase;
  font-weight: bold; }

.widget_nav_menu ul li a {
  display: block;
  padding: 10px 0;
  color: #999999;
  border-bottom: 1px solid #eeeeee; }

.widget_nav_menu ul li a:hover {
  color: #111111; }

.widget_nav_menu ul li.current-menu-item a {
  color: #000000;
  border-right: 3px solid #dddddd; }

.widget_nav_menu ul li ul {
  margin-left: 10px;
  display: none; }

/* -- product tag cloud widget -- */
.widget_product_tag_cloud,
.widget_tag_cloud {
  overflow: hidden; }

.widget_product_tag_cloud a,
.widget_tag_cloud a {
  color: #627f9a;
  display: inline-block;
  font-size: 12px !important;
  float: left;
  border: 1px solid #627f9a;
  padding: 4px 8px;
  margin: 0 5px 5px 0; }

.widget_product_tag_cloud a:hover,
.widget_tag_cloud a:hover {
  background: #627f9a;
  color: #ffffff; }

.dark .widget_product_tag_cloud a,
.dark .widget_tag_cloud a {
  color: #ffffff;
  border-color: #ffffff;
  opacity: .6; }

.dark .widget_product_tag_cloud a:hover,
.dark .widget_tag_cloud a:hover {
  background: #ffffff;
  color: #333333;
  opacity: 1; }

/* -- ninjaforms fix -- */
.ninja-forms-field-error,
.ninja-forms-required-items,
.footer .widget_ninja_forms_widget .ninja-forms-req-symbol,
.footer .widget_ninja_forms_widget #ninja_forms_required_items {
  display: none !important; }

.footer .widget_ninja_forms_widget .ninja-forms-form-wrap .ninja-forms-form .field-wrap.label-left .ninja-forms-field {
  margin: 0 !important; }

.ninja-forms-form-wrap .ninja-forms-form .field-wrap.label-left .ninja-forms-field,
.ninja-forms-form-wrap .ninja-forms-form .field-wrap.label-left .ninja-forms-star-rating-control {
  margin-left: 0 !important; }

/* -- Price filter widget  */
.widget_price_filter .price_slider {
  margin-bottom: 1em;
  background: #eeeeee; }
.widget_price_filter .price_label {
  padding-top: 6px; }
.widget_price_filter .price_slider_amount {
  text-align: right;
  line-height: 1;
  font-size: .8751em; }
  .widget_price_filter .price_slider_amount .button {
    float: left;
    font-size: 90%; }
.widget_price_filter .ui-slider {
  position: relative;
  text-align: left; }
.widget_price_filter .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: .9em;
  height: .9em;
  cursor: pointer;
  outline: none;
  top: -.2em;
  border-radius: 99px;
  background-color: #777777; }
  .widget_price_filter .ui-slider .ui-slider-handle:last-child {
    margin-left: -13px; }
.widget_price_filter .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background: #999999; }
.widget_price_filter .ui-slider-horizontal {
  height: .5em; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
  left: -1px; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
  right: -1px; }

/**********************************************************************/
/************------------- 13. DARK BG TYPE -------------**************/
/**********************************************************************/
/* -- general -- */
.dark {
  color: #dddddd; }

.dark a {
  color: #ffffff; }

.dark a:hover {
  color: #dddddd; }

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5 {
  color: #ffffff; }

.dark p {
  color: #dddddd; }

.dark .price {
  color: #ffffff; }

.dark .price del,
.dark .price .from {
  color: #eeeeee; }

.dark .tx-div {
  background-color: #ffffff;
  opacity: .3; }

.dark li.account-dropdown {
  border-color: rgba(255, 255, 255, 0.1) !important; }

/* -- header -- */
.dark-header #masthead #logo a,
.dark .testimonial_text .test_company,
.dark-header #masthead .wide-nav-search,
.dark-header .wide-nav-right {
  color: #ffffff !important; }

.dark-header #masthead .html-block a,
.dark-header #masthead .wide-nav-search a {
  color: #ffffff;
  opacity: .8; }

.dark-header #masthead .html-block a:hover,
.dark-header #masthead .wide-nav-search a:hover {
  opacity: 1; }

/* -- slider -- */
.dark > .sliderNav a span {
  border-color: #000000;
  color: #000000; }

.dark > .sliderBullets .bullet,
.flipContainer .pager span.dot {
  border-color: #000000; }

.dark > .sliderBullets .bullet.active,
.dark > .sliderBullets .bullet:hover,
.flipContainer .pager span.dot.current {
  background: #000000; }

/* -- navigation link colors -- */
.dark-header #masthead ul.header-nav a.nav-top-link,
.dark-header.wide-nav ul.header-nav a.nav-top-link,
.dark-header.wide-nav ul.header-nav a.nav-top-link,
.dark-header.wide-nav .wide-nav-right a {
  color: #ffffff;
  opacity: .8; }

.dark-header #masthead ul.header-nav li.active a.nav-top-link,
.dark-header.wide-nav ul.header-nav li.active a.nav-top-link,
.dark-header.wide-nav .wide-nav-right a:hover {
  color: #ffffff;
  opacity: 1; }

.dark-header #masthead .mobile-menu a {
  font-size: 32px;
  color: #ffffff; }

.dark-header #masthead strong.cart-name,
.dark-header span.cart-price {
  color: #ffffff;
  opacity: .8; }

.dark-header #masthead .active strong.cart-name,
.dark-header .active span.cart-price {
  color: #ffffff;
  opacity: 1; }

/* -- dropdown hover links -- */
.dark-header #masthead .header-nav li.mini-cart .cart-icon strong {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent; }

.dark-header #masthead .header-nav li.mini-cart.active .cart-icon strong {
  border-color: #ffffff;
  color: #000000;
  background-color: #ffffff !important; }

.dark-header #masthead .header-nav li.mini-cart .cart-icon .cart-icon-handle {
  border-color: #ffffff; }

.dark-header #masthead .header-nav li.account-dropdown,
.dark-header #masthead .header-nav li.html-block {
  border-color: rgba(255, 255, 255, 0.3); }

.dark-header .ux_banner-grid {
  margin-top: 40px; }

.dark-header .top-divider {
  display: none; }

/* -- forms  --*/
.dark form label {
  color: #eeeeee; }

/* -- social icons -- */
.dark .social-icons .icon,
.dark-header #masthead .social-icons .icon {
  border-color: #ffffff;
  color: #ffffff; }

/* -- widgets -- */
.dark .widget .post-date {
  border-color: #cccccc;
  color: #cccccc; }

.dark .widget .post-item:hover .post-date {
  background: #ffffff;
  color: #627f9a;
  border-color: #ffffff; }

.dark .product_list_widget span.amount {
  color: #ffffff; }

.dark .flatsome_recent_posts li,
.dark .product_list_widget li {
  border-color: #cccccc;
  border-color: rgba(255, 255, 255, 0.2); }

.dark .widget_nav_menu ul li a {
  color: #ffffff; }

.dark .widget_nav_menu ul li a:hover {
  color: #cccccc; }

.dark .widget_nav_menu ul li a {
  border-color: rgba(255, 255, 255, 0.2); }

/* -- footer -- */
.dark.absolute-footer ul li a:hover {
  color: #ffffff; }

/* -- div --*/
.dark #add_review .inner {
  background: #000000;
  background: rgba(0, 0, 0, 0.3);
  border: 0; }

.dark .shop_table thead {
  color: #eeeeee; }

.dark .top-divider {
  display: none; }

.dark .checkout-breadcrumb h1 {
  color: #cccccc; }

.woocommerce-cart .dark .title-cart,
.woocommerce-checkout .dark .title-checkout,
.dark .tabbed-content ul.tabs li.active a,
.dark .shop_table .total,
.dark .comment-list cite.fn,
.wide-nav.dark-header {
  color: #ffffff; }

.dark .woocommerce .order-review,
.dark .woocommerce-checkout form.login {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.3); }

#top-bar .social-icons a,
.dark .social-icons a,
.dark .checkout-group h3,
.dark .order-review h3 {
  color: #ffffff !important; }

.dark .widget_product_categories li a,
.dark .widget_layered_nav li a,
.dark .widget_layered_nav_filters li a {
  color: #eeeeee; }

.dark .ux_price_table,
.dark .ux_price_table .title {
  background: #000000;
  background: rgba(0, 0, 0, 0.9);
  border-color: black; }

.dark .tabbed-content ul.tabs li.active a,
.dark .tabbed-content ul.tabs li.current_page_item a {
  border-color: #ffffff; }

.site-main.dark .ux-box.ux-text-badge .ux-box-text {
  background-color: #000000; }

/* borders */
.dark-header .ux-header-element a,
#top-bar .social-icons a,
.dark .social-icons a.icon,
.dark-header #masthead .social-icons a.icon,
.dark .row.divided .columns > .column-inner,
.dark .row.divided .columns,
.dark h3.section-title.title_center span:before,
.dark h3.section-title.title_center span:after,
.dark .ux_price_table .bullet-item,
.dark .ux_price_table .description,
.dark .author-box,
.dark .tabbed-content ul.tabs li a,
.dark .product-details,
.dark .comment-list .children .comment-inner,
.dark .comment-list > li.comment > .comment-inner,
.dark .navigation-post .nav-next,
.dark .navigation-post,
.dark footer.entry-meta,
.dark .blog-pinterest-style .entry-content,
.dark .pagination-centered,
.dark .product-sidebar-right .inner,
.dark .widget h3.widget-title.shop-sidebar,
.dark .widget_product_categories > ul > li,
.dark .widget_layered_nav > ul > li,
.dark hr,
.dark .product_meta > span,
.dark .review-item,
.dark h3.section-title,
.dark .shop_table thead,
.dark .cart_table_item,
.dark .cart-wrapper,
.dark .cart-sidebar .widget-title,
.dark .cart_totals .total,
.dark .shop_table .total,
.dark table tr,
.product-info .social-icons {
  border-color: #666666;
  border-color: rgba(255, 255, 255, 0.2); }

/**********************************************************************/
/***************------------- 14. FIXES -------------******************/
/**********************************************************************/
@-moz-document url-prefix() {
  .select-wrapper:after {
    display: none; }

  .product-lightbox .quantity {
    display: none; }

  .quantity input[type=number] {
    -moz-appearance: textfield; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .select-wrapper:after {
    display: none; } }
/**********************************************************************/
/***************------------- 15. MOBILE -------------*****************/
/**********************************************************************/
@media only screen and (max-width: 48em) {
  /* -- layout -- */
  body {
    background: none !important; }

  #main-content {
    margin-top: 0 !important; }

  .row.container > .columns {
    margin-bottom: 15px; }

  .page-inner,
  body.framed-layout {
    padding: 0 !important;
    border: 0 !important; }

  #content .ux-section {
    padding-left: 0 !important;
    padding-right: 0 !important; }

  .ux_parallax,
  .parallax_img_inner {
    opacity: 1 !important; }

  /* -- Global -- */
  #top-bar .left-text {
    width: 100%;
    text-align: center; }

  #masthead .mobile-menu {
    display: table-cell !important;
    vertical-align: middle;
    padding-top: 16px; }

  #masthead .mobile-menu a {
    font-size: 32px;
    color: #627f9a;
    display: block;
    padding: 5px 5px 5px 0; }

  #masthead .right-links,
  #masthead .left-links {
    min-width: 32px;
    max-width: 32px; }

  #masthead.stuck .mobile-menu {
    padding: 0; }

  #masthead #logo {
    width: 100% !important;
    text-align: center;
    padding: 0 20px; }

  #masthead #logo a {
    float: none;
    margin: 0 auto; }

  #masthead #logo a img {
    margin: 0 auto;
    max-width: 100% !important; }

  html[data-useragent*='IEMobile'] #masthead #logo a img {
    max-width: 180px !important; }

  .mob-center {
    text-align: center !important; }

  .logo-center #logo {
    position: relative; }

  #masthead .left-links,
  .wide-nav,
  #top-bar .right-text,
  #top-link,
  #masthead .right-links .menu-item,
  #masthead .right-links .search-dropdown,
  .html-block-inner .search-wrapper {
    display: none !important; }

  .iosSlider.default.slider-hide-for-small {
    min-height: 0 !important;
    max-height: 0 !important;
    height: 0 !important;
    overflow: hidden !important; }

  .ux-box.ux-text-overlay .ux-box-text {
    opacity: 1;
    bottom: 10%; }

  .ux-box.ux-text-overlay .ux-box-image img {
    top: 0 !important;
    -webkit-transform: scale(1.05);
    opacity: .3; }

  .ux-box.ux-text-overlay .show-next {
    opacity: 1;
    bottom: 0; }

  li.mini-cart {
    padding: 0; }

  .cart-icon,
  .cart-icon strong {
    margin: 0; }

  .cart-icon .cart-icon-handle {
    margin-right: -8px; }

  ul.header-nav li {
    margin: 0; }

  .catalog-mode-header {
    display: none; }

  /* ux section */
  .ux-section-img {
    width: 100% !important;
    position: relative;
    width: 100%;
    background-size: cover;
    margin-bottom: 30px; }

  .ux-section-img img {
    display: block;
    width: 100%;
    visibility: hidden; }

  .ux-section.has-img {
    padding-bottom: 30px !important;
    padding-top: 30px !important; }

  .ux-section.has-img-top,
  .ux-section.has-img-left,
  .ux-section.has-img-right {
    padding-top: 0 !important; }

  .ux-section.has-img-bottom {
    padding-bottom: 0 !important; }

  .ux-section-img.bottom {
    margin-bottom: 0; }

  /* div header */
  .woocommerce-message a.button {
    position: relative;
    float: right;
    left: 0;
    right: 0; }

  .boxed-header .header-wrapper {
    margin-top: 0; }

  /* -- footer -- */
  .absolute-footer .left,
  .absolute-footer .right {
    float: none !important;
    width: 100%; }

  .absolute-footer ul {
    overflow: hidden;
    width: 100%; }

  .absolute-footer li {
    width: 100%; }

  .absolute-footer li a {
    padding: 15px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 110%; }

  .absolute-footer .right {
    padding-top: 15px; }

  /* -- messages -- */
  .woocommerce-message {
    padding-right: 0; }

  /* -- product page -- */
  .icons-row {
    margin-top: 0; }

  .icons-row a {
    width: 95%;
    display: block;
    border: 0 !important;
    margin: 0; }

  .product-gallery {
    margin-bottom: 0;
    width: 100%; }

  /* -- accordian /tabs -- */
  .tabbed-content.tabs .accordian-title {
    display: block;
    width: 100%; }

  .product-page-tabs .tabbed-content {
    border: 0;
    margin: 0 -15px; }

  .vertical-tabs .tabs-inner {
    padding-left: 0;
    border: 0; }

  .vertical-tabs ul.tabs-nav {
    margin-top: 0; }

  /* -- sliders --*/
  .column-slider .small-block-grid-2 > li {
    width: 47%; }

  .column-slider .product-small .inner-wrap > a {
    padding: 0 10px; }

  /* -- dropdown -- */
  ul.header-nav li .nav-dropdown {
    position: relative; }

  ul.header-nav li.account-dropdown,
  ul.header-nav li.html-block {
    display: none !important; }

  /* -- mini cart fix  -- */
  .mini-cart .nav-dropdown,
  .mini-cart .dropdown-toggle {
    display: none !important; }

  .mini-cart .cart-price {
    margin-right: 15px; }

  /* -- blog/pages -- */
  .page-right-sidebar .blog-entry {
    padding-right: 0;
    border-right: 0; }

  .title-header {
    text-align: center; }

  .title-header .widget {
    border-top: 1px solid rgba(255, 255, 255, 0.2); }

  .title-header .tx-div {
    margin: 0 auto; }

  /* -- shopping cart -- */
  .cart-sidebar .widget-title {
    display: none; }

  .cart_totals {
    margin-top: 10px; }

  /* -- category page -- */
  .woocommerce-result-count {
    display: none !important; }

  #product-image-zoomer {
    display: none; }

  .breadcrumb-row {
    font-size: 80%; }

  .breadcrumb-row .right {
    width: 100%;
    text-align: center; }

  .breadcrumb-row .left {
    width: 100%;
    text-align: center;
    margin-bottom: 15px; }

  .product-small .front-image img {
    width: 100% !important; }

  .quick-view,
  .back-image {
    display: none !important; }

  .yith-wcwl-add-to-wishlist a {
    opacity: .3; }

  .product-image:hover .add-to-cart-grid,
  .product-image .add-to-cart-grid {
    bottom: 10px; }

  a.filter-button {
    font-size: 20px;
    display: block; }

  .category-filtering .widget_layered_nav_filters {
    margin-bottom: 15px; }

  /* -- checkout  --*/
  .checkout-breadcrumb h1 {
    margin-bottom: 10px;
    padding-bottom: 10px; }

  .checkout-breadcrumb span,
  .checkout-breadcrumb span.divider {
    display: none; }

  .woocommerce-checkout span.title-checkout {
    display: inline-block; }

  .woocommerce-cart span.title-cart {
    display: inline-block; }

  .cart-wrapper {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px; }

  .cart-wrapper,
  .shop_table.wishlist_table {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    overflow-y: hidden;
    box-shadow: inset -10px 0 40px 0 rgba(0, 0, 0, 0.1); }

  .woocommerce-cart .cross-sells {
    display: none !important; }

  .cart-wrapper table.shop_table,
  .shop_table.wishlist_table {
    min-width: 600px; }

  #yith-wcwl-form {
    overflow: scroll; }

  /* -- shortcode fixes -- */
  .flipCurrent {
    overflow-y: scroll; }

  .flip-slide .entry-title {
    padding: 0 10px; }

  /* -- slider columns fix --*/
  .slider.columns-2 > *,
  .slider.columns-3 > *,
  .slider.columns-4 > * {
    max-width: 100% !important; } }
/* medium view fix **/
@media only screen and (max-width: 768px) and (min-width: 460px) {
  .column-slider .small-block-grid-2 > li {
    width: 33.333%; }

  .lookbook-slider .small-block-grid-1 > li {
    width: 50%; } }
/* ipad potrait fixes */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .column-slider .small-block-grid-2 > li {
    width: 40%; }

  .column-slider .sliderControlls {
    display: none; }

  #top-bar .left-text {
    float: left;
    text-align: left;
    font-size: 60%;
    width: auto; }

  .mini-cart .cart-inner {
    position: relative; }

  .mini-cart.active .nav-dropdown {
    display: block !important;
    position: absolute;
    top: 20px;
    right: 0; }

  .woocommerce-cart .woocommerce .row .large-8,
  .woocommerce-cart .woocommerce .row .large-4 {
    width: 100%; }

  .columns.product-gallery,
  .product-info.columns,
  .product-page-aside.columns {
    width: 100%; }

  .quick-view {
    bottom: 0;
    opacity: 1;
    display: block !important;
    background: rgba(0, 0, 0, 0.1); } }
/* ipad Grid fixes */
html[data-useragent*='iPad'] .yith-wcwl-add-to-wishlist a {
  opacity: .3; }

html[data-useragent*='iPad'] .parallax_img_inner,
html[data-useragent*='iPhone'] .parallax_img_inner {
  opacity: 1 !important; }

html[data-useragent*='iPhone'] .yith-wcwl-add-to-wishlist a {
  opacity: .3; }

html[data-useragent*='iPad'] .quick-view {
  bottom: 0;
  opacity: 1;
  background: rgba(0, 0, 0, 0.1); }

html[data-useragent*='iPad'] .back-image,
html[data-useragent*='iPhone'] .back-image {
  display: none !important; }

/**********************************************************************/
/******------------- 16. FOUNDATION COMPONENTS (Grid, buttons, etc) -------------********/
/**********************************************************************/
/* Grid HTML Classes */
.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 67.5em;
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse .column,
  .row.collapse .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left; }
  .row .row {
    width: auto;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none;
      *zoom: 1; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  position: relative;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
  float: left; }

@media only screen {
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .small-1 {
    position: relative;
    width: 8.33333%; }

  .small-2 {
    position: relative;
    width: 16.66667%; }

  .small-3 {
    position: relative;
    width: 25%; }

  .small-4 {
    position: relative;
    width: 33.33333%; }

  .small-5 {
    position: relative;
    width: 41.66667%; }

  .small-6 {
    position: relative;
    width: 50%; }

  .small-7 {
    position: relative;
    width: 58.33333%; }

  .small-8 {
    position: relative;
    width: 66.66667%; }

  .small-9 {
    position: relative;
    width: 75%; }

  .small-10 {
    position: relative;
    width: 83.33333%; }

  .small-11 {
    position: relative;
    width: 91.66667%; }

  .small-12 {
    position: relative;
    width: 100%; }

  [class*="column"] + [class*="column"]:last-child {
    float: right; }

  [class*="column"] + [class*="column"].end {
    float: left; } }
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 48em) {
  .large-1 {
    position: relative;
    width: 8.33333%; }

  .large-2 {
    position: relative;
    width: 16.66667%; }

  .large-3 {
    position: relative;
    width: 25%; }

  .large-4 {
    position: relative;
    width: 33.33333%; }

  .large-5 {
    position: relative;
    width: 41.66667%; }

  .large-6 {
    position: relative;
    width: 50%; }

  .large-7 {
    position: relative;
    width: 58.33333%; }

  .large-8 {
    position: relative;
    width: 66.66667%; }

  .large-9 {
    position: relative;
    width: 75%; }

  .large-10 {
    position: relative;
    width: 83.33333%; }

  .large-11 {
    position: relative;
    width: 91.66667%; }

  .large-12 {
    position: relative;
    width: 100%; } }
/* Foundation Block Grids for below small breakpoint */
@media only screen {
  [class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -0.625em;
    *zoom: 1; }
    [class*="block-grid-"]:before, [class*="block-grid-"]:after {
      content: " ";
      display: table; }
    [class*="block-grid-"]:after {
      clear: both; }
    [class*="block-grid-"] > li {
      display: inline;
      height: auto;
      float: left;
      padding: 0 0.625em 1.25em; }

  .small-block-grid-1 > li {
    width: 100%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-1 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .small-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-2 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .small-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-3 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .small-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-4 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .small-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-5 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .small-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-6 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .small-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-7 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .small-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-8 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .small-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-9 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .small-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-10 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .small-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-11 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .small-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625em 1.25em; }
    .small-block-grid-12 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 48em) {
  /* Remove small grid clearing */
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: none; }

  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: none; }

  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: none; }

  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: none; }

  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: none; }

  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: none; }

  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: none; }

  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: none; }

  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: none; }

  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: none; }

  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: none; }

  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: none; }

  .large-block-grid-1 > li {
    width: 100%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-1 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .large-block-grid-2 > li {
    width: 50%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-2 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .large-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-3 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .large-block-grid-4 > li {
    width: 25%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-4 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .large-block-grid-5 > li {
    width: 20%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-5 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .large-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-6 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .large-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-7 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .large-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-8 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .large-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-9 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .large-block-grid-10 > li {
    width: 10%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-10 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .large-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-11 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .large-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.625em 1.25em; }
    .large-block-grid-12 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
p.lead {
  font-size: 1.21875em;
  line-height: 1.6; }

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  direction: ltr; }

/* Default Link Styles */
a {
  color: #627f9a;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #000; }
  a img {
    border: none; }

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1.25em;
  text-rendering: optimizeLegibility; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #555;
  text-rendering: optimizeLegibility;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  line-height: 1.2125em; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #a2a2a2;
    line-height: 0; }

h1 {
  font-size: 1em; }

h2 {
  font-size: 0.875em; }

h3 {
  font-size: 0.9375em; }

h4 {
  font-size: 0.8125em; }

h5 {
  font-size: 1em; }

h6 {
  font-size: 1em; }

hr {
  border: solid #eee;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.875em 0 1.8125em;
  height: 0; }

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: bold;
  color: #650000; }

/* Lists */
ul,
ol,
dl {
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1.25em;
  list-style-position: outside;
  font-family: inherit; }

ul, ol {
  margin-left: 0; }
  ul.no-bullet, ol.no-bullet {
    margin-left: 0; }

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.25em;
  margin-bottom: 0;
  font-size: 1em;
  /* Override nested font-size change */ }
ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit; }
ul.square {
  list-style-type: square; }
ul.circle {
  list-style-type: circle; }
ul.disc {
  list-style-type: disc; }
ul.no-bullet {
  list-style: none; }

/* Ordered Lists */
ol li ul,
ol li ol {
  margin-left: 1.25em;
  margin-bottom: 0; }

/* Definition Lists */
dl dt {
  margin-bottom: 0.3em;
  font-weight: bold; }
dl dd {
  margin-bottom: 0.75em; }

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #777;
  border-bottom: 1px dotted #ddd;
  cursor: help; }

abbr {
  text-transform: none; }

/* Blockquotes */
blockquote {
  margin: 0 0 1.25em;
  padding: 0 1.25em 0 1.875em;
  border-left: 2px solid #ddd; }
  blockquote cite {
    display: block;
    font-size: 0.0625em;
    color: #888888; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a,
    blockquote cite a:visited {
      color: #888888; }

blockquote,
blockquote p {
  line-height: 1.6;
  color: #999;
  font-style: italic;
  font-size: 110%; }

.vevent .summary {
  font-weight: bold; }
.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625em; }

@media only screen and (min-width: 48em) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }

  h1 {
    font-size: 1.625em; }

  h2 {
    font-size: 1.5em; }

  h3 {
    font-size: 1.25em; }

  h4 {
    font-size: 1.125em; } }
/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .hide-on-print {
    display: none !important; }

  .print-only {
    display: block !important; }

  .hide-for-print {
    display: none !important; }

  .show-for-print {
    display: inherit !important; } }


/* alternative button styles*/
.button.alt-button:hover {
  box-shadow: none !important;
  background-color: #627f9a !important; }

.primary.alt-button:hover {
  background-color: #627f9a !important; }

.secondary.alt-button:hover {
  background-color: #d26e4b !important; }

.alert.alt-button:hover {
  background-color: #b20000 !important; }

.success.alt-button:hover {
  background-color: #7a9c59 !important; }

.button.success.alt-button {
  color: #7a9c59; }

.button.alert.alt-button {
  color: #b20000; }

.secondary.alt-button {
  color: #d26e4b; }

.alt-button {
  color: #627f9a; }

.alt-button {
  background-color: transparent !important;
  border-width: 2px !important;
  border-style: solid !important; }

.alt-button:hover {
  color: #FFF !important; }

.button.white.alt-button {
  color: #FFF; }

.button.white.alt-button:hover {
  color: #000 !important;
  background-color: #FFF !important; }

.button.black.alt-button {
  color: #333; }

.button.black.alt-button:hover {
  color: #000 !important;
  background-color: #FFF !important; }

.facebook-button {
  background-color: #3a589d !important; }

.ux_banner .button {
  padding-top: 0.93em;
  padding-bottom: 1em; }

.ux_banner .button.alt-button {
  padding-top: 0.80em;
  padding-bottom: 0.90em; }

/* Add to cart buttons */
.button.loading {
  opacity: 0.6; }

.button.added {
  display: none; }

.added_to_cart.wc-forward {
  display: inline-block; }

/* Standard Forms */
form {
  margin: 0 0 1em; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5em; }
  form .row .row .column,
  form .row .row .columns {
    padding: 0 0.5em; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column,
    form .row .row.collapse .columns {
      padding: 0; }
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5em; }

/* Label Styles */
label {
  font-size: 0.875em;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: 500;
  margin-bottom: 0.1875em; }
  label.right {
    float: none;
    text-align: right; }
  label.inline {
    margin: 0 0 1em 0;
    padding: 0.625em 0; }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875em;
  height: 2.3125em;
  line-height: 2.3125em; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125em; }

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125em; }

.prefix.button.radius {
  border-radius: 0;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px; }

.postfix.button.radius {
  border-radius: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.prefix.button.round {
  border-radius: 0;
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.postfix.button.round {
  border-radius: 0;
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span so buttons keep their own */
span.prefix {
  background: #f2f2f2;
  border-color: #d9d9d9;
  border-right: none;
  color: #333; }
  span.prefix.radius {
    border-radius: 0;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px; }

span.postfix {
  background: #f2f2f2;
  border-color: #cccccc;
  border-left: none;
  color: #333; }
  span.postfix.radius {
    border-radius: 0;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px; }

/* Input groups will automatically style first and last elements of the group */
.input-group.radius > *:first-child, .input-group.radius > *:first-child * {
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }
.input-group.radius > *:last-child, .input-group.radius > *:last-child * {
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }
.input-group.round > *:first-child, .input-group.round > *:first-child * {
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }
.input-group.round > *:last-child, .input-group.round > *:last-child * {
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }


/* We add basic fieldset styling */
fieldset {
  border: solid 1px #ddd;
  padding: 1.25em;
  margin: 1.125em 0; }
  fieldset legend {
    font-weight: bold;
    background: #fff;
    padding: 0 0.1875em;
    margin: 0;
    margin-left: -0.1875em; }

/* Error Handling */
.error input,
input.error,
.error textarea,
textarea.error {
  border-color: #b20000;
  background-color: rgba(178, 0, 0, 0.1); }
  .error input:focus,
  input.error:focus,
  .error textarea:focus,
  textarea.error:focus {
    background: #fafafa;
    border-color: #999999; }

.error label,
label.error {
  color: #b20000; }

.error small,
small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: -1.3125em;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #b20000;
  color: #fff; }

/* Error Handling WooCommerce */
.woocommerce-invalid input, .woocommerce-invalid input,
input.woocommerce-invalid,
.woocommerce-invalid textarea,
textarea.woocommerce-invalid {
  border-color: #b20000;
  background-color: rgba(178, 0, 0, 0.1); }
  .woocommerce-invalid input:focus, .woocommerce-invalid input:focus,
  input.woocommerce-invalid:focus,
  .woocommerce-invalid textarea:focus,
  textarea.woocommerce-invalid:focus {
    background: #fafafa;
    border-color: #999999; }

.woocommerce-invalid label,
label.woocommerce-invalid {
  color: #b20000; }

.woocommerce-invalid small,
small.woocommerce-invalid {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: -1.3125em;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #b20000;
  color: #fff; }

/* Foundation Alerts */
.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: bold;
  margin-bottom: 1.25em;
  position: relative;
  padding: 0.6875em 1.3125em 0.75em 0.6875em;
  font-size: 0.875em;
  background-color: #627f9a;
  border-color: #4e657b;
  color: #fff; }
  .alert-box .close {
    font-size: 1.375em;
    padding: 5px 4px 4px;
    line-height: 0;
    position: absolute;
    top: 0.4375em;
    right: 0.3125em;
    color: #333;
    opacity: 0.3; }
    .alert-box .close:hover, .alert-box .close:focus {
      opacity: 0.5; }
  .alert-box.radius {
    border-radius: 6px; }
  .alert-box.round {
    border-radius: 1000px; }
  .alert-box.success {
    background-color: #7a9c59;
    border-color: #617c46;
    color: #fff; }
  .alert-box.alert {
    background-color: #b20000;
    border-color: #7f0000;
    color: #fff; }
  .alert-box.secondary {
    background-color: #d26e4b;
    border-color: #bb532f;
    color: #fff; }

/* Pagination */
.pagination {
  display: block;
  height: 1.5em;
  margin-left: -0.3125em; }
  .pagination li {
    display: block;
    float: left;
    height: 1.5em;
    color: #222;
    font-size: 0.875em;
    margin-left: 0.3125em; }
    .pagination li a {
      display: block;
      padding: 0.0625em 0.4375em 0.0625em;
      color: #999; }
    .pagination li:hover a,
    .pagination li a:focus {
      background: #e6e6e6; }
    .pagination li.unavailable a {
      cursor: default;
      color: #999; }
    .pagination li.unavailable:hover a, .pagination li.unavailable a:focus {
      background: transparent; }
    .pagination li.current a {
      background: #627f9a;
      color: #fff;
      font-weight: bold;
      cursor: default; }
      .pagination li.current a:hover, .pagination li.current a:focus {
        background: #627f9a; }

.pagination-centered {
  text-align: center; }
  .pagination-centered ul > li {
    float: none;
    display: inline-block; }

/* Tables */
table {
  margin-bottom: 1.25em;
  width: 100%; }
  table thead,
  table tfoot {
    font-weight: bold; }
    table thead tr th,
    table thead tr td,
    table tfoot tr th,
    table tfoot tr td {
      padding: 0.5em 0;
      font-size: 0.875em;
      text-align: left; }
  table tr th,
  table tr td {
    padding: 0.5625em 0em;
    font-size: 0.875em; }
  table thead tr th,
  table tfoot tr th,
  table tbody tr td,
  table tr td,
  table tfoot tr td {
    display: table-cell;
    line-height: 1.125em; }

table th {
  font-weight: bold; }

table td, table th {
  padding: 0px 10px 15px;
  text-align: left; }

table tr:last-child {
  border-bottom: 0; }

/* Foundation Visibility HTML Classes */
.show-for-small,
.show-for-medium-down,
.show-for-large-down {
  display: inherit !important; }

.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge,
li.show-for-medium,
li.show-for-medium-up,
li.show-for-large,
li.show-for-large-up,
li.show-for-xlarge {
  display: none !important; }

.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
  display: inherit !important; }

.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down,
li.hide-for-small,
li.hide-for-medium-down,
li.hide-for-large-down {
  display: none !important; }

/* Specific visilbity for tables */
/* Medium Displays: 768px - 1279px */
@media only screen and (min-width: 48em) {
  .show-for-medium,
  .show-for-medium-up {
    display: inherit !important; }

  .show-for-small {
    display: none !important; }

  .hide-for-small {
    display: inherit !important; }

  .hide-for-medium,
  .hide-for-medium-up {
    display: none !important; }

  /* Specific visilbity for tables */ }
/* Large Displays: 1280px - 1440px */
@media only screen and (min-width: 80em) {
  .show-for-large,
  .show-for-large-up {
    display: inherit !important; }

  .show-for-medium,
  .show-for-medium-down {
    display: none !important; }

  .hide-for-medium,
  .hide-for-medium-down {
    display: inherit !important; }

  .hide-for-large,
  .hide-for-large-up {
    display: none !important; }

  /* Specific visilbity for tables */ }
/* X-Large Displays: 1400px and up */
@media only screen and (min-width: 90em) {
  .show-for-xlarge {
    display: inherit !important; }

  .show-for-large,
  .show-for-large-down {
    display: none !important; }

  .hide-for-large,
  .hide-for-large-down {
    display: inherit !important; }

  .hide-for-xlarge {
    display: none !important; }

  /* Specific visilbity for tables */ }
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }

/* Specific visilbity for tables */
@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }

  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; }

  /* Specific visilbity for tables */ }
@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important; }

  .hide-for-portrait,
  .show-for-landscape {
    display: none !important; }

  /* Specific visilbity for tables */ }
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Specific visilbity for tables */

/*
Theme Name: ICar Experience
Description: Flatsome child theme for icarexperience.ca
Template: flatsome
Version: 2.5
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700i,800i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');
.shipping{
	background-color: #ccc;
}
/* Form style woocommerce giftcard by APART */
.rpw_product_message .hide-on-reload{
	padding-bottom: 10px !important;
    font-weight: 700 !important;
}
/* Fix label quantity by APART */
.screen-reader-text{
  display: none!important;
}

/* Fix issues with jquery overlay blocking checkout button */
div.blockOverlay {
  display: none!important;
}

.woocommerce .blockUI.blockOverlay {
position: relative!important;
display: none!important;
height: 0%!important;
}

a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

.two-column {
box-sizing: border-box;
font-size: 0;
}

.two-column > * {
display: inline-block;
width: 50%;
max-width: 50%;
}

.activity {
padding: 1.5rem;
vertical-align: top;
}

.activity > * { vertical-align: top; }



.activity p {
font-size: 1rem;
}


.menu-item-language-current { display: none; }

.regular {
  text-decoration: line-through;
  font-size: 0.8em;
}

.discount {
  padding-left: 0.25em;
  color: #ffffff;
}

.compare-table .regular { display: none; }


#carousel > ul .offers .price > .regular {
  text-decoration: line-through;
  font-size: 0.4em;
}

#carousel > ul .offers .price > .discount {
  color: #d00;
  padding-left: 4px;
  font-size: 0.65em;
}

/*
* Dirty hack - the hero image on the gift box landing page was sized
* differently to every other one; time/budget concerns prevent a proper
* fix of the flustercluck.
*/
.page-id-4330 .homeStaticBanner {
  background-position: center right;
}

#mini-cart-content:after {
  right: 125px !important;
}

/*
* "Carousel"
*/
#carousel, #carousel * {
  box-sizing: border-box; }

#carousel > ul {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1043px;
  height: 111px;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
  padding: 0; }

    #carousel > ul > li:hover::after, #carousel > ul > li.active::after {
      display: block;
      margin: 0px auto;
      vertical-align: bottom;
      text-align: center;
      content: '';
      height: 0;
      width: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid black;
      padding-top: 106px; }

#carousel > ul > li > figure {
  transition: opacity 500ms ease-in-out;
  text-align: left;
  position: absolute;
  opacity: 0;
  z-index: 10;
  width: 100%;
  max-width: 1043px;
  font-size: 1rem;
  margin: 0;
  border: 3px solid #ccc;
  background: #fff;
  box-shadow: 4px 4px 5px #888888;
  left: -9999px; }
  #carousel > ul > li > figure > img {
    float: right; }
  #carousel > ul > li > figure > figcaption {
    display: block;
    float: left;
    padding: 1rem;
    width: 440px;
    background: #fff; }

#carousel > ul > li:hover > figure,
#carousel > ul > li.active > figure {
  opacity: 1;
  transition: opacity 500ms ease-in-out;
}

#carousel > ul > li:hover > figure {
  z-index: 11; }

#carousel > ul > li {
  width: 9%;
  max-width: 160px; height: 111px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom 10px center;
  transition: all 0.5s ease-in-out;
  z-index: 1;
}

#carousel > ul > li:hover > figure { position: absolute; top: 111px; left: 0; z-index: 2; }
#carousel > ul > li:hover { background-size: 100%; background-color: rgba(255,255,255,0.2); }

#carousel > ul:hover ~ .overlay::after { display: block; animation-name: fadeIn; animation-duration: 1s; animation-fill-mode: forwards; }

#carousel-cta {
  position: absolute;
  top: 0; left: 0;
  font-size: 1rem;
  vertical-align: middle;
  text-align: left;
  padding-top: 30px;
  font-weight: bold;
  z-index: 0;
  width: 200px !important;
  margin-left: -100px;
}

#carousel-cta::before {
  content: '';
  background: url('images/carousel/arrow.html');
  display: block;
  position: absolute;
  height: 48px; width: 48px;
  bottom: 10px; right: 20px;
}

#carousel > ul > #carousel-cta:hover::after,
#carousel > ul > #carousel-cta.active::after { display: none; }

#coffret-icar { background: url('images/carousel/coffret_cadeau.html'); margin-right: 3rem; margin-left: -1rem; }
#stingray {background: url('images/carousel/stingray.html'); }
#lambo-gallardo {
  background: url('images/carousel/gallardo.html');
}
#ferrari-f430 { background: url('images/carousel/f430.html'); }
#ferrari-458-italia { background: url('images/carousel/458-italia.html'); margin-right: 3rem; }
#mustang-gt { background: url('images/carousel/mustang.html'); }
#sportsman-nascar { background: url('images/carousel/exp_nascar.html'); margin-right: 2rem; }
#subaru-wrx-sti { background: url('images/carousel/exp_rallye.html'); }
#karting { background: url('images/carousel/karting.html'); }
#robinson-r44 { background: url('images/carousel/helico.html'); }
#aerodium { background: url('images/carousel/aerodium.html'); }

.supercars, .racing { margin-left: -2rem; }


@media screen and (max-width: 1035px) {
  #carousel figure figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
}

#carousel > ul .offers {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
  margin-top: 0.85rem;
  width: 100%; }
  #carousel > ul .offers > li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ccc;
    padding: 0.25rem 0px; }
  #carousel > ul .offers > li > * {
    vertical-align: middle; }
  #carousel > ul .offers > li > a:first-of-type {
    display: inline-block;
    width: 200px; }
  #carousel > ul .offers .price {
    font-size: 1.5rem;
    color: #333;
    display: inline-block;
    text-align: right;
    margin-top: 0px !important;
    width: 80px; }
  #carousel > ul .offers .buy-now {
    width: 100px;
    margin-left: 1rem;
    padding: 0.25rem 0.25rem;
    text-align: center;
    color: #202020;
    border: 1px solid #202020;
    border-radius: 5px;
    display: inline-block; }
    #carousel > ul .offers .buy-now:hover {
      background: #369;
      border: 1px solid #123;
      color: #fff;
      text-decoration: none; }


/*
* Slider
*/
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes fadeOut {
  from {opacity: 1;}
  to {opacity: 0;}
}

@keyframes slideInLeft {
  from {left: 100%;}
  to {left: 0%;}
}

@keyframes slideOutLeft {
  from {left: 0%;}
  to {  left: -100%; }
}

@keyFrames slideInRight {
  from {left: -100%; }
  to {left: 0%;}
}

@keyFrames slideOutRight {
  from {left: 0%;}
  to {left: 100%;}
}

/**
* Slideshow
*/

section.slideshow {
  position: relative;
  width: 100%;
  height: 55vh;
  min-height: 250px;
  overflow: hidden;
  z-index: 1;
}

section.slideshow .slides {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; left: 0;
}

section.slideshow .slides .video_slide iframe {
  max-height: 100%;
}

@media only screen and (max-width: 48em) {
  section.slideshow .slides .video_slide iframe {
    max-height: 80%;
    max-height: calc(90% - 3rem / 2);
  }
}

.slideshow .next, .slideshow .prev {
  position: absolute;
  display: block;
  width: 3rem;
  height: 3rem;
  padding: 0;
  margin: 0;
  line-height: 2rem;
  text-align: center;
  font-size: 2rem;
  z-index: 4;
  border: 2px solid #fff;
  border-radius: 50%;
  background: transparent;
  color: #fff;
  transition: all 200ms ease-in-out;
  outline: 0;
  top: 50%;
  transform: translateY(-50%);
}

.slideshow .next {
  right: 1rem;
}

.slideshow .prev { left: 1rem; }

.slideshow .next:hover, .slideshow .prev:hover {
  background: #df0000;
  border-color: #df0000;
}

.slideshow .next::before {
  text-align: center;
  font-family: 'icomoon';
  content: '\f105';
  padding-left: 4px;
}

.slideshow .prev::before {
  text-align: center;
  font-family: 'icomoon';
  content: '\f104';
  padding-right: 4px;
}

.slideshow .slide {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;

  overflow: hidden;
  text-align: center;

  width: 100%;
  height: 100%;

  display: none;
}

.slideshow .slide.trans-out {
  animation-name: slideOutLeft;
  animation-duration: 1s;
}

.slideshow .slide.trans-in {
  animation-name: slideInLeft;
  animation-duration: 1s;
}

.slideshow .slide.trans-out-right {
  animation-name: slideOutRight;
  animation-duration: 1s;
}

.slideshow .slide.trans-in-right {
  animation-name: slideInRight;
  animation-duration: 1s;
}


.slideshow .slide.active { display: block; }

.slideshow::after {
  display: block;
  position: absolute;
  top: 0; 
  left: 0;
  height: 100%; width: 100%;
  background: rgba(0,0,0,0.35);
  content: '';
  pointer-events: none;
}

.slideshow .slide > .caption {
  margin: 0px auto;
  display: block;
  position: relative;

  text-align: center;
  text-shadow: 1px 1px rgba(0,0,0,0.25);
  text-transform: uppercase;

  top: 50%;
  transform: translateY(-50%);

  z-index: 3;
}

.slideshow .slide > .caption > * { display: inline-block; height: auto; opacity: 0; }

.slideshow .tagline {
  position: relative;
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
  animation-name: fadeIn;
  animation-duration: 1s;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.slideshow .tagline::before,
.slideshow .tagline::after {
  background: #fff;
  height:  2px;
  content: ' ';
  display: block;
  width: 8rem;
  position: absolute;
  top: 50%;
}

.slideshow .tagline::before { left: 110%; }
.slideshow .tagline::after  { right: 110%; }


.slideshow .title {
  color: #fff;
  font-size: 3rem;
  font-weight: bold;
  position: relative;
  padding-top: 0.5rem;
  padding-bottom: 1rem;
  box-sizing: border-box;
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-fill-mode: forwards;
  min-width: 60%;
}

.slideshow .title::after{
  background: #fff;
  position: absolute;
  height: 2px;
  bottom: 0rem;
  width: calc(100% + 4rem);
  display: block;
  content: '';
  margin-left: -2rem;
}

.cta {
  border: 2px solid #fff;
  background: #fff;
  transition: all 500ms ease-in-out;
  color: #202020;
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
  animation-fill-mode: forwards;

  text-decoration: none;
  margin-top: 1rem;
  padding: 0.5rem 1rem;
}

.cta:hover {
  color: #fff;
  background: #df0000;
  border-color: #df0000;
}

.slideshow .slide.video .caption {
  background: rgba(204,55,23, 0.45);
  color: #fff;

  width: 300px;
  height: 100%;
  position: absolute;
  left: 10%;
  top: 0px;

  padding-top: 120px;

  transform: none;
  vertical-align: middle;
}

.slideshow .slide.video .title::after { display: none; }
.slideshow .slide.video .title::before { display: none; }

.slideshow .slide.video .title { font-size: 1rem; }
.slideshow .slide.video .title strong { font-size: 8rem; display: block; }

.slideshow .slide.video .tagline::before { display: none; }
.slideshow .slide.video .tagline::after { display: none; }

body { overflow-x: hidden; }

.modal {
  width: 100vw; height: 100vh; position: absolute; top: 0; left: 0;
  background: rgba(0,0,0,0.75);
  z-index: 101;
}

.modal .content {
    box-sizing: border-box;
    overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0px auto;
  transform: translate(-50%, -50%);
  z-index: 102;
}




/*
* Hide "provision pour taxes" from a single product page and product listings.
*/
.product-small .woocommerce-price-suffix,
.product-info .woocommerce-price-suffix {
  display: none;
}

/*
* Promotional / Product Blocks - e.g. Home page under slider.
*/
.promo-blocks {
  font-size: 0;
  position: relative;
  width: 100%;
  /*border-bottom: 2rem solid #eee;*/
}

/* TODO: ENABLE on live */
/*.promo-blocks:after {
  content: '';
  position: absolute;
  bottom: -4rem;
  left: 50%;
  border-top: solid 4rem #eee;
  border-left: solid 4rem transparent;
  border-right: solid 4rem transparent;
  transform: translateX(-50%);
}*/

.promo-blocks > * {
  display: inline-block;
  width: 25%;
  margin: 0;
  padding: 0;
  min-height: 15vh;
}

.promo-block > figure {
  width: 100%;
  position: relative;
  font-size: 0;
  overflow: hidden;
  border: 1px solid #4d4d4d;
  border-right: 0;
}

.promo-block:first-of-type > figure { border-left: 0; }


.promo-block > figure::before {
  display: block;
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: background 0.3s ease-in-out;
  z-index: 2
}
.promo-block:hover > figure::before {
  background: rgba(0,0,0,0.45);
}

.promo-block > figure > img {
  object-fit: cover;
  min-height: 30vh;
}

.promo-block > figure > figcaption {
  z-index: 3;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  color: #fff;
  opacity: 0;

  font-size: 2rem;
  text-transform: uppercase;

  padding-bottom: 1rem;
  text-align: center;

  transition: opacity 0.5s ease-in-out;
}

.promo-block figcaption::after {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  transform: translateX(-50%);

  height: 3px;
  background: #fff;
  transition: width 0.5s ease-in-out;
  width: 0px;
}

.promo-block:hover > figure > figcaption {
  opacity: 1;
}

.promo-block:hover figcaption::after {
  width: 150px;
}

/**
* Home page slider, always show promo blocks.
*/
.iosSlider {
  max-height: calc(100% - 300px);
  min-height: 450px !important;
  margin-bottom: 0px;
}


/**
* Black overlay on carousel hover.
*/
#carousel > ul  { z-index: 3; }
#carousel > ul ~ .overlay::after {
  background: transparent;
  transition: background 0.3s ease-in-out;
  content: ' ';
}
#carousel > ul:hover ~ .overlay::after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.45);
  z-index: 2;
  top: 233px;
  transition: background 0.3s ease-in-out;
}


/**
* Feature Block - e.g. Corvette Stingray Forfait 2 Tours
*/

.feature-block {
  clear: both;
  margin-bottom: 2rem;
}

.feature-block:last-of-type { margin-bottom: 0; }

.feature-block > figure {
  position: relative;
  font-size: 0;
  overflow: hidden;
  background: #f0f0f0;
}

.feature-block > figure > * {
  vertical-align: top;
  padding: 0rem 2rem;
  box-sizing: border-box;
}

.feature-block > figure > div {
  width: 50%;
  margin: 0;
  padding: 0;
  display: inline-block;
  height: calc(100% + 4rem);
}
.feature-block > figure img {
  object-fit: cover;
  width: auto;
  height: 100%;
  display: block;
}

.feature-block > figure > figcaption {
  box-sizing: border-box;
  font-size: 1rem;
  width: 50%;
  display: inline-block;

  max-width: 600px;

  padding: 1rem 2rem;

  line-height: 1.5;
  text-rendering: optimizeLegibility;
}

.feature-block .price {
  margin-top: 3em;
}

.feature-block h2 {
  font-weight: 500;
  font-size: 3.5rem;
  margin-bottom: 0;
  margin-top: 0;
}

.feature-block h4 {
  margin-top: 1rem;
}

.feature-block:nth-of-type(2n) {
  background: #fff;
}

.feature-block:nth-of-type(2n) > figure { text-align: right; background: #fff; }

.feature-block:nth-of-type(2n) > figure > div {
  position: absolute;
  right: 0; top: 0;
}

.feature-block:nth-of-type(2n) > figure > figcaption {
  text-align: left;
  margin-right: 50%;
}



/**
* Mobile / Tablet
*/
@media only screen and (max-width: 1250px) {
  .promo-blocks > * { width: 50%; }
}
@media only screen and (max-width: 48em) {

  .promo-block > figure > figcaption {
    opacity: 1;
    background: rgba(0,0,0,0.35);
    width: 100%;
    padding: 1rem 0;

    display: none;
  }

  .feature-block > figure > div{ width: 100%; min-height: 40rem; max-height: 100vh; }
  .feature-block > figure > div > img { min-height: 40rem; }
  .feature-block > figure > figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    color: #fff;
    background: rgba(0,0,0,0.45);
  }

  .feature-block figcaption > h2 { font-size: 2.5rem; }

  .feature-block > figure > figcaption > * { color: #fff; }
  .feature-block:nth-of-type(2n) > figure > figcaption { margin-right: 0; }
  .feature-block:nth-of-type(2n) > figure > div { position: relative; }

  .slideshow .next, .slideshow .prev { top: 90%; }

  #carousel { display: none;}
}

@media only screen and (max-width: 414px) {
  .promo-blocks > * { width: 100%; }
  .slideshow .slide .tagline { font-size: 1rem; }
  .slideshow .slide .title { font-size: 1.5rem; }
  .slideshow .slide .title > sub { display: block; line-height: 1.75rem; }

  #cta-gift-cards {
    display: none !important;
  }
}



/*
* Old styles -- Refactor out at some point.
*/

.column-full .row { max-width: 100%; }
.full-column-grey p { max-width: 600px; }
/*
* Events
*/
.overlay h1 > .date { display: block; font-size: 36px; display: block; color: #fff; line-height: 72px; }

.half-detail .product { padding-left: 0px !important; padding-right: 0px !important; }




/*
* Product / Event landing page hero banner
*/
.video-banner { cursor: pointer; }
.video-banner > .overlay {
  position: absolute;
  z-index: 10;
  background: rgba(0,0,0,0.4);
  top: 0;
  left: 0;
  padding-top: 1rem;
  text-align: center;
  width: 100%;
}

.video-banner h1 {
  text-align: center;
  color: #fff;
  padding: 0px 0.5rem;
  font-size: 72px;
  font-weight: 300;
}

/*
* Menu Image column hack - theme by default only supports single-column width
* image.
*/
ul.header-nav li .nav-dropdown > ul > li.menu-parent-item {
  width: 200px !important;
}

@media only screen and (min-width: 769px) {
  #menu-item-3778 > .nav-dropdown { display: none !important; }
  #menu-item-3778 > a::after { display: none; }
}

@media only screen and (max-width: 767px) {
  .compare-table { display: none !important; }
}



.ux_banner-grid .columns, .ux_banner-grid .column-inner { padding: 1px !important; }

.ux_banner .caption {
  position: absolute;
  background: #fff;
  color: #202020;
  top: 0.5rem;
  left: 0;
  height: auto;
  padding: 0.25rem 1rem;
  text-align: left;
  text-transform: uppercase;
  width: auto;
}

.ux_banner .caption > * { color: #202020; }

.ux_banner .caption > h2 {
  font-size: 14px;
  margin: 0; padding: 0.15rem 0px;
  font-weight: 500;
}
.ux_banner .caption > h3 {
  font-size: 11px;
  margin: 0; padding: 0.15rem 0px;
  font-weight: 300;
}

.ux_banner div {
  width: 100%;
  height: 100%;
}

.ux_banner .inner {
  margin: 0;
}


.product-info {
  padding: 0px 1rem;
}
/*
* TODO: Old styles -- Clean these up, they're ridiculous.
*/
.homeStaticBanner{margin-bottom:0px!important;     background-size: cover;}

.homeStatic .woocommerce.columns-4 .row{ position: relative; max-width: 100%;}
.homeStatic .woocommerce.columns-4 .row .large-12.columns{padding:0px;}
.homeStatic .woocommerce ul.products{    margin: 0px 0px 20px;width:100%;}
.homeStatic .woocommerce ul.products .product-category {padding:0px; }
.home .column-slider.slider-center-arrows .sliderControlls .sliderNav.small a{ background-color:transparent!important;}
.home .ux_slider_wrapper  .iosSlider{ margin-bottom:0px;}

.homeStatic .woocommerce .ux-box.ux-text-badge .ux-box-text{top: 11px; bottom:auto; left: 0px; background-color: #fff; right: auto; color: #515151; text-align: left;padding:10px 10px 10px 20px; min-width:120px;}
.homeStatic .woocommerce .ux-box.ux-text-badge .ux-box-text * {color: #515151 !important; font-weight: normal; margin: 0px; text-shadow: 0px 0px 0px;}
.homeStatic .woocommerce .ux-box.ux-text-badge .ux-box-text .header-title{font-size:1em;}

.ux-box.ux-text-overlay:hover .ux-box-text{bottom:auto!important;}
.homeStatic .woocommerce ul.products .product-category{border: 1px solid #fff;}

/* Navigation */

#masthead .row {position: relative;}

/* Intermediate Page Css */
.column-full{display: inline-block; float: none !important; width: 100%;}
.column-width{  max-width: 993px;
    margin: auto;
    text-align: center;
    padding: 30px 0px;}

.first-row h3{font-size: 45px; font-weight: 300; margin-bottom: 1px;}
.first-row small{display:block; font-size: 10px; color: #000000; text-transform: uppercase; margin-bottom: 38px;}
.first-row .mt65{margin-top:65px;}
.first-row .mt40{margin-top:40px;}
.icon-set{margin:70px auto;}
.icon-item{    width: 170px;
    text-align: center;
    display: inline-block;
    margin: 0px 5%;}
.icon-item::after{content:"";    display: block; background-color:#a7a7a7; width:80px; height:1px; margin:auto;}
.icon-item span{color: #414141;
    font-weight: 300;
    font-style: normal;
    font-size: 59px;
    margin: 5px 0px 1px;
    display: block;}
.icon-item span sub{font-size:20px;}
.icon-item h4{font-weight: 400; color:rgba(65,65,65, 0.4); font-size:20px;}
.full-column-grey{background-color: #f2f2f2; width: 100%;float:left; display: inline-block;}
.full-column-grey .half-image{width: 50%;
    float: left;
    background-position: center center;
    height: 498px;
    background-size: cover;
}
.full-column-grey.whitebg{  background-color: #fff;
}
.full-column-grey.whitebg .half-image {
    float: right;
}
.full-column-grey.whitebg .half-detail .desc{    max-width: 600px;
    float: right;}
.full-column-grey .half-detail{float:right;     padding: 1em 2em; width:50%;}
.full-column-grey .half-detail h2{ font-size: 60px; font-weight: 500;}
.full-column-grey .half-detail .price{margin-top:3em;}
.price{margin-top:20px;}
.price .pricetext, .price .price-detail{color:#4d4d4d; font-size:55px;    letter-spacing: 3px; font-weight:300;}

.blue-button{
    background-color: #ff0000;
    color: #ffffff;
    border-radius: 2px;
    padding: 4px 9px;
    font-size: 20px !important;
    display: inline-block;
    margin: 0px 0px 0px 26px;
    box-shadow: 2px 2px 1px #aaaaaa;

}

.blue-button sup {
  top: -0.4em;
}

.leftHalfCnt .half-detail{padding-left:6em;}
.rightHalfCnt .half-detail{padding-right:6em;}

.column-1068{max-width:1068px; margin:auto;}
.column-1068 .column-half, .column768 .column-half{width:50%; float:left; padding:2em 2em;}
.column-1068 .column-half h2.title{font-size: 60px; font-weight: 500;}
.txtR{text-align:right;}
.txtC{text-align:center;}

.column768{max-width:768px; margin:auto; padding: 20px;}
.smTitle{font-size:40px;}
.padding-top3{padding:3em 0px; background-color: white !important;}
.parallax-bg{background-position: center center; background-size: cover; padding:3em 0px;
}
.parallax-bg2{ background-position: center center; background-size: cover; padding:13% 0px; margin-top:3em;}
h2.bg-title{   font-size: 48px;
    color: #fff;
    font-weight: 300;
    background-color: rgba(0,0,0,0.7);
    display: inline-block;
    margin: 0px;
    width: auto;
    text-transform: uppercase;
    padding: 9px 20px;
    line-height: 1em;
    margin-bottom: 2px;
text-shadow: 1px 2px 2px rgba(0,0,0,0.7);}
h3.bg-subtitle{font-size:19px;
    color: #fff;
    font-weight: 300;
    background-color: rgba(0,0,0,0.7);
    display: inline-block;
    margin: 0px;
    width: auto;
    text-transform: uppercase;
    padding: 9px 20px;
    line-height: 1em;
    margin-bottom: 2px;
    text-shadow: 1px 2px 2px rgba(0,0,0,0.7);
}
.gift-set{margin:0px auto;}
.gift-set::after{content:"";display:block;height:0px;clear: both;}
.gift-item{ color:#000;   font-size: 14px;
    width: 33.33%;
    text-align: center;
    float: left;
    padding: 0px 5%;
}
	.gift-item a{color:#1f90d1;}
.gift-item h3{font-weight: 400; color:#000; font-size:25px;}


.compare-table{ margin: auto; max-width: 889px; text-transform: uppercase;}
.compare-table h1{ font-size: 45px;
    font-weight: 300;
    text-transform: none;}
.compare-table .divider-border {
    background-color: #dadada;
    height: 1px;
    margin: 2em 0;
}
.compare-table h4{color:#343333;}
.compare-table h3{font-size:20px;
    color: #b2b2b2;
    font-weight: 300;
}
.compare-table table {
    font-size: 15px;
}
.compare-table table td.label{font-size:16px;}
.compare-table table td.lightTxt{ color: rgba(115, 115, 115, 0.34);}
.compare-table table tr {
    border-bottom: 1px solid #dadada;
}
.compare-table table tr:last-child {
    border-bottom: 0 none;
}
.compare-table table td {
    border-right: 1px solid #dadada;
    padding: 11px;
    text-align: center;
}
.compare-table table td:last-child {
    border-right: 0 none;
}
.compare-table  .blue-button {
    background-color: #ff0000 !important;
    margin: 0 0 0 16px;
    border-radius: 2px;
    padding: 3px 7px;
    box-shadow: 2px 2px 1px #aaaaaa;
}
.compare-table small{font-size:80%;}
.parallax-content-2{  color: #fff;
    float: right;
    max-width: 530px;
}
.parallax-content-2 h1{ color: #fff;
    font-size: 60px;
    font-weight: 500;
    line-height: 66px;
    margin: 0;
    text-align: left;}
.parallax-content-2 .icon-price{float: right;
    font-size: 60px;
    font-weight: 300;
    margin-top: 1.3em;
    width: 100%;}
.parallax-content-2 .icon-price br{display:none;}
.parallax-content-2 .photo-price{background-image: url(images/camera-icon.html);  background-position: center top;
    background-repeat: no-repeat;
    float: left;
    font-size: 50px;
    font-weight: 100;
    padding: 46px 0 0;
    text-align: center;
    width: 33.33%;}
.parallax-content-2 .video-price{background-image: url(images/video-icon.html);  background-position: center top;
    background-repeat: no-repeat;
    float: left;
    font-size: 50px;
    font-weight: 100;
    padding: 46px 0 0;
    text-align: center;
    width: 33.33%;}
.parallax-content-2 .videophoto-price{background-image: url(images/camera-video.html);  background-position: center top;
    background-repeat: no-repeat;
    float: left;
    font-size: 50px;
    font-weight: 100;
    padding: 46px 0 0;
    text-align: center;
    width: 33.33%;}


/** Attribute Product */
.single-product .product-image .product-gallery-slider, .single-product .product-page-aside, .single-product .product-type-variable .product-info .product-type-variable-left .variations {display:none!important;}

.single-product .product-gallery{   float: none !important;
    margin-bottom: 25px;
    padding: 0 !important;
    width: 100% !important;}
.single-product .product-image{  background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 537px;}

.single-product .product-type-variable .product-info { float: right !important;}


	.single-product .product-type-variable .product-info .product-type-variable-left{border-right: 0px solid #303030;
    float: left; display:none;
    margin: 0 0 0 0;
    padding: 0 30px 0 0;min-height: 100%;
    width: 100%;}




.video-banner, .featured-video-plus {
	position:relative;
	padding-bottom:41.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-banner iframe, .video-container object, .video-container embed, .featured-video-plus iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.cat-header{display:none;}
.products.small-block-grid-2 .product-small .product-image { border: 1px solid #e6e6e6; height: 247px;}

.related-product .product-small .product-image{border: 1px solid #e6e6e6; height: 240px;}

.related-product .product-small .product-image .front-image , ul.products li.product-small .product-image .front-image{
    background-size: cover;
    background-position: center top;
    width: 100%;
    height: 100%;
}
.related-product .product-small .product-image .front-image  img, ul.products li.product-small .product-image .front-image img{display:none;}


.single-product .row.product-page { overflow: hidden;
}
.single-product .product-page .product-gallery {
    padding: 0;
    width: 100%;
}
.single-product .product-page .product-gallery .product-gallery-slider, .single-product .product-page .product-gallery .product-gallery-slider .gallery-popup , .single-product .product-page .product-gallery .product-gallery-slider .gallery-popup .easyzoom {
    width: 100% !important;
}
.single-product .product-page  .product-details{display:none;}
.footer-wrapper{
    display: inline-block;
    width: 100%;
    background-color: #fff;
}
/** Attribute Product **/.attribute-product { margin: auto; padding:30px 0px; max-width: 1068px;}.attribute-product .attribute-left, .single-product .product-type-variable .product-type-variable-left{    border-right: 1px solid #303030;	float: left;	margin: 0 3% 0 0;	padding: 0 30px 0 0;	width: 70%;}.attribute-product .attribute-item.product-addon{border-top:0px; padding:0px; margin:0px;}.product-addon.attribute-item.product-addon-number-of-flights-at-low-cost-20-flight-available-from-2-additional-flights{    padding-left: 51px;}.product-addon.attribute-item.product-addon-number-of-flights-at-low-cost-20-flight-available-from-2-additional-flights h1.addon-name{display: inline-block;    font-size: 15px;    font-weight: 500;    margin-left: 4px;    margin: -4px 0px 0px 12px;    max-width: 439px;}.product-addon.attribute-item.product-addon-number-of-flights-at-low-cost-20-flight-available-from-2-additional-flights h1.addon-name span{ display:none;}.product-addon.attribute-item.product-addon-number-of-flights-at-low-cost-20-flight-available-from-2-additional-flights p.form-row{   float: left;    font-size: 15px;}.attribute-product .attribute-item.product-addon-make-lasting-memories{padding-top:30px; border-top: 1px solid #303030;}.attribute-product .attribute-item h1, .single-product .product-type-variable .product-type-variable-left  .product-addon h3{    font-size: 23px;    font-weight: 400;    text-transform: uppercase;	margin-bottom:1em;}.attribute-product .attribute-item h1 span, .single-product .product-type-variable .product-type-variable-left  .product-addon h3 span {    border: 2px solid #eb212e;    border-radius: 100%;    color: #eb212e;    display: inline-block;    height: 40px;    margin-right: 8px;    text-align: center;    width: 40px;}.attribute-product .attribute-item ul , .product-type-variable-left .attribute-item ul{    color: #373737;    font-weight: 500;    list-style: outside none none;    margin: 0 0 0 50px;    text-transform: uppercase;}.attribute-product .attribute-item ul li , .product-type-variable-left .attribute-item ul li{    margin: 0 0 1.5em;}.attribute-product .attribute-item ul li select {   display: inline-block;    margin-right: 15px;    position: relative;    top: -9px;    width: 57px;}.attribute-product .attribute-item ul li label {    display: inline-block;    margin-left: 4px;	   font-weight: 500;	   font-size:15px;}.attribute-product .attribute-item.product-addon-make-lasting-memories ul li{width:48%; display:inline-block;}.attribute-product .attribute-right, .single-product .product-type-variable .product-info  {    float: right;    width: 27%;}.attribute-product .attribute-right .breadcrumb {font-size: 78%;}.attribute-product .attribute-right .price::before {    background-color: #e6e6e5;    content: "";    display: block;    height: 3px;    margin: 0 0 14px;    width: 30px;}.attribute-product .attribute-right .price {font-size: 152%;}.attribute-product .attribute-right .rating { margin: 17px 0;}.attribute-product .attribute-right .rating span { color: #000; margin: 0 4px 0 0;}.attribute-product .attribute-right .rating:after{  background-color: #e6e6e5;    content: "";    display: block;    height: 3px;    margin: 16px 0 0;    width: 30px;}	.attribute-product .attribute-right .cart-detail {border-bottom: 1px solid #303030;    color: #909090;    font-size: 12px;    line-height: 16px;    text-transform: uppercase;}.attribute-product .attribute-right  .total-price{  color: #4b4b4b;    font-size: 13px;    line-height: normal;    margin: 24px 0;}.attribute-product .attribute-right  .total-price span{ color:#050505; font-size:28px; margin: 3px 0 0;}.attribute-product .attribute-right .cart-button, .attribute-product .variations_button .button{background-color:#eb212e; color:#fff; font-size:19.5px; width: 100%;max-width: 285px;}
.attribute-product .attribute-right.product-info .price::before, .attribute-product .variations_button .quantity{ display: none;}
/*** Popup Css **/
div#TB_window {

}
div#TB_window #TB_title {background:#D26E4B; border-bottom: 0px solid #dfdfdf; height: 37px;  margin-bottom: 1em;}
div#TB_window #TB_title #TB_ajaxWindowTitle{    color: #fff; text-transform: uppercase; padding: 3px 29px 0 10px;}
div#TB_window #TB_title #TB_closeAjaxWindow .tb-close-icon{color:#fff;}
div#TB_window #TB_ajaxContent{height:auto!important;}
div#TB_window #TB_ajaxContent .localtionSelecter{margin: 1em 0px;}
div#TB_window #TB_ajaxContent .saveButton{ text-align: center;}
@media only screen and (max-width: 767px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.price .pricetext, .price .price-detail { color: #fff !important; }
.car-slide{display:none;}
.icon-item {
    display: block;
    margin: 2em auto;
    text-align: center;
    width: 170px;
}
.full-column-grey {
    background-color: #f2f2f2;
    background-size: cover;
    display: inline-block;
    width: 100%;
}
.full-column-grey .half-image{display:none;}
.full-column-grey .half-detail {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    float: right;
    padding: 2em;
    width: 100%;
}
.full-column-grey .half-detail .price, .full-column-grey .half-detail h2 { color:#fff;}
.column-width{padding:30px 1em;}
.column-full{padding-left:1em; padding-right:1em;}
.column-1068 .column-half {
    float: left;
    padding: 2em;
    width: 100%;
}
.compare-table {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}
.gift-item {
    color: #000;
    display: block;
    float: none;
    font-size: 14px;
    margin: 1em auto;
    max-width: 320px;
    padding: 0 5%;
    text-align: center;
    width: 100%;
}
.parallax-content-2 h1 {
    font-size: 3em;
line-height: 1;}
.parallax-content-2 .icon-price{    max-width: 320px;}
.parallax-content-2 .videophoto-price { font-size: 38px; width: 125px;}
.parallax-content-2 .video-price {font-size: 38px; width: 76px;}
.parallax-content-2 .photo-price { font-size: 38px; width: 70px;}
}

/* Mobile Phone Number display 05/10/16 */

#masthead .right-links > ul {
    padding-top: 0px;
}

.mobile-phone {
  background-color: rgba(0,0,0,0.5);
  text-align: center;
  padding: 0.5rem;
}

.mobile-phone a {
  color: white;
}

.mobile-phone a:hover {
  color: #627f9a;
}

.mobile-phone a::before {
  font-family: FontAwesome;
  content: "\f098 ";
  padding-right: 5px;
}

.mobile-phone p {
  margin: 0;
}

/* General modifications 27/10/16 */

.row {
  max-width: 80rem;
}

/* New header 27/10/16 */

ul.header-nav a.nav-top-link {
    color: #000000;
    opacity: 1;
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
    font-family: "Open Sans" !important;
}

 ul.header-nav li.menu-item-language a {
   font-size: 14px;
   font-weight: 700;
   text-transform: none;
 }

.footer .cta, ul.header-nav li a.cta {
  padding: 4px 0.5rem;
  border-radius: 5px;
  background: #ff0000;
  border-color: #ff0000;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}

.footer .cta, ul.header-nav li a.cta i {
  font-size: 14px;
  padding-right: 4px;
}
.footer .cta:hover, ul.header-nav li a.cta:hover {
  background: #ff6666;
}

#masthead {
  height: 100px !important;
  border-bottom: 2px solid #ccc;
}

ul.header-nav li {
  margin-left: 20px;
}

ul.header-nav li.header-phone {
  text-align: center;
}

ul.header-nav li.header-phone a {
  color: #ff0000;
  font-size: 22px !important;
  text-align: center;
  padding: 0 !important;
  line-height: 1;
  font-weight: 400;
  font-family: "Open Sans"
}

ul.header-nav li.header-phone span {
  font-size: 11px;
  font-weight: 400;
  font-style: italic;
  color: #000;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (max-width: 1000px) {
  ul.header-nav li.header-phone a {
    font-size: 18px;
  }
}

@media screen and (max-width: 900px) {
  ul.header-nav .cta {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  ul.header-nav li.header-phone {
    display: none !important;
  }
}

#landing-header {
  height: 60px;
  max-width: 993px;
  margin: 0 auto;
  display: block;
}

#landing-header::after {
  content: '';
  clear: both;
}

#landing-header > img {
  float: left;
  width: 200px;
  height: auto;
  margin-top: 0.5rem;
}

#landing-header > span {
  float: right;
}

#landing-header > span > a {
  color: #ff0000;
}

@media screen and (max-width: 767px) {
  #landing-header > *:first-child,
  #landing-header > *:last-child {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin-bottom: 1rem;
  }
}

#landing-header span {
  font-family: "Open Sans" !important;
  font-weight: 800;
  font-style: italic;
  color: #323232;
  font-size: 1.2rem;
}

#landing-header span > em {
  color: #ff0000;
}

/* Poly classes */

.red {
  color: #ff0000;
  font-weight: 700;
}

.align-top {
  vertical-align: top;
}

.margin-top-0 {
  margin-top: 0;
}

/* New Footer 27/10/16 */

.widget_nav_menu ul li a {
  padding: 4px 0 4px 12px;
  border-bottom: 1px solid #ccc;
  text-transform: none;
}

.widget_nav_menu ul li:last-of-type a {
  border-bottom: none;
}

.tx-div {
  position: relative;
  left: 12px;
  margin: 8px 0 15px;
}

footer .widget-title {
  margin-left: 12px;
}

footer .widget_nav_menu {
  padding-right: 80px;
}

footer .fa-ul {
  list-style-position: inside;
}

.footer-contact {
  padding-top: 10px;
}

@media screen and (min-width: 1160px) {
  .footer-contact br {
    display: none;
  }
}

.footer-contact ul {
  padding-left: 20px;
}

@media screen and (max-width: 768px) {
  .footer-contact li {
    margin-left: 20px;
  }
}

.footer-contact img {
  margin-bottom: 18px;
  width: 100%;
  max-width: 250px;
}

.footer-contact li {
  padding-bottom: 15px;
  padding-top: 5px;
}

.footer-contact .big-red {
  color: #ff0000;
  font-size: 18px !important;
  text-align: center;
  padding: 0 !important;
  line-height: 1;
  font-weight: 400;
  position: relative;
  top: 1px;
}

.footer-contact .fa {
  font-size: 22px;
}

.footer-contact .fa-li {
  left: -2.04285714em;
}

footer .widget_nav_menu ul li.current-menu-item a {
  border-right: none;
}

.absolute-footer {
  padding: 15px 0;
}

.absolute-footer ul {
  font-size: 0;
}

.absolute-footer ul > li {
    display: inline-block;
    width: 25%;
    border-bottom: none;
    float: none;
}

.absolute-footer li a {
  border-bottom: none;
}

.absolute-footer ul > li > ul {
  text-align: right;
}

.absolute-footer ul > li > ul > li {
  width: auto;
  padding-right: 15px;
}

@media screen and (max-width: 768px) {
  .absolute-footer ul > li {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 0;
  }

  .absolute-footer ul > li > img {
    display: block;
    margin: 0 auto;
  }

  .absolute-footer ul > li > ul {
    text-align: center;
  }

  .absolute-footer ul > li > ul > li {
    display: inline-block;
  }
}

/* New Home Page */

/* Carousel without hover */

@media screen and (max-width: 768px) {
  #carousel-no-hover {
    display: none;
background-color: #ffffff;
  }

  #xp-choose {
    display: none;
  }
}

#carousel-no-hover, #carousel-no-hover * {
  box-sizing: border-box; }

#carousel-no-hover > ul {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1240px;
  height: 150px;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
  padding: 0; }


#carousel-no-hover > ul > li {
  width: 12%;
  display: inline-block;
  position: relative;
}

#carousel-no-hover > ul > li > ul {
  font-size: 0;
}

#carousel-no-hover > ul > li > ul > li {
  width: 20%;
  display: inline-block;
}

#carousel-no-hover > ul > li#supercars {
  width: 38%;
}

#carousel-no-hover #supercars-caption::after,
#carousel-no-hover #mustang-gt::after,
#carousel-no-hover #subaru-wrx-sti::after,
#carousel-no-hover #karting::after,
#carousel-no-hover #robinson-r44::after,
#carousel-no-hover #aerodium::after,
#carousel-no-hover #dbox::after
{
  font-size: 1.1rem;
  color: #bfbfbf;
  position: absolute;
  bottom: -1rem;
  font-family: "Open Sans Condensed";
  font-weight: 700;
  transform: translateX(-50%);
}


#carousel-no-hover #mustang-gt::after,
#carousel-no-hover #subaru-wrx-sti::after,
#carousel-no-hover #karting::after,
#carousel-no-hover #robinson-r44::after,
#carousel-no-hover #aerodium::after,
#carousel-no-hover #dbox::after
{
  text-align: center;
}

#carousel-no-hover #supercars-caption::after {
  content: "Supercars";
  left: 50%;
}

#carousel-no-hover #mustang-gt::after {
  content: "Racing";
}

#carousel-no-hover #subaru-wrx-sti::after {
  content: "Rallye";
}

#carousel-no-hover #karting::after {
  content: "Karting";
}

#carousel-no-hover #robinson-r44::after {
  content: "HÃ©lico";
}

#carousel-no-hover #aerodium::after {
  content: "AÃ©rodium";
}
#carousel-no-hover #dbox::after {
  content: "D-BOX";
}


#carousel-no-hover ul li a {
  max-width: 160px; height: 111px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom 10px center;
  z-index: 1;
  overflow:hidden;
  white-space:nowrap;
  display: block;
  margin-right: 0;
}

#xp-choose {
  font-size: 1.2rem;
  color: #818181;
  line-height: 0.5;
  text-align: center;
}
#xp-choose span {
  display: inline-block;
  position: relative;
}
#xp-choose span:before,
#xp-choose span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #818181;
  top: 0;
  width: 240%;
}
#xp-choose span:before {
  right: 100%;
  margin-right: 15px;
}
#xp-choose span:after {
  left: 100%;
  margin-left: 15px;
}

/* Experiences */
.xp-row {
  font-size: 0;
  background-color: #f2f2f2;
  width: 100%;
  display: inline-block;
  margin-top: 4rem;
  position: relative;
}

.xp-row * {
  vertical-align: top;
}

.mobile-only {
  display: none;
}

@media screen and (max-width: 767px) {
  .mobile-only {
    width: 100%;
    height: auto;
    display: block;
  }
}

.xp-text, .xp-image {
  display: inline-block;
  width: 50%;
}

.xp-image {
  height: 498px;
  background-position: center center;
  background-size: cover;
}

.taller {
  height: 556px;
}

.xp-image.left-shadow::after {
    content: '';
    position: absolute;
    left: 50%;
    width: 8px;
    height: 100%;
    background: none;
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.2) , rgba(0,0,0,0));
    background: -o-linear-gradient(right, rgba(0,0,0,0.2), rgba(0,0,0,0));
    background: -moz-linear-gradient(right, rgba(0,0,0,0.2), rgba(0,0,0,0));
    background: linear-gradient(to right, rgba(0,0,0,0.2), rgba(0,0,0,0));
}

.xp-image.right-shadow::after {
    content: '';
    position: absolute;
    left: calc(50% - 8px);
    width: 8px;
    height: 100%;
    background: none;
    background: -webkit-linear-gradient(right, rgba(0,0,0,0.2) , rgba(0,0,0,0));
    background: -o-linear-gradient(left, rgba(0,0,0,0.2), rgba(0,0,0,0));
    background: -moz-linear-gradient(left, rgba(0,0,0,0.2), rgba(0,0,0,0));
    background: linear-gradient(to left, rgba(0,0,0,0.2), rgba(0,0,0,0));
}

.xp-text {
  padding: 1rem 2rem;
}

@media screen and (max-width: 768px) {
  .xp-image {
    display: none;
  }

  .xp-text {
    width: 100%;
  }
}

.xp-text h2 {
  font-size: 2.5rem;
  display: inline-block;
}

.xp-text h3 {
  font-size: 2.2rem;
  display: inline-block;
}

.xp-text ul {
  list-style-position: inside;
}

.xp-text ul li {
  text-indent: -2em;
  margin-left: 2rem;
}

.block-h2 h2 {
  display: block;
}

.xp-text .to-right {
  float: right;
}

@media screen and (max-width: 768px) {
  .xp-text .to-right {
    float: none;
  }
}

.xp-text .to-center {
  float: center;
}

@media screen and (max-width: 768px) {
  .xp-text .to-center {
    float: none;
  }
}


.xp-text > div {
  position: relative;
  font-size: 16px;
  max-width: 40rem;
  width: 100%;
}

.xp-text > div .plus,
.xp-text > div .cart-button {
  display: inline-block;
  margin-left: 2rem;
}

.xp-text > div .plus {
    margin-top: 1.7rem;
}

.xp-text > div .plus:hover a {
  background-color: #888;
}

.xp-text > div .cart-button {
    margin-top: 1.25rem;
}

.xp-text > div .h2-align {
    margin-top: 1.5rem;
}

@media screen and (max-width: 908px) {
  .xp-text > div .plus {
    margin-left: 0;
    margin-top: 0;
    display: block;
  }
}

@media screen and (max-width: 931px) {
  .xp-text > div .cart-button {
      margin-top: 0;
      margin-left: 0;
      display: block;
  }

  .xp-text > div .cart-button a {
      margin-left: 0;
  }
}

.xp-text > div .plus a {
  background-color: #555555;
  padding: 0.2rem 0.4rem;
  color: white;
  font-size: 0.9rem;
  box-shadow: 2px 2px 1px #aaaaaa;
}

@media screen and (max-width: 900px) {
  .xp-text > div .plus {
    position: static;
  }
}

.xp-text > div > div.special {
  display: inline-block;
  max-width: 40%;
  width: 100%;
}


@media screen and (max-width: 1240px) {
  .xp-text > div > div.special {
    display: none;
  }
}

.xp-text > div > div.special > p {
  font-size: 1.5rem;
  font-family: "Open Sans";
  font-weight: 700;
  font-style: italic;
  margin-bottom: 0;
  line-height: 1.2;
  color: #555;
}

.xp-text > div > div.special > p:first-of-type {
  font-weight: 800;
  font-size: 2rem;
}

.xp-text > div > table.half {
  table-layout: fixed;
  width: auto;
  float: right;
}

.xp-text > div > table.half::after {
  clear: both;
}

.xp-text > div > table *:not(i) {
  font-family: "Open Sans Condensed";
  font-weight: 700;
}

.xp-text > div > table td {
  font-size: 1.5rem;
  letter-spacing: 0.2rem;
  color: #555;
}

.xp-text > div > table.half td {
  text-align: right;
}

.xp-text > div > table th {
  text-align: center;
  font-size: 1.2rem;
  font-family: "Open Sans";
  font-weight: 700;
  color: #555;
}

.xp-text .blue-button {
  font-size: 1.5rem;
  letter-spacing: 0;
  padding: 0px 9px 0px 20px;
  border-radius: 0;
  position: relative;
  font-family: "Open Sans";
  font-weight: 400;
  width: 6rem;
  text-align: center;
  line-height: 1.125em;
}

.xp-text .blue-button i {
  font-size: 65%;
  position: absolute;
  left: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
}

.xp-text .blue-button sup {
  top: 0.5em;
  font-size: 60%;
}

.xp-text > div > table.full td {
  text-align: center;
}

.xp-text > div > table.full td:first-child {
  text-align: left;
}

.xp-text > div > table.padded td:first-child {
  padding-left: 1rem;
}

.xp-text > div > table.full a {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  .xp-text > div > table.full td {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 550px) {
  .xp-text > div > table.full a {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 1.2rem;
    width: 5rem;
  }

  .xp-text > div > table.full td {
    font-size: 1.2rem;
  }
}

.xp-text > div > table sup {
  font-size: 60%;
}

.xp-text > div > table td > sup {
  left: 2rem;
}

.xp-text > div > table tr {
  border-bottom: none;
}

@media screen and (max-width: 768px) {
  .xp-text > div > table.half {
    float: none;
  }

  .xp-text > div > table.half td {
    text-align: left;
  }
}

.xp-text > div > table .accentuated {
  background-color: white;
  position: relative;
}

.xp-text > div > table .accentuated td {
  color: #ff0000;
}

.xp-text > div > table td.tiny > span {
  width: 200px;
  font-weight: 400;
  font-family: "Open Sans";
  font-size: 0.7rem;
  font-style: italic;
  color: black;
  vertical-align: middle;
  letter-spacing: 0;
  position: absolute;
  width: 35%;
  left: 230px;
  padding-top: 2px;
  text-align: left;
  line-height: 1;
}

@media screen and (max-width: 1315px) {
  .xp-text > div > table td.tiny {
    left: 215px;
    padding-top: 15px;
  }
}

@media screen and (max-width: 1224px) {
  .xp-text > div > table td.tiny span {
    display: none;
  }
}

.xp-text .tours > div {
  display: inline-block;
  color: #555;
  text-align: center;
  margin: 1rem;
  font-size: 1.25rem;
}

.xp-text .tours .blue-button {
  margin: 0;
}

.xp-text .tours p {
  font-weight: 700;
}

#car-showcase {
  font-size: 0;
}

#car-showcase sub {
  font-size: 14px;
}

#car-showcase .image,
#car-showcase .text {
  vertical-align: top;
}

#car-showcase .image {
  display: inline-block;
  width: 30%;
  font-size: 1rem;
}

#car-showcase .text {
  display: inline-block;
  width: 70%;
  font-size: 0.8rem;
}

@media screen and (max-width: 767px) {
  #car-showcase .text,
  #car-showcase .image {
    width: 100%;
  }
}

#car-showcase .icon-set {
  margin: 2rem;
}

#car-showcase .icon-set .icon-item {
  width: 90px;
}

@media screen and (max-width: 767px) {
  #car-showcase .icon-set .icon-item {
    display: inline-block;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

#car-showcase .icon-set .icon-item img {
  width: auto;
  height: 26px;
}

#car-showcase .icon-set .icon-item span {
  font-size: 25px;
}

#car-showcase .icon-set .icon-item h4 {
  font-size: 16px;
}

/* Coffrets page */

.giant-red {
  text-align: center;
  font-size: 3.5rem;
  color: #ff0000;
  font-style: italic;
  font-family: "Open Sans";
  font-weight: 800;
}

@media screen and (max-width: 768px) {
  .giant-red {
    padding-top: 2rem;
    font-size: 3rem;
  }
}

/*#hero-coffrets {
  color: white;
  width: 100%;
  position: relative;
  min-height: 36rem;
  font-size: 2rem;
}

#hero-coffrets tr td > sup {
  font-size: 60%;
  top: -1.5em;
  left: 3.5rem;
}

#hero-coffrets > div {
  position: absolute;
  right: 2rem;
  bottom: 2rem;
  max-width: 500px;
}

#hero-coffrets > div > p {
  font-style: italic;
  font-size: 2.5rem;
  line-height: 1.4;
  font-weight: 700;
}

#hero-coffrets .blue-button {
  background-color: #ff0000;
  width: 10rem;
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 400;
  position: relative;
  box-shadow: none;
  border-radius: 0;
}

#hero-coffrets > div a > i {
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 80%;
}

#hero-coffrets > div > p {
  text-align: right;
}

#hero-coffrets > div > p > span {
  font-size: 3.5rem;
}

#hero-coffrets table td {
  line-height: 0.6;
  text-align: right;
}

#hero-coffrets table tr {
  border: none;
}

#hero-coffrets table span {
  padding-left: 2rem;
  letter-spacing: 0.2rem;
}*/

#contact-us {
  background-color: #f7f7f7;
  font-size: 0;
}

#contact-us p {
  margin-bottom: 0;
  line-height: 1.4;
}

#contact-us > div {
  display: inline-block;
}

#contact-us > div:first-of-type {
  width: 55%;
  text-align: left;
  position: relative;
}

#contact-us > div:first-of-type img,
#contact-us > div:first-of-type span {
  display: inline-block;
  vertical-align: middle;
}

#contact-us > div:first-of-type p {
  font-family: "Open Sans" !important;
  font-weight: 800;
  font-style: italic;
  color: #323232;
  font-size: 2.1rem;
}

#contact-us > div:first-of-type a {
  font-family: "Open Sans";
  font-weight: 800;
  font-size: 2.5rem;
  position: relative;
}

@media screen and (min-width: 1001px) {
  #contact-us > div:first-of-type a::after {
    content: "\f095";
    font-family: "FontAwesome";
    color: white;
    width: 40px;
    height: 40px;
    background-color: #ff0000;
    border-radius: 50%;
    font-size: 1.7rem;
    position: absolute;
    text-align: center;
    padding-right: 4px;
    padding-top: 2px;
    right: -3.5rem;
    top: 50%;
    transform: translateY(-50%);
  }
}

#contact-us > div:last-of-type {
  width: 45%;
  font-size: 1.5rem;
  vertical-align: middle;
  text-align: right;
  padding: 1rem;
  color: #323232;
}

#contact-us > div:last-of-type a {
  color: #323232;
  margin-bottom: 2rem;
  position: relative;
}

@media screen and (min-width: 1001px) {
  #contact-us > div:last-of-type a {
    padding-right: 40px;
  }

  #contact-us > div:last-of-type a::after {
    content: "\f003";
    font-family: "FontAwesome";
    color: white;
    width: 40px;
    height: 40px;
    background-color: #ff0000;
    border-radius: 50%;
    font-size: 1.5rem;
    position: absolute;
    text-align: center;
    padding-right: 1px;
    padding-top: 6px;
    right: -0.5rem;
    top: 50%;
    transform: translateY(-50%);
  }
}

#contact-us > div:last-of-type > div {
  margin-top: 1rem;
  position: relative;
}

@media screen and (min-width: 1001px) {
  #contact-us > div:last-of-type > div {
    padding-right: 40px;
  }
  #contact-us > div:last-of-type > div::after {
    content: "\f041";
    font-family: "FontAwesome";
    color: white;
    width: 40px;
    height: 40px;
    background-color: #ff0000;
    border-radius: 50%;
    font-size: 1.5rem;
    position: absolute;
    text-align: center;
    padding-right: 1px;
    padding-top: 6px;
    right: -0.5rem;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media screen and (max-width: 1000px) {
  #contact-us > div:first-of-type,
  #contact-us > div:last-of-type {
    width: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  #contact-us > div:first-of-type p,
  #contact-us > div:first-of-type a {
    font-size: 2rem;
  }
}

.promo-noel {
  margin-top: 2rem;
  background: url(images/promo-livraison.html) no-repeat center right;
}

.promo-noel * {
  font-style: italic;
  font-family: "Open Sans";
}

.promo-noel > p:first-of-type {
  color: #ec2028;
  font-size: 2.6rem;
  font-weight: 800;
  text-align: left;
  margin-bottom: 0;
}

.promo-noel > p:nth-of-type(2) {
  color: #33a457;
  font-size: 2rem;
  font-weight: 700;
}

@media screen and (max-width: 1000px) {
  .promo-noel {
    padding: 1rem;
  }

  .promo-noel > p:first-of-type {
    font-size: 2rem;
    text-align: center;
  }

  .promo-noel > p:nth-of-type(2) {
    text-align: center;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 768px) {
  .promo-noel {
    background: none;
  }
}
.small-grey {
  font-size: 0.9rem;
  color: #b3b3b3;
}

table.coffrets * {
  line-height: 1.5;
  margin-bottom: 0;
}

table.coffrets *:not(i) {
  font-family: "Open Sans Condensed" !important;
}

table.coffrets td,
table.coffrets th {
  text-align: center;
  color: #323232;
  padding: 1rem;
  width: 25%;
}

@media screen and (max-width: 500px) {
  table.coffrets td,
  table.coffrets th {
    text-align: center;
    color: #323232;
    padding: 0.5rem;
    width: 25%;
  }
}

table.coffrets th {
  font-size: 1.8rem;
  vertical-align: top;
}

table.coffrets th * {
  font-weight: 700;
  line-height: 1.25;
}

table.coffrets th p:first-of-type {
  margin-bottom: 1rem;
}

table.coffrets td {
  font-size: 1.2rem;
}

table.coffrets td p b {
  font-size: 1.1rem;
}

table.coffrets td p {
  font-weight: 300;
}

table.coffrets td:first-of-type {
  font-size: 1.3rem;
}

table.coffrets td:first-of-type * {
  display: inline-block;
  max-width: 45%;
}

table.coffrets td:first-of-type *:first-child {
  padding-right: 1rem;
}

@media screen and (max-width: 500px) {
  table.coffrets td:first-of-type *:first-child {
    padding-right: 0.5rem;
  }
}

table.coffrets tr {
  border-bottom: 1px solid #ccc;
}

table.coffrets tbody tr:last-of-type {
  border-bottom: none;
}

table.coffrets tr th:nth-of-type(2n),
table.coffrets tr td:nth-of-type(2n) {
  background-color: #f7f7f7;
}

@media screen and (max-width: 767px) {
  table.coffrets tr th:nth-of-type(n+2),
  table.coffrets tr td:nth-of-type(n+2) {
    background-color: #f7f7f7;
  }
}

table.coffrets th > sup,
#mobile-coffrets div > sup {
  font-size: 1rem;
  top: 0;
  line-height: 1;
}

table.coffrets .blue-button,
#mobile-coffrets .blue-button {
  width: 10rem;
  font-size: 1.8rem;
  padding: 0;
  margin: 0 0 1rem 0;
  border-radius: 0;
  box-shadow: none;
  text-align: center;
  max-width: 100px;
  position: relative;
  padding-left: 1.5rem;
}

table.coffrets .blue-button i,
#mobile-coffrets .blue-button i {
  font-size: 75%;
  position: absolute;
  left: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
}

table.coffrets th span {
    font-size: 1rem;
    font-style: italic;
    display: block;
    color: #666;
    font-weight: 700;
}

#mobile-coffrets {
  display: none;
  font-size: 0;
  vertical-align: baseline;
}

#mobile-coffrets div > sup,
#mobile-coffrets p {
  font-family: "Open Sans Condensed" !important;
  font-weight: 700;
  color: #323232;
}

#mobile-coffrets p {
  font-size: 1.8rem;
}

#mobile-coffrets > img {
  display: inline-block;
  width: 30%;
  position: relative;
  bottom: 2rem;
}

#mobile-coffrets > div {
  display: inline-block;
  width: 70%;
  font-size: 1rem;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 550px) {
  #mobile-coffrets > div {
    width: 100%;
  }

  #mobile-coffrets > img {
    display: none;
  }
}

#mobile-coffrets > div > p > img {
  cursor: pointer;
}

#mobile-coffrets > div > div > p {
  margin-bottom: 0.5rem;
  position: relative;
}

#mobile-coffrets > div > div > p > span {
  position: absolute;
  bottom: -1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 10rem;
}

#mobile-coffrets > div > p:first-of-type {
  position: absolute;
  top: 2.5rem;
  left: 2.5rem;
}

#mobile-coffrets > div > p:last-of-type {
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
}

#mobile-coffrets > div > * {
  display: inline-block;
}

@media screen and (max-width: 767px) {

  #mobile-coffrets {
    display: block;
  }

  table.coffrets > thead {
    display: none;
  }

  table.coffret-1 tr td:nth-child(3),
  table.coffret-1 tr td:nth-child(4) {
    display: none;
  }

  table.coffret-2 tr td:nth-child(2),
  table.coffret-2 tr td:nth-child(4) {
    display: none;
  }

  table.coffret-3 tr td:nth-child(2),
  table.coffret-3 tr td:nth-child(3) {
    display: none;
  }

  #mobile-coffrets > div > div {
    display: inline-block;
  }

  #mobile-coffrets.coffret-1 > div > div:nth-of-type(2),
  #mobile-coffrets.coffret-1 > div > div:nth-of-type(3) {
    display: none;
  }

  #mobile-coffrets.coffret-2 > div > div:nth-of-type(1),
  #mobile-coffrets.coffret-2 > div > div:nth-of-type(3) {
    display: none;
  }

  #mobile-coffrets.coffret-3 > div > div:nth-of-type(1),
  #mobile-coffrets.coffret-3 > div > div:nth-of-type(2) {
    display: none;
  }
}

#floating-pitch {
  margin: 2rem 0;
  width: 50%;
  float: right;
  position: relative;
  z-index: 1;
}

#floating-pitch::before{
    width: 100%;
    content: " ";
    background: url(images/carte-cadeau-bg.html) no-repeat center center;
    position: absolute;
    left: -95%;
    height:100%;
    background-size: 100% auto;
    z-index: -1;
}

#floating-pitch > div {
  padding: 2rem 2rem;
  background-color: #f2f2f2;
  color: #323232;
  text-align: left;
  z-index: 2;
}

#floating-pitch > div > h2 {
  font-size: 2rem;
  color: #323232;
}

#floating-pitch > div::after {
  clear: both;
}

#floating-pitch .blue-button {
  font-weight: 700;
  border-radius: 0;
  font-size: 110%;
  box-shadow: none;
  font-family: "Open Sans Condensed";
}

@media screen and (max-width: 768px) {
  #floating-pitch {
    width: 100%;
    float: none;
  }

  #floating-pitch::before {
    display: none;
  }
}

/* Remove TTC and tax labels */

.tax_label,
.includes_tax {
  display: none;
}

.blue-button .regular {
  font-size: 14px;
}

.blue-button .discount {
  color: white;
}

.xp-texta, .xp-image {
  
  width: 50%;
}


.xp-texta {
  padding: 1rem 2rem;
text-align: center;
width: 100%;
}

@media screen and (max-width: 768px) {
  
  .xp-texta {
    width: 100%;
text-align: center;
  }
}

.xp-texta h2 {
  font-size: 2.5rem;
  display: inline-block;

}

.xp-texta h3 {
  font-size: 2.2rem;
  display: inline-block;
}

.xp-texta ul {
  list-style-position: inside;
}

.xp-texta ul li {
  text-indent: -2em;
  margin-left: 2rem;
}

.xp-texta .to-left {
  float: left;
}

@media screen and (max-width: 768px) {
  .xp-text .to-left {
    float: none;
  }
}


.xp-texta > div {
  position: relative;
  font-size: 16px;
  max-width: 120rem;
  width: 100%;
padding-left: 20%;
    padding-right: 20%;
}

.xp-texta > div .plus,
.xp-texta > div .cart-button {
  display: inline-block;
  margin-left: 2rem;
}

.xp-texta > div .plus {
    margin-top: 1.7rem;
}

.xp-texta > div .plus:hover a {
  background-color: #888;
}

.xp-texta > div .cart-button {
    margin-top: 1.25rem;
}

.xp-texta > div .h2-align {
    margin-top: 1.5rem;
}

@media screen and (max-width: 908px) {
  .xp-texta > div .plus {
    margin-left: 0;
    margin-top: 0;
    display: block;
  }
.xp-texta > div {
  position: relative;
  font-size: 16px;
  max-width: 100rem;
  width: 100%;
padding-left: 5%;
    padding-right: 5%;
}
}

@media screen and (max-width: 931px) {
  .xp-texta > div .cart-button {
      margin-top: 0;
      margin-left: 0;
      display: block;
  }

  .xp-texta > div .cart-button a {
      margin-left: 0;
  }
}

.xp-texta > div .plus a {
  background-color: #555555;
  padding: 0.2rem 0.4rem;
  color: white;
  font-size: 0.9rem;
  box-shadow: 2px 2px 1px #aaaaaa;
}

@media screen and (max-width: 900px) {
  .xp-texta > div .plus {
    position: static;
  }
}

.xp-texta > div > div.special {
  display: inline-block;
  max-width: 40%;
  width: 100%;
}


@media screen and (max-width: 1240px) {
  .xp-texta > div > div.special {
    display: none;
  }
}

.xp-texta > div > div.special > p {
  font-size: 1.5rem;
  font-family: "Open Sans";
  font-weight: 700;
  font-style: italic;
  margin-bottom: 0;
  line-height: 1.2;
  color: #555;
}

.xp-texta > div > div.special > p:first-of-type {
  font-weight: 800;
  font-size: 2rem;
}

.xp-texta > div > table.half {
  table-layout: fixed;
  width: auto;
  float: right;
}

.xp-texta > div > table.half::after {
  clear: both;
}

.xp-texta > div > table *:not(i) {
  font-family: "Open Sans Condensed";
  font-weight: 700;
}

.xp-texta > div > table td {
  font-size: 1.5rem;
  letter-spacing: 0.2rem;
  color: #555;
}

.xp-texta > div > table.half td {
  text-align: right;
}

.xp-texta > div > table th {
  text-align: center;
  font-size: 1.2rem;
  font-family: "Open Sans";
  font-weight: 700;
  color: #555;
}

.xp-texta .blue-button {
  font-size: 1.5rem;
  letter-spacing: 0;
  padding: 0px 9px 0px 20px;
  border-radius: 0;
  position: relative;
  font-family: "Open Sans";
  font-weight: 400;
  width: 6rem;
  text-align: center;
  line-height: 1.125em;
}

.xp-texta .blue-button i {
  font-size: 65%;
  position: absolute;
  left: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
}

.xp-texta .blue-button sup {
  top: 0.5em;
  font-size: 60%;
}

.xp-texta > div > table.full td {
  text-align: center;
}

.xp-texta > div > table.full td:first-child {
  text-align: left;
}

.xp-texta > div > table.padded td:first-child {
  padding-left: 1rem;
}

.xp-texta > div > table.full a {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  .xp-texta > div > table.full td {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 550px) {
  .xp-texta > div > table.full a {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 1.2rem;
    width: 5rem;
  }

  .xp-texta > div > table.full td {
    font-size: 1.2rem;
  }
}

.xp-texta > div > table sup {
  font-size: 60%;
}

.xp-texta > div > table td > sup {
  left: 2rem;
}

.xp-texta > div > table tr {
  border-bottom: none;
}

@media screen and (max-width: 768px) {
  .xp-texta > div > table.half {
    float: none;
  }

  .xp-texta > div > table.half td {
    text-align: left;
  }
}

.xp-texta > div > table .accentuated {
  background-color: white;
  position: relative;
}

.xp-texta > div > table .accentuated td {
  color: #ff0000;
}

.xp-texta > div > table td.tiny > span {
  width: 200px;
  font-weight: 400;
  font-family: "Open Sans";
  font-size: 0.7rem;
  font-style: italic;
  color: black;
  vertical-align: middle;
  letter-spacing: 0;
  position: absolute;
  width: 35%;
  left: 230px;
  padding-top: 2px;
  text-align: left;
  line-height: 1;
}

@media screen and (max-width: 1315px) {
  .xp-texta > div > table td.tiny {
    left: 215px;
    padding-top: 15px;
  }
}

@media screen and (max-width: 1224px) {
  .xp-texta > div > table td.tiny span {
    display: none;
  }
}

.xp-texta .tours > div {
  display: inline-block;
  color: #555;
  text-align: center;
  margin: 1rem;
  font-size: 1.25rem;
}

.xp-texta .tours .blue-button {
  margin: 0;
}

.xp-texta .tours p {
  font-weight: 700;
}

.icarbouton{
    padding: 8px 0.5rem;
    border-radius: 5px;
    background: #ff0000;
    border-color: #ff0000;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
}
.icarbouton a:hover {
    background: #ff6666 !important;
background: #ff0000 !important;
    border-color: #ff0000 !important;
}
/*
#menu-item-4319:hover .nav-dropdown {
    display: block;
}
*/


   .top-bar-nav a.nav-top-link, body, p, #top-bar, .cart-inner .nav-dropdown, .nav-dropdown {
            font-family: Lato,helvetica,arial,sans-serif !important;
        }

        .header-nav a.nav-top-link, a.cart-link, .mobile-sidebar a {
            font-family: Lato,helvetica,arial,sans-serif !important;
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: Lato,helvetica,arial,sans-serif !important;
        }

        .alt-font {
            font-family: Dancing Script,Georgia,serif !important;
        }

        #masthead {
            height: 60px;
        }

        #logo a img {
            max-height: 50px;
        }

        #masthead #logo a {
            margin-top: 0;
            padding: 5px 0;
        }

        #masthead .left-links > ul, #masthead .right-links > ul {
            padding-top: 0;
        }

        #masthead #logo {
            width: 200px;
        }

            #masthead #logo a {
                max-width: 200px;
            }

        #masthead.stuck.move_down {
            height: 60px;
        }

        .wide-nav.move_down {
            top: 60px;
        }

        #masthead.stuck.move_down #logo a img {
            max-height: 50px;
        }

        ul.header-nav li a {
            font-size: 70%;
        }

        #masthead {
            background-color: #fff;
            ;
        }

        .sliderNav.small a, #main-content {
            background-color: #FFF !important;
        }

        .wide-nav {
            background-color: #eee;
        }

        #top-bar {
            background-color: #627f9a;
        }

        .alt-button.primary, .callout.style3 .inner .inner-text, .add-to-cart-grid .cart-icon strong, .tagcloud a, .navigation-paging a, .navigation-image a, ul.page-numbers a, ul.page-numbers li > span, #masthead .mobile-menu a, .alt-button, #logo a, li.mini-cart .cart-icon strong, .widget_product_tag_cloud a, .widget_tag_cloud a, .post-date, #masthead .mobile-menu a.mobile-menu a, .checkout-group h3, .order-review h3 {
            color: #627f9a;
        }

            .ux-box.ux-text-badge:hover .ux-box-text, .ux-box.ux-text-overlay .ux-box-image, .ux-header-element a:hover, .featured-table.ux_price_table .title, .scroll-to-bullets a strong, .scroll-to-bullets a.active, .scroll-to-bullets a:hover, .tabbed-content.pos_pills ul.tabs li.active a, .ux_hotspot, ul.page-numbers li > span, .label-new.menu-item a:after, .add-to-cart-grid .cart-icon strong:hover, .text-box-primary, .navigation-paging a:hover, .navigation-image a:hover, .next-prev-nav .prod-dropdown > a:hover, ul.page-numbers a:hover, .widget_product_tag_cloud a:hover, .widget_tag_cloud a:hover, .custom-cart-count, .iosSlider .sliderNav a:hover span, .ux-loading i, li.mini-cart.active .cart-icon strong, .product-image .quick-view, .product-image .product-bg, #submit, button, #submit, button, .button, input[type="submit"], li.mini-cart.active .cart-icon strong, .post-item:hover .post-date, .blog_shortcode_item:hover .post-date, .column-slider .sliderNav a:hover, .ux_banner {
                background-color: #627f9a;
            }

            .ux-header-element a:hover, .featured-table.ux_price_table, .text-bordered-primary, .callout.style3 .inner, ul.page-numbers li > span, .add-to-cart-grid .cart-icon strong, .add-to-cart-grid .cart-icon-handle, .add-to-cart-grid.loading .cart-icon strong, .navigation-paging a, .navigation-image a, ul.page-numbers a, ul.page-numbers a:hover, .post.sticky, .widget_product_tag_cloud a, .widget_tag_cloud a, .next-prev-nav .prod-dropdown > a:hover, .iosSlider .sliderNav a:hover span, .column-slider .sliderNav a:hover, .woocommerce .order-review, .woocommerce-checkout form.login, .button, button, li.mini-cart .cart-icon strong, li.mini-cart .cart-icon .cart-icon-handle, .post-date {
                border-color: #627f9a;
            }

                .primary.alt-button:hover, .button.alt-button:hover {
                    background-color: #627f9a !important;
                }

        .featured-box:hover svg, .featured-img svg:hover {
            fill: #627f9a !important;
        }

        .featured-box:hover .featured-img-circle svg {
            fill: #FFF !important;
        }

        .featured-box:hover .featured-img-circle {
            background-color: #627f9a !important;
            border-color: #627f9a !important;
        }

        .star-rating:before, .woocommerce-page .star-rating:before, .star-rating span:before {
            color: #d26e4b;
        }

        .secondary.alt-button, li.menu-sale a {
            color: #d26e4b !important;
        }

        .secondary-bg.button.alt-button.success:hover, .label-sale.menu-item a:after, .mini-cart:hover .custom-cart-count, .callout .inner, .button.secondary, .button.checkout, #submit.secondary, button.secondary, .button.secondary, input[type="submit"].secondary {
            background-color: #d26e4b;
        }

        .button.secondary, .button.secondary {
            border-color: #d26e4b;
        }

        .secondary.alt-button:hover {
            color: #FFF !important;
            background-color: #d26e4b !important;
        }

        ul.page-numbers li > span {
            color: #FFF;
        }

        .callout.style3 .inner.success-bg .inner-text, .woocommerce-message {
            color: #7a9c59 !important;
        }

            .success-bg, .woocommerce-message:before, .woocommerce-message:after {
                color: #FFF !important;
                background-color: #7a9c59;
            }

        .label-popular.menu-item a:after, .add-to-cart-grid.loading .cart-icon strong, .add-to-cart-grid.added .cart-icon strong {
            background-color: #7a9c59;
            border-color: #7a9c59;
        }

        .add-to-cart-grid.loading .cart-icon .cart-icon-handle, .add-to-cart-grid.added .cart-icon .cart-icon-handle {
            border-color: #7a9c59;
        }

        .product-image:hover .add-to-cart-grid {
            bottom: 10px;
        }

        .label-new.menu-item > a:after {
            content: "New";
        }

        .label-hot.menu-item > a:after {
            content: "Hot";
        }

        .label-sale.menu-item > a:after {
            content: "Sale";
        }

        .label-popular.menu-item > a:after {
            content: "Popular";
        }

        .featured_item_image {
            max-height: 250px;
        }

        .callout .inner.callout-new-bg {
            background-color: #7a9c59 !important;
        }

        .callout.style3 .inner.callout-new-bg {
            background-color: none !important;
            border-color: #7a9c59 !important;
        }

        #lang_sel {
            z-index: 10;
            width: 100%;
        }

            #lang_sel li {
                width: 100%;
            }

        .menu-item-language .sub-menu {
            padding: 10px;
            left: auto;
            right: 0;
            width: 180px;
        }

            .menu-item-language .sub-menu li {
                margin: 0;
                padding: 0;
                width: 100%;
            }

        .sub-menu.submenu-languages a {
            color: #777 !important;
            font-size: 95%;
            display: block;
            text-transform: uppercase;
            padding: 10px 0;
            border-bottom: 1px solid #EEE;
        }

            .sub-menu.submenu-languages a:hover {
                color: #000 !important;
                border-bottom: 1px solid #EEE;
            }

        .sub-menu.submenu-languages li:last-child a {
            border: 0;
        }

        .sub-menu.submenu-languages .iclflag {
            margin-right: 5px;
        }

        .secondary-bg.button.alt-button.success:hover, .label-sale.menu-item a:after, .mini-cart:hover .custom-cart-count, .callout .inner, .button.secondary, .button.checkout, #submit.secondary, button.secondary, .button.secondary, input[type="submit"].secondary {
            background-color: red;
        }

        .checkout-button .secondary .expand .button {
            background-color: #ff0000 !important;
        }

        .tour-alex {
            width: 100%;
        }

        #carousel-no-hover > ul > li {
            width: 10%;
        }

        #dbox {
            background: url(../../icarexperience.ca/wp-content/uploads/2017/06/dbox.png);
        }

        .xp-text .tours .blue-button {
            margin: 4px;
        }

        xp-text .blue-button {
            width: 7rem;
        }

        .xd-row {
            font-size: 0;
            background-color: #f2f2f2;
            width: 100%;
            display: inline-block;
            margin-top: 0rem;
            position: relative;
        }

        form-row woocommerce-mailchimp-opt-in p {
            font-size: 20px;
        }

        .column-width {
            padding-top: 40px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
        }

        .blue-button {
            background-color: #ff0000;
            color: #ffffff;
            border-radius: 2px;
            padding: 4px 9px;
            font-size: 18px !important;
            display: inline-block;
            margin: 0px 0px 0px 0px;
            box-shadow: 2px 2px 1px #aaaaaa;
            font-size: 1.5rem;
            letter-spacing: 0;
            padding: -1px 9px 0px 20px;
            border-radius: 0;
            position: relative;
            font-family: "Open Sans";
            font-weight: 400;
            text-align: center;
            line-height: 1.125em;
            width: 7rem;
        }

        .more-button {
            background-color: #ff0000;
            color: #ffffff;
            border-radius: 2px;
            padding: 4px 9px;
            font-size: 18px !important;
            display: inline-block;
            margin: 0px 0px 0px 0px;
            box-shadow: 2px 2px 1px #aaaaaa;
            font-size: 1.5rem;
            letter-spacing: 0;
            padding: -1px 9px 0px 20px;
            border-radius: 0;
            position: relative;
            font-family: "Open Sans";
            font-weight: 400;
            text-align: center;
            line-height: 1.125em;
        }

        .td-button {
            background-color: #ff0000;
            color: #ffffff;
            border-radius: 2px;
            padding: 4px 9px;
            font-size: 17px !important;
            display: inline-block;
            margin: 0px 0px 0px 0px;
            box-shadow: 2px 2px 1px #aaaaaa;
            letter-spacing: 0;
            border-radius: 0;
            position: relative;
            font-family: "Open Sans";
            font-weight: 400;
            text-align: center;
            line-height: 1.125em;
        }

        .blueex-button {
            background-color: #ff0000;
            color: #ffffff;
            border-radius: 2px;
            font-size: 17px !important;
            display: inline-block;
            margin: 0px 0px 0px -12px;
            box-shadow: 2px 2px 1px #aaaaaa;
            padding: 9px 9px;
            letter-spacing: 0;
            border-radius: 0;
            position: relative;
            font-family: "Open Sans";
            font-weight: 400;
            text-align: center;
            line-height: 1.125em;
            border-radius: 10px;
        }

        .fa {
            margin-right: 10px;
            font-size: 18px;
        }

        .ordinal {
            font-size: smaller;
            vertical-align: super;
        }

        .more-button.discount {
            padding-left: 0.25em;
            color: #ffffff;
        }

        .feature-block:nth-of-type(2n) > figure {
            background: #f2f2f2;
        }

        .taller {
            height: 620px;
        }

        .xp-image {
            height: 550px;
        }

        .xp-image1 {
            height: 617px;
            background-position: center center;
            background-size: cover;
        }

        .feature-block > figure img {
            box-shadow: 8px 0 8px -10px #000000,-8px 0 8px -10px #000000;
        }

        .full-column-grey .half-image {
            height: 555px;
        }

        .xp-text > div > table td {
            font-size: 1.27rem;
        }

        #carousel-no-hover {
            font-size: 1.27rem;
        }

        #carousel-no-hover {
            background-color: rgba(255, 255, 255, 0.85);
        }

        section.anchor {
            display: block;
            position: relative;
            top: -250px;
            visibility: hidden;
        }

        #carousel-no-hover #mustang-gt-en::after {
            content: "Racing";
        }

        #carousel-no-hover #subaru-wrx-sti-en::after {
            content: "Rallye";
        }

        #carousel-no-hover #karting-en::after {
            content: "Karting";
        }

        #carousel-no-hover #robinson-r44-en::after {
            content: "Helico";
        }

        #carousel-no-hover #aerodium-en::after {
            content: "Aerodium";
        }

ul li:before {
    content: ""!important;
    margin-left: 0px!important;
    margin-right: 0px!important;
    display: block;
}

.menu-item:before {
         margin-left: 0px!important;
            margin-right: 0px!important;
}

.nav-top-link {
      text-decoration:none!important;
}
header {
padding-top:25px!important;
}


.control-group {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  text-align: left;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  padding: 30px;
  width: auto;
  height: auto;
  margin: 10px;
}
.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 18px;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
}
.control--radio .control__indicator {
  border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc;
}
.control input:checked ~ .control__indicator {
  background: #2aa1c0;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #0e647d;
}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}
.select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}
.select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: #e6e6e6;
  color: #7b7b7b;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select select::-ms-expand {
  display: none;
}
.select select:hover,
.select select:focus {
  color: #000;
  background: #ccc;
}
.select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.select__arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent;
}
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
  border-top-color: #000;
}
.select select:disabled ~ .select__arrow {
  border-top-color: #ccc;
}



  
@import url('https://fonts.googleapis.com/css?family=Lato');
    .video-thumbnail {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.video-thumbnail:before {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    content: "\f01d";
    font-family: FontAwesome;
    font-size: 100px;
    color: #fff;
    opacity: .8;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}
.video-thumbnail:hover:before {
  color: #eee;
}

    
.fa-search{
    margin-left: 10px;
}
    
.btn-search{
    border: 0;
    background: transparent;
    background-color: #ff0000;
    padding: 7px 20px;
    margin-left: -5px;
}  
    
.enterNumber{
    padding: 0 !important; 
}
    
.red-flag {
    color: #ff0000;
    font-size: 16px;
}
    
 .fa-play:before {
    position: absolute;
    top: 80px;
    left: 37%;
    font-family: 'FontAwesome';
    content: "\f01d";
    font-size: 7vw;
    color: #ffffffc7;
}
    
.marginb {
    margin-top: 20px;''
}
    
.form-control-2 {
    padding: 6px 0px 6px 41px !important;
   
}
    
.wrapper-admin:before {
    font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -46%;
    top: 45px;
    z-index: 999;
    content: "\f007";
    font-size: 20px;
}
    
.wrapper-email:before {
     font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -46%;
    top: 45px;
    z-index: 999;
    content: "\f0e0";
     font-size: 20px;
}
    
.wrapper-phone:before {
     font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -46%;
    top: 45px;
    z-index: 999;
    content: "\f095";
    font-size: 20px;
}

.look-video{
font-weight: bold;
margin:5px 0px 0px 0px;
font-family: 'Lato', sans-serif;
}
    
.image-column{
padding:0;
margin-top: -20px;
margin-bottom: -30px;
}
    
.red-explanation {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    color: white;
    padding: 2px 10px;
    float: none;
    background-color: #ff0000;
}
    
.radio-column {
font-family: 'Lato', sans-serif;
    float: left;
    width: 66.666666%;
}
    
figure {
    display: inline-block;
    margin: 20px; /* adjust as needed */
}
    
figure img {
    vertical-align: top;
}
    
figure figcaption {
font-family: 'Lato', sans-serif;
    text-align: center;
}
    
.row-fudge {
    font-family: 'Lato', sans-serif;
    padding: 15px 0;
    background-color: #ffffff;
    width: 70%;
    margin: 0 auto;
    border: 1px solid #cecece;
    margin-top: 40px;
    margin-bottom: 40px;
    -webkit-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.24);
-moz-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.24);
box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.24);
}
    
.row-number{
    height:83px;
    background-color:#F5F4F5; 
    }

.img-pad{
    padding-top: 120px
}
    
hr {
    margin: auto !important;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.text-instruction{
    font-family: 'Lato', sans-serif;
    text-align: center;
    color:#838383;
    margin:0;
    padding: 0px 0px 10px 0px;
    font-size: 14px;
    line-height:12px
    font-weight: 700;
}
    
.title-instruction {
    font-family: 'Lato', sans-serif;
    text-align: center;
    color: #838383;
    font-size: 30px;
    line-height: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}
    
.biginstruction{
    font-family: 'Lato', sans-serif;
    width:58%; 
    float:left;
    padding: 10px 0;
}
    
.bignumber{
    font-family: 'Lato', sans-serif;
    width:21%;
    float:left;
}
    
.bignumber-text-1 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    text-align: center;
    color: #D1D1D1;
    margin: 0px;
    font-size: 124px;
    line-height: 88px;
}
    
.bignumber-text-5 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    text-align: center;
    color: #D1D1D1;
    margin: 0px;
    font-size: 126px;
    line-height: 90px;
}

.red-lign {
    margin-top: -24px;
    width: 89%;
    color: #f00;
    background-color: #f00;
    height: 5px;
}

.radio{
   margin-left: 20px
}
    
@media screen and (max-width: 1440px){
    .fa-play:before {
    top: 63px;
    left: 37%;
}
}
    
@media screen and (max-width: 1280px){
    .fa-play:before {
    top: 60px;
    left: 38%;
}
}
    
@media screen and (max-width: 1255px){
.fa-play:before {
   top: 60px;
}

.bignumber{
   width:11%;
}
    
.biginstruction{
   width:80%; 
}
}
    
@media screen and (max-width: 1024px){
.red-lign {
    width: 75%;
}
    
.fa-play:before {
    top: 49px;
    left: 39%;
}
}
    
@media screen and (max-width: 1000px){
.bignumber{
width:33%;
float:left;
}
.biginstruction{
width:60%; 
float:left;
}
}
@media screen and (max-width: 990px){

.look-video {
    font-weight: bold;
    margin: 10px 0px 20px 0px;
}
.radio-column {
    float: left;
    width: 100%;
    }
.bignumber{
   width:13%;
   float:left;
}
.biginstruction{
   width:85%; 
   float:left;
}
}
     @media screen and (max-width: 812px){ 
         .title-instruction {
    font-size: 25px;
}
         .text-instruction {
    
    font-size: 13px;
}
.fa-play:before {
    top: 80px;
    left: 35%;
    font-size: 25vw;
}
        .wrapper-admin:before {
    font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -43%;
    top: 45px;
    z-index: 999;
    content: "\f007";
    font-size: 20px;
}
.wrapper-email:before {
     font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -43%;
    top: 45px;
    z-index: 999;
    content: "\f0e0";
     font-size: 20px;
}
    
.wrapper-phone:before {
     font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -43%;
    top: 45px;
    z-index: 999;
    content: "\f095";
    font-size: 20px;
}
}
    


    @media screen and (max-width: 768px){ 
.fa-play:before {
    top: 18%;
    left: 35%;
    font-size: 25vw;
}
        
.wrapper-admin:before {
    left: -44%;
    top: 45px;
}
        
.wrapper-email:before {
    left: -44%;
    top: 45px;
}
    
.wrapper-phone:before {
     font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -44%;
    top: 45px;
    z-index: 999;
    content: "\f095";
    font-size: 20px;
}
}

    @media screen and (max-width: 768px){
.bignumber-text-1 {
    font-size: 124px;
    line-height: 86px;
}
}



@media screen and (max-width: 736px){ 
    .text-instruction {
    font-size: 12px;
}
.title-instruction {
    font-size: 25px;
}
    
.biginstruction {
    width: 87%;
}
        
.wrapper-admin:before {
    left: -46.5%;
    top: 45px;
}
        
.wrapper-email:before {
    left: -46.5%;
    top: 45px;
}
    
.wrapper-phone:before {
    left: -46.5%;
    top: 45px;
}
}
    

@media screen and (max-width: 732px){
.bignumber-text-1 {
    font-size: 121px;
    line-height: 85px;
}
}

@media screen and (max-width: 600px){
.row-fudge{
    width: 90%;
}
    
.bignumber{
    width:33%;
    float:left;
}
    
.biginstruction{
   width:66%; 
   float:left;
}
}
          

@media screen and (max-width: 667px){
    .title-instruction {
    font-size: 20px;
}
    .wrapper-admin:before {
   
    left: -46%;
    
}
.wrapper-email:before {
    left: -46%;
}
    
.wrapper-phone:before {
    left: -46%;
}
    .bignumber-text-1 {
  font-size: 148px;
    line-height: 105px;
}
    
.bignumber-text-5 {
    font-size: 124px;
    line-height: 88px;
}

.img-pad{
   padding-top: 0px;

}

.bignumber{
   width:13%;
   float:left;
}
    
.biginstruction{
   width:85%; 
   float:left;
}
}
     
@media screen and (max-width: 640px){
.title-instruction {
    font-size: 20px;
}
.biginstruction {
   padding:0; 
}
    .wrapper-admin:before {
    font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -46%;
    top: 45px;
    z-index: 999;
    content: "\f007";
    font-size: 20px;
}
    
.wrapper-email:before {
     font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -46%;
    top: 45px;
    z-index: 999;
    content: "\f0e0";
     font-size: 20px;
}
    
.wrapper-phone:before {
     font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -46%;
    top: 45px;
    z-index: 999;
    content: "\f095";
    font-size: 20px;
}
}
    


@media screen and (max-width: 473px){
.title-instruction {
    font-size: 15px;
}
}
@media screen and (max-width: 414px){
    .video-thumbnail:before {
    top: 39%;
    
}

    .biginstruction {
    padding: 0px 0;
}
.row-number {
    height: 108px;
}
    
.wrapper-admin:before {
    font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -43%;
    top: 45px;
    z-index: 999;
    content: "\f007";
    font-size: 20px;
}
    
.wrapper-email:before {
     font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -43%;
    top: 45px;
    z-index: 999;
    content: "\f0e0";
     font-size: 20px;
}
    
.wrapper-phone:before {
     font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -43%;
    top: 45px;
    z-index: 999;
    content: "\f095";
    font-size: 20px;
}
    
.text-instruction {
   padding: 3px 0px 10px 0px;
   font-size: 13px;
}
    
.red-lign {
   width: 80%;
}
    
.title-instruction{
font-size: 15px;
    line-height: 25px;
        margin-top: 0px;
    margin-bottom: 0px;
}
    
.red-explanation{
font-size: 17px;
}
    
.bignumber-text-1 {
    font-size: 146px;
    line-height: 92px;
}
.bignumber {
    width: 10%;
} 
.bignumber-text-5 {
    font-size: 145px;
    line-height: 93px;
}
.calendar {
    width: 100% !important;
}
.enterNumber {
    padding: 0px;
}
    .row-number {
    padding-top: 5px;
}
}
@media screen and (max-width: 375px){
.bignumber-text-1 {
    line-height: 94px;
    }
.fa-play:before {
    top: 23%;
    left: 39%;
    font-size: 25vw;
}
}


@media screen and (max-width: 320px) {
.title-instruction {
font-size: 13px;

}
.text-instruction {
 font-size: 12px;
}
}

   .tg .tg-9hbo {
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: normal;
    padding: 10px 20px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    word-break: normal;
    border: 1px black solid;
    color: #ff0000;
}
    
    .tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:'Lato', sans-serif;font-size:14px;padding:10px 20px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:'Lato', sans-serif;font-size:14px;font-weight:normal;padding:10px 20px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-571f{font-weight:bold;font-size:16px;background-color:#ffffff;color:#333333;vertical-align:top}
.tg .tg-gs8t{font-weight:bold;font-size:16px;background-color:#ffffff;color:#000000;vertical-align:top}
.tg .tg-9hbo{font-weight:bold;vertical-align:top}
    

    .video-thumbnail {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
    #mainSite > section:nth-child(14) > div > div:nth-child(3) > div{
        padding-bottom: 30px;
    }
.video-thumbnail:before {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    content: "\f01d";
    font-family: FontAwesome;
    font-size: 100px;
    color: #fff;
    opacity: .8;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}
.video-thumbnail:hover:before {
  color: #eee;
}

    
.fa-search{
    margin-left: 10px;
}
    
.btn-search{
    border: 0;
    background: transparent;
    background-color: #ff0000;
    padding: 7px 20px;
    margin-left: -5px;
}  
    
.enterNumber{
    padding: 0 !important; 
}
    
.red-flag {
    color: #ff0000;
    font-size: 16px;
}
    
 .fa-play:before {
    position: absolute;
    top: 80px;
    left: 37%;
    font-family: 'FontAwesome';
    content: "\f01d";
    font-size: 7vw;
    color: #ffffffc7;
}
    
.marginb {
    margin-top: 20px;''
}
    
.form-control-2 {
    padding: 6px 0px 6px 41px !important;
   
}
    
.wrapper-admin:before {
    font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -46%;
    top: 45px;
    z-index: 999;
    content: "\f007";
    font-size: 20px;
}
    
.wrapper-email:before {
     font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -46%;
    top: 45px;
    z-index: 999;
    content: "\f0e0";
     font-size: 20px;
}
    
.wrapper-phone:before {
     font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -46%;
    top: 45px;
    z-index: 999;
    content: "\f095";
    font-size: 20px;
}

.look-video{
font-weight: bold;
margin:5px 0px 0px 0px;
font-family: 'Lato', sans-serif;
}
    
.image-column{
padding:0;
margin-top: -20px;
margin-bottom: -30px;
}
    
.red-explanation {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    color: white;
    padding: 2px 10px;
    float: none;
    background-color: #ff0000;
}
    
.radio-column {
font-family: 'Lato', sans-serif;
    float: left;
    width: 66.666666%;
}
    
figure {
    display: inline-block;
    margin: 20px; /* adjust as needed */
}
    
figure img {
    vertical-align: top;
}
    
figure figcaption {
font-family: 'Lato', sans-serif;
    text-align: center;
}
    
.row-fudge {
    font-family: 'Lato', sans-serif;
    padding: 15px 0;
    background-color: #ffffff;
    width: 70%;
    margin: 0 auto;
    border: 1px solid #cecece;
    margin-top: 40px;
    margin-bottom: 40px;
    -webkit-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.24);
-moz-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.24);
box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.24);
}
.row-total {
    font-family: 'Lato', sans-serif;
    padding: 15px 0;
    background-color: #ffffff;
    width: 40%;
    margin: 0 auto;
    border: 1px solid #cecece;
    margin-top: 40px;
    margin-bottom: 40px;
    -webkit-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.24);
-moz-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.24);
box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.24);
}

    
.row-number{
    height:83px;
    background-color:#F5F4F5; 
    }

.img-pad{
    padding-top: 120px
}
    
hr {
    margin: auto !important;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.text-instruction{
    font-family: 'Lato', sans-serif;
    text-align: center;
    color:#838383;
    margin:0;
    padding: 0px 0px 10px 0px;
    font-size: 14px;
    line-height:12px
    font-weight: 700;
}
    
.title-instruction {
    font-family: 'Lato', sans-serif;
    text-align: center;
    color: #838383;
    font-size: 30px;
    line-height: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}
    
.biginstruction{
    font-family: 'Lato', sans-serif;
    width:58%; 
    float:left;
    padding: 10px 0;
}
    
.bignumber{
    font-family: 'Lato', sans-serif;
    width:21%;
    float:left;
}
    
.bignumber-text-1 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    text-align: center;
    color: #D1D1D1;
    margin: 0px;
    font-size: 124px;
    line-height: 88px;
}
    
.bignumber-text-5 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    text-align: center;
    color: #D1D1D1;
    margin: 0px;
    font-size: 126px;
    line-height: 90px;
}

.red-lign {
    margin-top: -24px;
    width: 89%;
    color: #f00;
    background-color: #f00;
    height: 5px;
}

.radio{
   margin-left: 20px
}
    
@media screen and (max-width: 1440px){
    .fa-play:before {
    top: 63px;
    left: 37%;
}
}
    
@media screen and (max-width: 1280px){
    .fa-play:before {
    top: 60px;
    left: 38%;
}
}
    
@media screen and (max-width: 1255px){
.fa-play:before {
   top: 60px;
}

.bignumber{
   width:11%;
}
    
.biginstruction{
   width:80%; 
}
}
    
@media screen and (max-width: 1024px){
.red-lign {
    width: 75%;
}
    
.fa-play:before {
    top: 49px;
    left: 39%;
}
}
    
@media screen and (max-width: 1000px){
    .title-instruction {
    font-size: 22px;
   
}
.bignumber{
width:33%;
float:left;
}
.biginstruction{
width:60%; 
float:left;
}
}
@media screen and (max-width: 991px){
.wrapper-phone:before {
    left: -43%;
}
.wrapper-email:before {
    left: -43%;
}
	.wrapper-admin:before {
    left: -43%;
}
.radio-column {
    width: 100%;
    padding-top: 20px;
}

.row-total {
    width: 70%;
}
   .bg-gray {
    height: 93px;
}

.look-video {
    font-weight: bold;
    margin: 10px 0px 20px 0px;
}
.bignumber{
   width:13%;
   float:left;
}
.biginstruction{
   width:85%; 
   float:left;
}
}

	

 
@media screen and (max-width: 812px){ 
         .title-instruction {
    font-size: 25px;
}
         .text-instruction {
    
    font-size: 13px;
}
.fa-play:before {
    top: 80px;
    left: 35%;
    font-size: 25vw;
}
        .wrapper-admin:before {
    font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -43%;
    top: 45px;
    z-index: 999;
    content: "\f007";
    font-size: 20px;
}
.wrapper-email:before {
     font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -43%;
    top: 45px;
    z-index: 999;
    content: "\f0e0";
     font-size: 20px;
}
    
.wrapper-phone:before {
     font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -43%;
    top: 45px;
    z-index: 999;
    content: "\f095";
    font-size: 20px;
}
}
    


@media screen and (max-width: 768px){ 
    .containerCalendar {
    width: 100% !important;
}
    .containerDates {
    width: 100% !important;
}
.bignumber-text-1 {
    font-size: 124px;
    line-height: 86px;
}

.fa-play:before {
    top: 18%;
    left: 35%;
    font-size: 25vw;
}
        
.wrapper-admin:before {
    left: -44%;
    top: 45px;
}
        
.wrapper-email:before {
    left: -44%;
    top: 45px;
}
    
.wrapper-phone:before {
     font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -44%;
    top: 45px;
    z-index: 999;
    content: "\f095";
    font-size: 20px;
}
}

@media screen and (max-width: 736px){ 
    .text-instruction {
    font-size: 12px;
}
.title-instruction {
    font-size: 25px;
}
    
.biginstruction {
    width: 87%;
}
        
.wrapper-admin:before {
    left: -46.5%;
    top: 45px;
}
        
.wrapper-email:before {
    left: -46.5%;
    top: 45px;
}
    
.wrapper-phone:before {
    left: -46.5%;
    top: 45px;
}
}
    
@media screen and (max-width: 732px){
.bignumber-text-1 {
    font-size: 121px;
    line-height: 85px;
}
}
    
          

@media screen and (max-width: 667px){
    .bg-gray {
   
    height: 110px;
}
    .title-instruction {
    font-size: 20px;
}
    .wrapper-admin:before {
   
    left: -46%;
    
}
.wrapper-email:before {
    left: -46%;
}
    
.wrapper-phone:before {
    left: -46%;
}
    .bignumber-text-1 {
  font-size: 148px;
    line-height: 105px;
}
    
.bignumber-text-5 {
    font-size: 147px;
    line-height: 101px;
}

.img-pad{
   padding-top: 0px;

}

.bignumber{
   width:10%;
   float:left;
}
    
.biginstruction{
   width:85%; 
   float:left;
}
}

@media screen and (max-width: 640px){
	.row-total {
    width: 100%;
}
.row-fudge {
    width: 100%;
}
.row-total{
	width:100% !important;
}

.title-instruction {
    font-size: 20px;
}
.biginstruction {
   padding:0; 
}
    .wrapper-admin:before {
    font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -46%;
    top: 45px;
    z-index: 999;
    content: "\f007";
    font-size: 20px;
}
    
.wrapper-email:before {
     font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -46%;
    top: 45px;
    z-index: 999;
    content: "\f0e0";
     font-size: 20px;
}
    
.wrapper-phone:before {
     font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -46%;
    top: 45px;
    z-index: 999;
    content: "\f095";
    font-size: 20px;
}
}

@media screen and (max-width: 473px){

.title-instruction {
    font-size: 15px;
}
}

@media screen and (max-width: 414px){
    
    .btn {
    font-size: 17px !important;
}
    
    .text-explanationy{
        font-size: 13px;
    }
    .video-thumbnail:before {
    top: 39%;
    
}
    .bignumber-text-1 {
    font-size: 146px;
    line-height: 92px;
}
.bignumber {
    width: 10%;
}

    .biginstruction {
    padding: 0px 0;
}
.row-number {
    height: 108px;
}
    
.wrapper-admin:before {
    font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -43%;
    top: 45px;
    z-index: 999;
    content: "\f007";
    font-size: 20px;
}
    
.wrapper-email:before {
     font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -43%;
    top: 45px;
    z-index: 999;
    content: "\f0e0";
     font-size: 20px;
}
    
.wrapper-phone:before {
     font-family: 'FontAwesome';
    color: grey;
    position: relative;
    left: -43%;
    top: 45px;
    z-index: 999;
    content: "\f095";
    font-size: 20px;
}
    
.text-instruction {
   padding: 3px 0px 10px 0px;
   font-size: 13px;
}
    
.red-lign {
   width: 80%;
}
    
.title-instruction{
font-size: 15px;
    line-height: 25px;
        margin-top: 0px;
    margin-bottom: 0px;
}
    
.red-explanation{
font-size: 17px;
}
    

    
.bignumber-text-5 {
    font-size: 145px;
    line-height: 93px;
}
.calendar {
    width: 100% !important;
}
.enterNumber {
    padding: 0px;
}
    .row-number {
    padding-top: 5px;
}
}
@media screen and (max-width: 375px){
.bignumber-text-1 {
    line-height: 94px;
    }
.fa-play:before {
    top: 23%;
    left: 39%;
    font-size: 25vw;
}
}
@media screen and (max-width: 360px){
.red-explanation {
    font-size: 16px;
}
.title-instruction {
    font-size: 13px;

}
    .control {
    font-size: 15px;
}
}
    
@media screen and (max-width: 300px){
.title-instruction {
    font-size: 12px;
}
}