@charset "UTF-8";
/*

styles.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)
 
Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
/*!
*  Base
*/
/*

_variables.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)

Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
/*

_responsive-font-size.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)
 
Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
/*

_normalize-mixins.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)
 
Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
/*

_normalise.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)
 
Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: "Fira Sans", Helvetica, Arial, sans-serif;
  color: #222; }

body {
  margin: 0 0 0 0;
  font-size: 1em;
  line-height: 1.4; }

/* =============================================================================
   Links
   ========================================================================== */
a {
  color: #00e; }
  a:active {
    /* Improve readability when focused and hovered in all browsers: h5bp.com/h */
    outline: 0; }
  a:hover {
    color: #0067ee;
    outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted #000; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px 1em 40px; }

dfn {
  font-style: italic; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0 1em 0;
  padding: 0; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
  font-family: monospace, serif;
  font-size: 1em;
  _font-family: 'courier new', monospace; }

/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }
  q:before, q:after {
    content: "";
    content: none; }

small {
  font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
  font-size: 0.75em;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol {
  margin: 1em 0 1em 0;
  padding: 0 0 0 40px; }

dd {
  margin: 0 0 0 40px; }

nav ul {
  list-style-type: none;
  list-style-image: none;
  padding: 0;
  margin: 0; }

nav ol {
  list-style-type: none;
  list-style-image: none;
  padding: 0;
  margin: 0; }

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) {
  overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
figure {
  margin: 0 0 0 0; }

/* =============================================================================
   Forms
   ========================================================================== */
form {
  margin: 0 0 0 0; }

fieldset {
  border: 0;
  margin: 0 0 0 0;
  padding: 0; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
select, textarea {
  font-family: "Fira Sans", Helvetica, Arial, sans-serif;
  color: #222;
  font-size: 1em;
  margin: 0 0 0 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button {
  font-family: "Fira Sans", Helvetica, Arial, sans-serif;
  color: #222;
  font-size: 1em;
  margin: 0 0 0 0;
  vertical-align: baseline;
  *vertical-align: middle;
  /*
	 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
	 */
  line-height: normal;
  /*
	 * 1. Display hand cursor for clickable form elements
	 * 2. Allow styling of clickable form elements in iOS
	 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
	 */
  cursor: hand;
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible; }
  button[disabled] {
    /*
		 * Re-set default cursor for disabled elements
		 */
    cursor: default; }
  button::-moz-focus-inner {
    border: 0;
    padding: 0; }

input {
  font-family: "Fira Sans", Helvetica, Arial, sans-serif;
  color: #222;
  font-size: 1em;
  margin: 0 0 0 0;
  vertical-align: baseline;
  *vertical-align: middle;
  /*
	 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
	 */
  line-height: normal; }
  input[type="button"], input[type="reset"], input[type="submit"] {
    /*
	 * 1. Display hand cursor for clickable form elements
	 * 2. Allow styling of clickable form elements in iOS
	 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
	 */
    cursor: hand;
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible; }
  input[disabled] {
    /*
		 * Re-set default cursor for disabled elements
		 */
    cursor: default; }
  input[type="checkbox"], input[type="radio"] {
    /*
		 * Consistent box sizing and appearance
		 */
    box-sizing: border-box;
    padding: 0;
    *width: 13px;
    *height: 13px; }
  input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
    input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  input::-moz-focus-inner {
    /*
		 * Remove inner padding and border in FF3/4: h5bp.com/l
		 */
    border: 0;
    padding: 0; }
  input:invalid {
    background-color: #f0dddd; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }
  textarea:valid {
    /* Colors for form validity */ }
  textarea:invalid {
    background-color: #f0dddd; }

/* =============================================================================
   Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  vertical-align: top; }

/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0; }

/*!
 * jQuery UI Resizable 1.8.20
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block; }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

/*!
*  Libs
*/
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
/* #Base 960 Grid
================================================== */
.container {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 0; }

.container .column,
.container .columns {
  float: left;
  display: inline;
  margin-left: 10px;
  margin-right: 10px; }

.row {
  margin-bottom: 20px; }

/* Nested Column Classes */
.column.alpha, .columns.alpha {
  margin-left: 0; }

.column.omega, .columns.omega {
  margin-right: 0; }

/* Base Grid */
.container .one.column,
.container .one.columns {
  width: 40px; }

.container .two.columns {
  width: 100px; }

.container .three.columns {
  width: 160px; }

.container .four.columns {
  width: 220px; }

.container .five.columns {
  width: 280px; }

.container .six.columns {
  width: 340px; }

.container .seven.columns {
  width: 400px; }

.container .eight.columns {
  width: 460px; }

.container .nine.columns {
  width: 520px; }

.container .ten.columns {
  width: 580px; }

.container .eleven.columns {
  width: 640px; }

.container .twelve.columns {
  width: 700px; }

.container .thirteen.columns {
  width: 760px; }

.container .fourteen.columns {
  width: 820px; }

.container .fifteen.columns {
  width: 880px; }

.container .sixteen.columns {
  width: 940px; }

.container .one-third.column {
  width: 300px; }

.container .two-thirds.column {
  width: 620px; }

/* Offsets */
.container .offset-by-one {
  padding-left: 60px; }

.container .offset-by-two {
  padding-left: 120px; }

.container .offset-by-three {
  padding-left: 180px; }

.container .offset-by-four {
  padding-left: 240px; }

.container .offset-by-five {
  padding-left: 300px; }

.container .offset-by-six {
  padding-left: 360px; }

.container .offset-by-seven {
  padding-left: 420px; }

.container .offset-by-eight {
  padding-left: 480px; }

.container .offset-by-nine {
  padding-left: 540px; }

.container .offset-by-ten {
  padding-left: 600px; }

.container .offset-by-eleven {
  padding-left: 660px; }

.container .offset-by-twelve {
  padding-left: 720px; }

.container .offset-by-thirteen {
  padding-left: 780px; }

.container .offset-by-fourteen {
  padding-left: 840px; }

.container .offset-by-fifteen {
  padding-left: 900px; }

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 768px; }
  .container .column,
  .container .columns {
    margin-left: 10px;
    margin-right: 10px; }
  .column.alpha, .columns.alpha {
    margin-left: 0;
    margin-right: 10px; }
  .column.omega, .columns.omega {
    margin-right: 0;
    margin-left: 10px; }
  .alpha.omega {
    margin-left: 0;
    margin-right: 0; }
  .container .one.column,
  .container .one.columns {
    width: 28px; }
  .container .two.columns {
    width: 76px; }
  .container .three.columns {
    width: 124px; }
  .container .four.columns {
    width: 172px; }
  .container .five.columns {
    width: 220px; }
  .container .six.columns {
    width: 268px; }
  .container .seven.columns {
    width: 316px; }
  .container .eight.columns {
    width: 364px; }
  .container .nine.columns {
    width: 412px; }
  .container .ten.columns {
    width: 460px; }
  .container .eleven.columns {
    width: 508px; }
  .container .twelve.columns {
    width: 556px; }
  .container .thirteen.columns {
    width: 604px; }
  .container .fourteen.columns {
    width: 652px; }
  .container .fifteen.columns {
    width: 700px; }
  .container .sixteen.columns {
    width: 748px; }
  .container .one-third.column {
    width: 236px; }
  .container .two-thirds.column {
    width: 492px; }
  /* Offsets */
  .container .offset-by-one {
    padding-left: 48px; }
  .container .offset-by-two {
    padding-left: 96px; }
  .container .offset-by-three {
    padding-left: 144px; }
  .container .offset-by-four {
    padding-left: 192px; }
  .container .offset-by-five {
    padding-left: 240px; }
  .container .offset-by-six {
    padding-left: 288px; }
  .container .offset-by-seven {
    padding-left: 336px; }
  .container .offset-by-eight {
    padding-left: 384px; }
  .container .offset-by-nine {
    padding-left: 432px; }
  .container .offset-by-ten {
    padding-left: 480px; }
  .container .offset-by-eleven {
    padding-left: 528px; }
  .container .offset-by-twelve {
    padding-left: 576px; }
  .container .offset-by-thirteen {
    padding-left: 624px; }
  .container .offset-by-fourteen {
    padding-left: 672px; }
  .container .offset-by-fifteen {
    padding-left: 720px; }
  .container .three.split.columns, .container .ten.split.columns {
    width: 75%; } }

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
  .container {
    width: 300px; }
  .container .columns,
  .container .column {
    margin: 0; }
  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 300px; }
  /* Offsets */
  .container .offset-by-one,
  .container .offset-by-two,
  .container .offset-by-three,
  .container .offset-by-four,
  .container .offset-by-five,
  .container .offset-by-six,
  .container .offset-by-seven,
  .container .offset-by-eight,
  .container .offset-by-nine,
  .container .offset-by-ten,
  .container .offset-by-eleven,
  .container .offset-by-twelve,
  .container .offset-by-thirteen,
  .container .offset-by-fourteen,
  .container .offset-by-fifteen {
    padding-left: 0; } }

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 420px; }
  .container .columns,
  .container .column {
    margin: 0; }
  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-third.column,
  .container .two-thirds.column {
    width: 420px; } }

/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.row:after,
.clearfix:after {
  clear: both; }

.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

/*
 * jQuery FlexSlider v2.6.3
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url("fonts/flexslider-icon.eot");
  src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal; }

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none; }

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.flex-pauseplay span {
  text-transform: capitalize; }

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  position: relative; }

.flexslider .slides img {
  width: 100%;
  display: block; }

.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .flexslider .slides {
  display: block; }

* html .flexslider .slides {
  height: 1%; }

.no-js .flexslider .slides > li:first-child {
  display: block; }

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2); }

.flexslider .slides {
  zoom: 1; }

.flexslider .slides img {
  height: auto;
  -moz-user-select: none; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.carousel li {
  margin-right: 5px; }

.flex-direction-nav {
  *height: 0; }

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }

.flex-direction-nav a.flex-next:before {
  content: '\f002'; }

.flex-direction-nav .flex-prev {
  left: -50px; }

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right; }

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px; }

.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1; }

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px; }

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1; }

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1; }

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000; }

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004'; }

.flex-pauseplay a:hover {
  opacity: 1; }

.flex-pauseplay a.flex-play:before {
  content: '\f003'; }

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default; }

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden; }

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0; }

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default; }

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px; }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px; } }

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("/store/themes/Ripcurl/css/fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("/store/themes/Ripcurl/css/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("/store/themes/Ripcurl/css/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("/store/themes/Ripcurl/css/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("/store/themes/Ripcurl/css/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("/store/themes/Ripcurl/css/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.2857142857em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.8571428571em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-feed:before,
.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper-pp:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

.fa-user-secret:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-intersex:before,
.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-genderless:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-hotel:before,
.fa-bed:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

.fa-yc:before,
.fa-y-combinator:before {
  content: ""; }

.fa-optin-monster:before {
  content: ""; }

.fa-opencart:before {
  content: ""; }

.fa-expeditedssl:before {
  content: ""; }

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: ""; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: ""; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: ""; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: ""; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: ""; }

.fa-mouse-pointer:before {
  content: ""; }

.fa-i-cursor:before {
  content: ""; }

.fa-object-group:before {
  content: ""; }

.fa-object-ungroup:before {
  content: ""; }

.fa-sticky-note:before {
  content: ""; }

.fa-sticky-note-o:before {
  content: ""; }

.fa-cc-jcb:before {
  content: ""; }

.fa-cc-diners-club:before {
  content: ""; }

.fa-clone:before {
  content: ""; }

.fa-balance-scale:before {
  content: ""; }

.fa-hourglass-o:before {
  content: ""; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: ""; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: ""; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: ""; }

.fa-hourglass:before {
  content: ""; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: ""; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: ""; }

.fa-hand-scissors-o:before {
  content: ""; }

.fa-hand-lizard-o:before {
  content: ""; }

.fa-hand-spock-o:before {
  content: ""; }

.fa-hand-pointer-o:before {
  content: ""; }

.fa-hand-peace-o:before {
  content: ""; }

.fa-trademark:before {
  content: ""; }

.fa-registered:before {
  content: ""; }

.fa-creative-commons:before {
  content: ""; }

.fa-gg:before {
  content: ""; }

.fa-gg-circle:before {
  content: ""; }

.fa-tripadvisor:before {
  content: ""; }

.fa-odnoklassniki:before {
  content: ""; }

.fa-odnoklassniki-square:before {
  content: ""; }

.fa-get-pocket:before {
  content: ""; }

.fa-wikipedia-w:before {
  content: ""; }

.fa-safari:before {
  content: ""; }

.fa-chrome:before {
  content: ""; }

.fa-firefox:before {
  content: ""; }

.fa-opera:before {
  content: ""; }

.fa-internet-explorer:before {
  content: ""; }

.fa-tv:before,
.fa-television:before {
  content: ""; }

.fa-contao:before {
  content: ""; }

.fa-500px:before {
  content: ""; }

.fa-amazon:before {
  content: ""; }

.fa-calendar-plus-o:before {
  content: ""; }

.fa-calendar-minus-o:before {
  content: ""; }

.fa-calendar-times-o:before {
  content: ""; }

.fa-calendar-check-o:before {
  content: ""; }

.fa-industry:before {
  content: ""; }

.fa-map-pin:before {
  content: ""; }

.fa-map-signs:before {
  content: ""; }

.fa-map-o:before {
  content: ""; }

.fa-map:before {
  content: ""; }

.fa-commenting:before {
  content: ""; }

.fa-commenting-o:before {
  content: ""; }

.fa-houzz:before {
  content: ""; }

.fa-vimeo:before {
  content: ""; }

.fa-black-tie:before {
  content: ""; }

.fa-fonticons:before {
  content: ""; }

.fa-reddit-alien:before {
  content: ""; }

.fa-edge:before {
  content: ""; }

.fa-credit-card-alt:before {
  content: ""; }

.fa-codiepie:before {
  content: ""; }

.fa-modx:before {
  content: ""; }

.fa-fort-awesome:before {
  content: ""; }

.fa-usb:before {
  content: ""; }

.fa-product-hunt:before {
  content: ""; }

.fa-mixcloud:before {
  content: ""; }

.fa-scribd:before {
  content: ""; }

.fa-pause-circle:before {
  content: ""; }

.fa-pause-circle-o:before {
  content: ""; }

.fa-stop-circle:before {
  content: ""; }

.fa-stop-circle-o:before {
  content: ""; }

.fa-shopping-bag:before {
  content: ""; }

.fa-shopping-basket:before {
  content: ""; }

.fa-hashtag:before {
  content: ""; }

.fa-bluetooth:before {
  content: ""; }

.fa-bluetooth-b:before {
  content: ""; }

.fa-percent:before {
  content: ""; }

.fa-gitlab:before {
  content: ""; }

.fa-wpbeginner:before {
  content: ""; }

.fa-wpforms:before {
  content: ""; }

.fa-envira:before {
  content: ""; }

.fa-universal-access:before {
  content: ""; }

.fa-wheelchair-alt:before {
  content: ""; }

.fa-question-circle-o:before {
  content: ""; }

.fa-blind:before {
  content: ""; }

.fa-audio-description:before {
  content: ""; }

.fa-volume-control-phone:before {
  content: ""; }

.fa-braille:before {
  content: ""; }

.fa-assistive-listening-systems:before {
  content: ""; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: ""; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: ""; }

.fa-glide:before {
  content: ""; }

.fa-glide-g:before {
  content: ""; }

.fa-signing:before,
.fa-sign-language:before {
  content: ""; }

.fa-low-vision:before {
  content: ""; }

.fa-viadeo:before {
  content: ""; }

.fa-viadeo-square:before {
  content: ""; }

.fa-snapchat:before {
  content: ""; }

.fa-snapchat-ghost:before {
  content: ""; }

.fa-snapchat-square:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-first-order:before {
  content: ""; }

.fa-yoast:before {
  content: ""; }

.fa-themeisle:before {
  content: ""; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: ""; }

.fa-fa:before,
.fa-font-awesome:before {
  content: ""; }

.fa-handshake-o:before {
  content: ""; }

.fa-envelope-open:before {
  content: ""; }

.fa-envelope-open-o:before {
  content: ""; }

.fa-linode:before {
  content: ""; }

.fa-address-book:before {
  content: ""; }

.fa-address-book-o:before {
  content: ""; }

.fa-vcard:before,
.fa-address-card:before {
  content: ""; }

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: ""; }

.fa-user-circle:before {
  content: ""; }

.fa-user-circle-o:before {
  content: ""; }

.fa-user-o:before {
  content: ""; }

.fa-id-badge:before {
  content: ""; }

.fa-drivers-license:before,
.fa-id-card:before {
  content: ""; }

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: ""; }

.fa-quora:before {
  content: ""; }

.fa-free-code-camp:before {
  content: ""; }

.fa-telegram:before {
  content: ""; }

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: ""; }

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: ""; }

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: ""; }

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: ""; }

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: ""; }

.fa-shower:before {
  content: ""; }

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: ""; }

.fa-podcast:before {
  content: ""; }

.fa-window-maximize:before {
  content: ""; }

.fa-window-minimize:before {
  content: ""; }

.fa-window-restore:before {
  content: ""; }

.fa-times-rectangle:before,
.fa-window-close:before {
  content: ""; }

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: ""; }

.fa-bandcamp:before {
  content: ""; }

.fa-grav:before {
  content: ""; }

.fa-etsy:before {
  content: ""; }

.fa-imdb:before {
  content: ""; }

.fa-ravelry:before {
  content: ""; }

.fa-eercast:before {
  content: ""; }

.fa-microchip:before {
  content: ""; }

.fa-snowflake-o:before {
  content: ""; }

.fa-superpowers:before {
  content: ""; }

.fa-wpexplorer:before {
  content: ""; }

.fa-meetup:before {
  content: ""; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

.multilevelpushmenu_wrapper {
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0; }

.multilevelpushmenu_wrapper .levelHolderClass {
  position: absolute;
  overflow: hidden;
  top: 0;
  background: #336ca6;
  width: auto;
  min-height: 100%;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 1em;
  zoom: 1; }

.multilevelpushmenu_wrapper .ltr {
  margin-left: -100%;
  left: 0;
  -moz-box-shadow: 5px 0 5px -5px #1f4164;
  -webkit-box-shadow: 5px 0 5px -5px #1f4164;
  box-shadow: 5px 0 5px -5px #1f4164;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f4164,direction=90,strength=2); }

.multilevelpushmenu_wrapper .rtl {
  margin-right: -100%;
  right: 0;
  -moz-box-shadow: 5px 0 5px 5px #1f4164;
  -webkit-box-shadow: 5px 0 5px 5px #1f4164;
  box-shadow: 5px 0 5px 5px #1f4164;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#1f4164,direction=270,strength=2); }

.multilevelpushmenu_wrapper .multilevelpushmenu_inactive {
  background: #3084ca; }

.multilevelpushmenu_wrapper h2 {
  font-size: 1.2em;
  line-height: 1em;
  font-weight: bold;
  color: #1f4164;
  padding: 0 .4em 0 .4em; }

.multilevelpushmenu_wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.multilevelpushmenu_wrapper li {
  cursor: pointer;
  border-top: 1px solid #295685;
  padding: .4em .4em .4em .4em; }

.multilevelpushmenu_wrapper li:last-child {
  border-bottom: 1px solid #295685; }

.multilevelpushmenu_wrapper li:hover {
  background-color: #295685; }

.multilevelpushmenu_wrapper a {
  display: block;
  outline: none;
  overflow: hidden;
  font-size: 1.2em;
  line-height: 1em;
  padding: .2em .2em;
  text-decoration: none;
  color: #fff; }

.multilevelpushmenu_wrapper a:hover {
  color: #ffe; }

.multilevelpushmenu_wrapper .backItemClass {
  display: block;
  padding: .4em .4em .4em .4em;
  background: #2e6196;
  border-top: 1px solid #295685; }

.multilevelpushmenu_wrapper .floatRight {
  float: right; }

.multilevelpushmenu_wrapper .floatLeft {
  float: left; }

.multilevelpushmenu_wrapper .cursorPointer {
  cursor: pointer; }

.multilevelpushmenu_wrapper .iconSpacing_ltr {
  padding: 0 .4em 0 0; }

.multilevelpushmenu_wrapper .iconSpacing_rtl {
  padding: 0 0 0 .4em; }

@keyframes plyr-progress {
  to {
    background-position: 25px 0; } }

@keyframes plyr-popup {
  0% {
    opacity: .5;
    transform: translateY(10px); }
  to {
    opacity: 1;
    transform: translateY(0); } }

@keyframes plyr-fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  direction: ltr;
  font-family: Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  line-height: 1.7;
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow .3s ease; }

.plyr audio, .plyr video {
  border-radius: inherit;
  height: auto;
  vertical-align: middle;
  width: 100%; }

.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto; }

.plyr:focus {
  outline: 0; }

.plyr--full-ui {
  box-sizing: border-box; }

.plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before {
  box-sizing: inherit; }

.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
  touch-action: manipulation; }

.plyr__badge {
  background: #4f5b5f;
  border-radius: 2px;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  padding: 3px 4px; }

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none; }

.plyr__captions {
  animation: plyr-fade-in .3s ease;
  bottom: 0;
  color: #fff;
  display: none;
  font-size: 14px;
  left: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  transform: translateY(-40px);
  transition: transform .4s ease-in-out;
  width: 100%; }

.plyr__captions .plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 185%;
  padding: .2em .5em;
  white-space: pre-wrap; }

.plyr__captions .plyr__caption div {
  display: inline; }

.plyr__captions span:empty {
  display: none; }

@media (min-width: 480px) {
  .plyr__captions {
    font-size: 16px;
    padding: 20px; } }

@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px; } }

.plyr--captions-active .plyr__captions {
  display: block; }

.plyr--hide-controls .plyr__captions {
  transform: translateY(-15px); }

.plyr__control {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  position: relative;
  transition: all .3s ease; }

.plyr__control svg {
  display: block;
  fill: currentColor;
  height: 18px;
  pointer-events: none;
  width: 18px; }

.plyr__control:focus {
  outline: 0; }

.plyr__control.plyr__tab-focus {
  box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
  outline: 0; }

.plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed {
  display: none; }

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
  background: #1aafff;
  color: #fff; }

.plyr__control--overlaid {
  background: rgba(26, 175, 255, 0.8);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  color: #fff;
  display: none;
  left: 50%;
  padding: 15px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2; }

.plyr__control--overlaid svg {
  height: 20px;
  left: 2px;
  position: relative;
  width: 20px; }

.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
  background: #1aafff; }

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden; }

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block; }

.plyr--full-ui ::-webkit-media-controls {
  display: none; }

.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center; }

.plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls > .plyr__control {
  margin-left: 5px; }

.plyr__controls .plyr__menu:first-child, .plyr__controls .plyr__menu:first-child + [data-plyr=pause], .plyr__controls .plyr__progress:first-child, .plyr__controls .plyr__progress:first-child + [data-plyr=pause], .plyr__controls .plyr__time:first-child, .plyr__controls .plyr__time:first-child + [data-plyr=pause], .plyr__controls > .plyr__control:first-child, .plyr__controls > .plyr__control:first-child + [data-plyr=pause] {
  margin-left: 0;
  margin-right: auto; }

.plyr__controls .plyr__volume {
  margin-left: 5px; }

@media (min-width: 480px) {
  .plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls > .plyr__control {
    margin-left: 10px; }
  .plyr__controls .plyr__menu + .plyr__control, .plyr__controls > .plyr__control + .plyr__control, .plyr__controls > .plyr__control + .plyr__menu {
    margin-left: 5px; } }

.plyr--video .plyr__controls {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 35px 10px 10px;
  position: absolute;
  right: 0;
  transition: opacity .4s ease-in-out,transform .4s ease-in-out;
  z-index: 2; }

.plyr--video .plyr__controls .plyr__control svg {
  -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15));
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15)); }

.plyr--video .plyr__controls .plyr__control.plyr__tab-focus, .plyr--video .plyr__controls .plyr__control:hover, .plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
  background: #1aafff;
  color: #fff; }

.plyr--audio .plyr__controls {
  background: #fff;
  border-radius: inherit;
  color: #4f5b5f;
  padding: 10px; }

.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%); }

.plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip] {
  display: none; }

.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] {
  display: inline-block; }

.plyr__controls:empty {
  display: none; }

.plyr__controls:empty ~ .plyr__captions {
  transform: translateY(0); }

.plyr__video-embed {
  height: 0;
  padding-bottom: 56.25%;
  position: relative; }

.plyr__video-embed iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%; }

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%); }

.plyr__menu {
  display: flex;
  position: relative; }

.plyr__menu .plyr__control svg {
  transition: transform .3s ease; }

.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg); }

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none; }

.plyr__menu__container {
  animation: plyr-popup .2s ease;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #4f5b5f;
  font-size: 16px;
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3; }

.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); }

.plyr__menu__container::after {
  border: 4px solid transparent;
  border-top-color: rgba(255, 255, 255, 0.9);
  content: '';
  height: 0;
  position: absolute;
  right: 15px;
  top: 100%;
  width: 0; }

.plyr__menu__container ul {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 7px; }

.plyr__menu__container ul li {
  margin-top: 2px; }

.plyr__menu__container ul li:first-child {
  margin-top: 0; }

.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4f5b5f;
  display: flex;
  font-size: 14px;
  padding: 4px 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%; }

.plyr__menu__container .plyr__control::after {
  border: 4px solid transparent;
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.plyr__menu__container .plyr__control--forward {
  padding-right: 28px; }

.plyr__menu__container .plyr__control--forward::after {
  border-left-color: rgba(79, 91, 95, 0.8);
  right: 5px; }

.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
  border-left-color: currentColor; }

.plyr__menu__container .plyr__control--back {
  font-weight: 500;
  margin: 7px;
  margin-bottom: 3px;
  padding-left: 28px;
  position: relative;
  width: calc(100% - 14px); }

.plyr__menu__container .plyr__control--back::after {
  border-right-color: rgba(79, 91, 95, 0.8);
  left: 7px; }

.plyr__menu__container .plyr__control--back::before {
  background: #b7c5cd;
  box-shadow: 0 1px 0 #fff;
  content: '';
  height: 1px;
  left: 0;
  margin-top: 4px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%; }

.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
  border-right-color: currentColor; }

.plyr__menu__container label.plyr__control {
  padding-left: 7px; }

.plyr__menu__container label.plyr__control input[type=radio] + span {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  position: relative;
  transition: all .3s ease;
  width: 16px; }

.plyr__menu__container label.plyr__control input[type=radio] + span::after {
  background: #fff;
  border-radius: 100%;
  content: '';
  height: 6px;
  left: 5px;
  opacity: 0;
  position: absolute;
  top: 5px;
  transform: scale(0);
  transition: transform .3s ease,opacity .3s ease;
  width: 6px; }

.plyr__menu__container label.plyr__control input[type=radio]:checked + span {
  background: #1aafff; }

.plyr__menu__container label.plyr__control input[type=radio]:checked + span::after {
  opacity: 1;
  transform: scale(1); }

.plyr__menu__container label.plyr__control input[type=radio]:focus + span {
  box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
  outline: 0; }

.plyr__menu__container label.plyr__control.plyr__tab-focus input[type=radio] + span, .plyr__menu__container label.plyr__control:hover input[type=radio] + span {
  background: rgba(0, 0, 0, 0.1); }

.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: -7px;
  overflow: hidden;
  padding-left: 25px;
  pointer-events: none; }

.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 28px;
  color: #1aafff;
  display: block;
  height: 20px;
  margin: 0;
  padding: 0;
  transition: box-shadow .3s ease;
  width: 100%; }

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  height: 6px;
  -webkit-user-select: none;
  user-select: none;
  background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0)); }

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
  box-sizing: border-box;
  height: 14px;
  position: relative;
  transition: all .2s ease;
  width: 14px;
  -webkit-appearance: none;
  margin-top: -4px; }

.plyr--full-ui input[type=range]::-moz-range-track {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  height: 6px;
  -moz-user-select: none;
  user-select: none; }

.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
  box-sizing: border-box;
  height: 14px;
  position: relative;
  transition: all .2s ease;
  width: 14px; }

.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 3px;
  height: 6px; }

.plyr--full-ui input[type=range]::-ms-track {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  height: 6px;
  -ms-user-select: none;
  user-select: none;
  color: transparent; }

.plyr--full-ui input[type=range]::-ms-fill-upper {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  height: 6px;
  -ms-user-select: none;
  user-select: none; }

.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  height: 6px;
  -ms-user-select: none;
  user-select: none;
  background: currentColor; }

.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
  box-sizing: border-box;
  height: 14px;
  position: relative;
  transition: all .2s ease;
  width: 14px;
  margin-top: 0; }

.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none; }

.plyr--full-ui input[type=range]:focus {
  outline: 0; }

.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0; }

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
  outline: 0; }

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
  outline: 0; }

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
  outline: 0; }

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.25); }

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.25); }

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: rgba(255, 255, 255, 0.25); }

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); }

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); }

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); }

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(183, 197, 205, 0.66); }

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: rgba(183, 197, 205, 0.66); }

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: rgba(183, 197, 205, 0.66); }

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); }

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); }

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); }

.plyr__poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .3s ease;
  width: 100%;
  z-index: 1; }

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
  pointer-events: none; }

.plyr__time {
  font-size: 14px; }

.plyr__time + .plyr__time::before {
  content: '\2044';
  margin-right: 10px; }

@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none; } }

.plyr--video .plyr__time {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }

.plyr__tooltip {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #4f5b5f;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 10px;
  opacity: 0;
  padding: 5px 7.5px;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform .2s .1s ease,opacity .2s .1s ease;
  white-space: nowrap;
  z-index: 2; }

.plyr__tooltip::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  bottom: -4px;
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2; }

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1); }

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3; }

.plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 0 100%; }

.plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
  left: 16px; }

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  right: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 100% 100%; }

.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
  left: auto;
  right: 16px;
  transform: translateX(50%); }

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0, 0) scale(1); }

.plyr--video {
  overflow: hidden; }

.plyr--video.plyr--menu-open {
  overflow: visible; }

.plyr__video-wrapper {
  background: #000;
  border-radius: inherit;
  overflow: hidden;
  position: relative;
  z-index: 0; }

.plyr__progress {
  display: flex;
  flex: 1;
  left: 7px;
  margin-right: 14px;
  position: relative; }

.plyr__progress input[type=range], .plyr__progress__buffer {
  margin-left: -7px;
  margin-right: -7px;
  width: calc(100% + 14px); }

.plyr__progress input[type=range] {
  position: relative;
  z-index: 2; }

.plyr__progress .plyr__tooltip {
  font-size: 14px;
  left: 0; }

.plyr__progress__buffer {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 100px;
  height: 6px;
  left: 0;
  margin-top: -3px;
  padding: 0;
  position: absolute;
  top: 50%; }

.plyr__progress__buffer::-webkit-progress-bar {
  background: 0 0;
  transition: width .2s ease; }

.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 6px; }

.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 6px;
  transition: width .2s ease; }

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  transition: width .2s ease; }

.plyr--video .plyr__progress__buffer {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.25); }

.plyr--audio .plyr__progress__buffer {
  color: rgba(183, 197, 205, 0.66); }

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(47, 52, 61, 0.6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, 0.6) 50%, rgba(47, 52, 61, 0.6) 75%, transparent 75%, transparent);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  color: transparent; }

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: rgba(255, 255, 255, 0.25); }

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(183, 197, 205, 0.66); }

.plyr__volume {
  flex: 1;
  position: relative; }

.plyr__volume input[type=range] {
  position: relative;
  z-index: 2; }

@media (min-width: 480px) {
  .plyr__volume {
    max-width: 50px; } }

@media (min-width: 768px) {
  .plyr__volume {
    max-width: 80px; } }

.plyr--is-ios .plyr__volume {
  display: none !important; }

.plyr--is-ios.plyr--vimeo [data-plyr=mute] {
  display: none !important; }

.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }

.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }

.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }

.plyr:-webkit-full-screen video {
  height: 100%; }

.plyr:-moz-full-screen video {
  height: 100%; }

.plyr:-ms-fullscreen video {
  height: 100%; }

.plyr:fullscreen video {
  height: 100%; }

.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  width: 100%; }

.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  width: 100%; }

.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  width: 100%; }

.plyr:fullscreen .plyr__video-wrapper {
  height: 100%;
  width: 100%; }

.plyr:-webkit-full-screen .plyr__video-embed {
  overflow: visible; }

.plyr:-moz-full-screen .plyr__video-embed {
  overflow: visible; }

.plyr:-ms-fullscreen .plyr__video-embed {
  overflow: visible; }

.plyr:fullscreen .plyr__video-embed {
  overflow: visible; }

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%); }

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%); }

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%); }

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%); }

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block; }

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block; }

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block; }

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block; }

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none; }

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none; }

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none; }

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none; }

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none; }

.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none; }

.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none; }

.plyr:fullscreen.plyr--hide-controls {
  cursor: none; }

@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px; }
  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px; }
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px; }
  .plyr:fullscreen .plyr__captions {
    font-size: 21px; } }

.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }

.plyr:-webkit-full-screen video {
  height: 100%; }

.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  width: 100%; }

.plyr:-webkit-full-screen .plyr__video-embed {
  overflow: visible; }

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%); }

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block; }

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none; }

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none; }

@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px; } }

.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }

.plyr:-moz-full-screen video {
  height: 100%; }

.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  width: 100%; }

.plyr:-moz-full-screen .plyr__video-embed {
  overflow: visible; }

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%); }

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block; }

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none; }

.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none; }

@media (min-width: 1024px) {
  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px; } }

.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }

.plyr:-ms-fullscreen video {
  height: 100%; }

.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  width: 100%; }

.plyr:-ms-fullscreen .plyr__video-embed {
  overflow: visible; }

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%); }

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block; }

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none; }

.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none; }

@media (min-width: 1024px) {
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px; } }

.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000; }

.plyr--fullscreen-fallback video {
  height: 100%; }

.plyr--fullscreen-fallback .plyr__video-wrapper {
  height: 100%;
  width: 100%; }

.plyr--fullscreen-fallback .plyr__video-embed {
  overflow: visible; }

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%); }

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block; }

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none; }

.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none; }

@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px; } }

.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1; }

.plyr__ads > div, .plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%; }

.plyr__ads::after {
  background: rgba(47, 52, 61, 0.8);
  border-radius: 2px;
  bottom: 10px;
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  z-index: 3; }

.plyr__ads::after:empty {
  display: none; }

.plyr__cues {
  background: currentColor;
  display: block;
  height: 6px;
  left: 0;
  margin: -3px 0 0;
  opacity: .8;
  position: absolute;
  top: 50%;
  width: 3px;
  z-index: 3; }

.plyr--no-transition {
  transition: none !important; }

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

/*!
*  RipCurl
*/
/*

_layout.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)
 
Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
html,
body {
  width: 100%;
  height: 100%;
  background: #000;
  color: #373d3e;
  font-size: 12px;
  line-height: 1.8em; }

body.noscroll {
  overflow: hidden;
  position: fixed; }

.outer {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  -webkit-box-shadow: -10px 0px 9px 0px rgba(0, 0, 0, 0.4);
  box-shadow: -10px 0px 9px 0px rgba(0, 0, 0, 0.4); }

.inner {
  background: #fff; }

.skipLinks {
  position: absolute;
  top: -999em;
  left: -999em; }

.body {
  margin-bottom: 20px; }

.heading-link {
  position: absolute;
  top: 15px;
  right: 0;
  color: #868989; }

.overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #000;
  display: none;
  z-index: 400; }

.show-for-mobile {
  display: none !important; }

.show-for-desktop {
  display: block !important; }

@media only screen and (max-width: 767px) {
  .body {
    margin-top: 20px;
    margin-bottom: 0; }
  .show-for-mobile {
    display: block !important; }
  .show-for-desktop {
    display: none !important; } }

@media only screen and (max-width: 767px), screen and (min-width: 480px) and (max-width: 767px) {
  .body {
    padding-bottom: 0; } }

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  .pad-down {
    margin-top: 0px; } }

/* From Rip Curl Styles */
@media all and (max-width: 959px) {
  .hideOnLaptop {
    display: none; }
  .showOnLaptop {
    display: block; }
  .centerOnLaptop {
    text-align: center; } }

@media all and (max-width: 767px) {
  .hideOnTablet {
    display: none; }
  .showOnTablet {
    display: block; }
  .centerOnTablet {
    text-align: center; } }

@media all and (max-width: 479px) {
  .hideOnMobile {
    display: none; }
  .showOnMobile {
    display: block; }
  .centerOnMobile {
    text-align: center; } }

/*

_ui.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)

Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
.ui-button {
  display: inline-block;
  background-color: #b3241d;
  line-height: 45px;
  height: 45px;
  font-size: 18px;
  color: #fff;
  padding: 0 22px;
  font-weight: normal;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  margin-right: 8px;
  background-repeat: no-repeat;
  vertical-align: bottom;
  border: 0 none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .ui-button:hover {
    text-decoration: none;
    color: #fff;
    background-color: #c33d27; }

/* For padding on left and right icons (font awesome) */
.ui-button-left {
  padding-right: 10px; }

.ui-button-right {
  padding-left: 10px; }

.send-right .ui-button,
.ui-button.send-right {
  margin-right: 0;
  margin-left: 8px; }

.ui-button-secondary {
  background-color: #d5d5d5;
  color: #000 !important; }
  .ui-button-secondary:hover {
    color: #000;
    background-color: #c8c8c8; }

.ui-button-dark {
  background-color: #6d6d6d; }
  .ui-button-dark:hover {
    background-color: #333; }

.ui-button-small {
  line-height: 34px;
  height: 34px;
  font-size: 12px;
  padding: 0 16px; }

.ui-button-xsmall {
  line-height: 28px;
  height: 28px;
  font-size: 12px;
  padding: 0 10px; }

.ui-button-shiptostore {
  line-height: 28px;
  height: 28px;
  font-size: 12px;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin: 10px 0 10px 0 !important; }

.ui-button-stores {
  line-height: 28px;
  height: 28px;
  font-size: 12px;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin: 10px 0 10px 0 !important;
  background-color: #d5d5d5;
  color: #000 !important; }
  .ui-button-stores:hover {
    color: #000;
    background-color: #c8c8c8; }

.ui-button-cart {
  padding: 0 14px; }

.ui-button-link {
  padding: 0;
  background: 0 none;
  font-weight: bold;
  display: inline;
  width: auto;
  height: auto;
  color: #a3a2a2;
  font-size: 1em;
  border: 0 none; }
  .ui-button-link:hover {
    text-decoration: underline; }

.ui-button-wishlist {
  background-color: #fff;
  font-size: 20px;
  padding: 10px 10px;
  height: 45px;
  width: 45px;
  line-height: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 3px solid #ccc;
  color: #ccc;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .ui-button-wishlist:hover {
    text-decoration: none;
    color: #666;
    border-color: #666; }

.ui-panel {
  border: 1px solid #ccc;
  padding: 30px 17px 50px 17px;
  margin-bottom: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  .ui-panel h2 {
    padding: 5px 0 !important;
    margin: 5px 0 !important; }
  .ui-panel .ui-button {
    width: 100%;
    padding-left: 0;
    padding-right: 0; }

.ui-status-cart .cart-btn {
  display: block;
  float: right;
  background-image: url(../images/Ripcurl-main-sprite.png);
  background-repeat: no-repeat;
  background-position: -11px -685px;
  color: #fff;
  line-height: 35px;
  font-size: 1.2em;
  text-decoration: none;
  position: relative;
  padding: 0;
  margin: 12px 20px 0 12px;
  width: 29px;
  height: 24px;
  opacity: 1; }
  .ui-status-cart .cart-btn:hover {
    background-color: transparent;
    opacity: .8; }
  .ui-status-cart .cart-btn .cart-total {
    display: none; }
  .ui-status-cart .cart-btn .items-count {
    font-size: 1.15em;
    height: 21px;
    left: 22px;
    line-height: 20px;
    top: -8px;
    width: 7px;
    position: absolute;
    background: #b3241d;
    left: 22px;
    padding: 0 8px 1px 7px;
    font-weight: bold;
    border-radius: 20px; }

.ui-status-cart .cart-compact {
  position: absolute;
  top: 34px;
  right: 0;
  background-color: #1e2122;
  padding: 15px;
  color: #969696;
  width: 380px;
  display: none;
  z-index: 1000; }
  .ui-status-cart .cart-compact .cart-list-compact {
    overflow: auto; }
  .ui-status-cart .cart-compact h2 {
    border-bottom: 0 none;
    color: #fff;
    text-indent: 0;
    padding-bottom: 0;
    font-size: 1.25em;
    font-weight: bold; }
  .ui-status-cart .cart-compact .cart-product {
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2; }
    .ui-status-cart .cart-compact .cart-product .title {
      color: #fff; }
    .ui-status-cart .cart-compact .cart-product .line-cost {
      clear: left;
      color: #fff;
      font-weight: bold;
      margin-left: 240px; }
    .ui-status-cart .cart-compact .cart-product .label-shipping {
      display: none; }
  .ui-status-cart .cart-compact .totals-row {
    display: none; }
  .ui-status-cart .cart-compact .total-price {
    display: block;
    background: none;
    border: 0 none;
    color: #fff;
    margin-bottom: 10px; }
    .ui-status-cart .cart-compact .total-price > div {
      padding-left: 0; }
  .ui-status-cart .cart-compact .ui-button {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    width: 100%;
    font-weight: bold; }
    .ui-status-cart .cart-compact .ui-button:hover {
      text-decoration: none;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
      opacity: 0.8; }

.ui-status-cart.ui-state-open .cart-compact {
  display: block; }

.ui-status-cart.ui-state-open .cart-btn,
.ui-status-cart.ui-state-open:hover .cart-btn {
  background-color: #1e2122; }

.ship-store-btn {
  margin-bottom: 10px; }

.search-header h5 {
  padding-bottom: 22px;
  text-transform: none; }

.ui-faceted {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #d2d2d3;
  overflow: hidden; }
  .ui-faceted > div {
    position: relative; }
  .ui-faceted ul {
    list-style: none;
    padding: 0 5px 10px 15px;
    margin: 0; }
  .ui-faceted .header {
    width: 100%;
    padding: 10px 40px 10px 15px;
    display: inline-block;
    transition: all linear 0.3s;
    font-size: 14px;
    text-decoration: none;
    color: #666;
    border-top: 1px solid #d2d2d3; }
    .ui-faceted .header.first-filter {
      border-top: none; }
    .ui-faceted .header:after {
      font-family: 'FontAwesome';
      content: "\f0d7";
      width: 0;
      height: 0;
      position: absolute;
      right: 20px; }
    .ui-faceted .header:hover {
      background: #f2f2f2;
      color: #666;
      text-decoration: none; }
  .ui-faceted .ui-closed:after {
    font-family: 'FontAwesome';
    content: "\f0da";
    width: 0;
    height: 0;
    position: absolute;
    right: 20px; }
  .ui-faceted .ui-closed:hover {
    background: #f2f2f2;
    color: #666;
    text-decoration: none; }

.clear-filters {
  padding: 10px 40px 10px 15px;
  display: inline-block;
  transition: all linear 0.3s;
  font-size: 14px;
  text-decoration: none;
  color: #666; }
  .clear-filters:hover {
    color: #666;
    text-decoration: none; }

.ui-btn-paypal-express {
  border: 0 none;
  padding: 0;
  float: left;
  clear: left;
  background-color: #fff; }

.ui-account-user {
  padding-left: 22px;
  padding-right: 22px;
  margin-bottom: 22px; }
  .ui-account-user .icon-user {
    float: left;
    width: 32px;
    height: 32px;
    margin-top: 12px;
    margin-right: 12px; }
  .ui-account-user p {
    float: left; }

.ui-button-mobile-nav {
  display: none;
  float: left;
  margin-top: 9px;
  padding: 8px 10px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #0E0E0E;
  border: 1px solid #bbb;
  *border: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  z-index: 90;
  position: relative;
  color: #000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #fff;
  background-repeat: repeat-x;
  border-color: #040404 #040404 black;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false); }
  .ui-button-mobile-nav .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    margin-top: 3px;
    background-color: #000;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }

.newsletter-signup {
  margin-top: 28px;
  float: right; }

.newsletter-signup .input-signup {
  background: white;
  border: 0 none;
  height: 35px;
  padding: 10px;
  float: right;
  outline: none;
  font-family: "Fira Sans", Helvetica, Arial, sans-serif;
  font-size: 0.92em;
  margin-bottom: 0;
  width: 218px; }

.ie .newsletter-signup .input-signup {
  height: 35px; }

.newsletter-signup .signup-button {
  border: 0 none;
  height: 35px;
  line-height: 35px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #d5d5d5;
  background-position: 0 0;
  display: block;
  overflow: hidden;
  float: right;
  font-family: "Fira Sans", Helvetica, Arial, sans-serif; }

/* For Smooth Scroll */
#scrollUp {
  display: none !important;
  /* Hide for now .. clashed with the sticky nav on mobile devices */
  background-color: #333;
  border-radius: 5px;
  bottom: 20px;
  color: #fff;
  font-size: 20px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  padding: 10px;
  right: 20px; }

@media only screen and (max-width: 767px) {
  .newsletter-signup {
    float: left;
    margin-top: 0; }
  .newsletter-signup .input-signup {
    width: 218px; }
  .ui-panel {
    margin-top: 20px !important; } }

@media only screen and (max-width: 767px), screen and (min-width: 480px) and (max-width: 767px) {
  .ui-status-cart {
    -webkit-border-radius: 6px; }
    .ui-status-cart .cart-btn .cart-total span {
      display: none; }
  .ui-panel {
    padding: 0 17px 17px 17px;
    min-height: unset !important; }
    .ui-panel p {
      min-height: unset !important; }
  .ui-button-small {
    height: 32px;
    line-height: 32px; }
  .ui-button {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin: 0 0 10px 0; }
  .ui-button-xsmall {
    line-height: 28px;
    height: 28px;
    font-size: 12px;
    padding: 0 10px;
    width: unset; }
  .ui-button-cart, .find-store {
    width: auto;
    padding: 0 14px;
    margin-bottom: 0; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .ui-status-cart .cart-btn .cart-total span {
    display: inline; } }

/*

_typography.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)

Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
@font-face {
  font-family: 'Blanch-Condensed';
  src: url("fonts/blanch_condensed.eot");
  src: url("fonts/blanch_condensed.eot?#iefix") format("embedded-opentype"), url("fonts/blanch_condensed.woff") format("woff"), url("fonts/blanch_condensed.ttf") format("truetype"), url("fonts/blanch_condensed.svg#blanch_condensed") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Meta-Bold';
  src: url("fonts/metapro-bold-webfont.eot");
  src: url("fonts/metapro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/metapro-bold-webfont.woff") format("woff"), url("fonts/metapro-bold-webfont.ttf") format("truetype"), url("fonts/metapro-bold-webfont.svg#metapro-bold-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Meta-Normal';
  src: url("fonts/metapro-normal-webfont.eot");
  src: url("fonts/metapro-normal-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/metapro-normal-webfont.woff") format("woff"), url("fonts/metapro-normal-webfont.ttf") format("truetype"), url("fonts/metapro-normal-webfont.svg#metapro-normal-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FontAwesome';
  src: url("fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'flexslider-icon';
  src: url("fonts/flexslider-icon.eot");
  src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal; }

h1, h2, h3, h4, h5 {
  font-family: "Fira Sans", Helvetica, Arial, sans-serif;
  display: block;
  font-weight: normal; }

h1 {
  border-bottom: 1px solid #d2d2d3;
  font-size: 1.833em;
  line-height: 1.58em;
  margin-top: 0;
  text-transform: capitalize; }

.category h1,
.account h1,
.twelve h1 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0 10px 10px;
  line-height: normal; }

h2 {
  text-indent: 0px;
  font-size: 2em;
  font-weight: normal;
  padding-bottom: 10px;
  padding-top: 10px; }

.form h2 {
  text-indent: 0;
  font-weight: bold; }

h3 {
  font-size: 1.417em;
  line-height: 1.54em;
  margin-top: 0;
  margin-bottom: 0; }

h4 {
  font-size: 1.417em;
  border-bottom: 1px solid #d2d2d3; }

h5 {
  font-size: 1.33em;
  font-weight: normal; }

a {
  color: #373d3e;
  text-decoration: none; }

a:hover {
  text-decoration: underline;
  color: #b3241d; }

p {
  font-size: 14px; }

/*table {
    width: 100%;
    tr {
        &:nth-child(odd) {
            background: $greyLight;
        }
    }
    th {
        background: $greyDark;
        color: $greyLight;
        text-align: left;
        padding: 9px 14px;
    }
    td {
        padding: 9px 14px;
        p {
            margin: 0;
        }
    }
}
*/
blockquote {
  clear: both;
  font-family: "Fira Sans", Helvetica, Arial, sans-serif;
  font-size: 1.417em;
  line-height: 1.75em;
  text-indent: 0;
  text-transform: none;
  border-left: 3px solid #b3241d;
  margin: 25px 0 25px 30px;
  padding: 0 10px 0 15px; }
  blockquote p {
    line-height: 1.75em; }
    @media (max-width: 767px) {
      blockquote p {
        line-height: 1.5em; } }
  blockquote strong {
    font-size: 17px;
    margin-top: 20px; }

hr {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #d2d2d3;
  clear: both; }

iframe {
  width: 100%; }

/*ul {
    padding: 0 0 10px 0;
    margin: 0;
    li {
        margin-left: 20px;
    }
}

ol {
    padding: 0 0 10px 0;
    margin:0;
    li {
        margin-left: 0px;
    }
}*/
.more-truncated {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  padding-bottom: 0;
  margin-bottom: 0; }

.morelink {
  text-decoration: none;
  color: #999;
  float: right;
  padding-right: 10px; }

@media only screen and (max-width: 767px), screen and (min-width: 480px) and (max-width: 767px) {
  body {
    font-size: 14px; }
  h2 {
    -webkit-margin-after: 0; } }

/*

_forms.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)

Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
input,
textarea,
select {
  background: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 8px;
  font-size: 14px;
  margin-bottom: 8px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box; }

input[disabled=disabled],
select[disabled=disabled] {
  color: #999 !important;
  cursor: default !important; }

.customSelect {
  width: 148px;
  color: #000;
  padding: 5px 32px 3px 10px;
  margin: 0;
  background: url("../images/icons/dd-icon.gif") no-repeat scroll right center #FFFFFF; }
  .customSelect .customSelectInner {
    display: inline !important; }

.customSelectHover {
  background-color: #d5d5d5; }

.input-text-large {
  height: 40px;
  padding: 10px;
  width: 30%; }

input[type="checkbox"] {
  background: none repeat scroll 0 0 #fff;
  float: left;
  height: 30px;
  margin: 0 10px 10px 0;
  width: 30px;
  border: 1px solid #ccc; }

.formRow {
  display: block;
  zoom: 1;
  padding-left: 155px;
  position: relative; }
  .formRow label,
  .formRow .label {
    display: block;
    float: left;
    width: 155px;
    margin-left: -155px;
    padding: 6px 0;
    font-size: 12px; }
  .formRow .address-label {
    font-weight: bold; }
  .formRow select {
    margin-bottom: 8px;
    width: 100%;
    cursor: pointer; }
  .formRow .input-text {
    width: 100%; }
  .formRow .input-textarea {
    width: 100%; }
  .formRow .input-link {
    display: block;
    margin-top: 0;
    font-size: 0.92em;
    color: #737373; }
  .formRow .radio-list {
    margin-bottom: 16px; }
    .formRow .radio-list label {
      margin-left: 0;
      width: auto;
      font-weight: normal;
      margin-right: 40px;
      float: none;
      display: inline-block;
      padding-bottom: 0; }
    .formRow .radio-list .input-radio input {
      display: inline-block;
      margin-top: 6px;
      margin-right: 6px;
      padding: 0; }
  .formRow:before, .formRow:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
  .formRow:after {
    clear: both; }

.formRow .error {
  color: #b8080e !important;
  background: #ffcccc;
  padding: 10px;
  margin-top: -10px;
  margin-bottom: 8px;
  display: block;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: none; }

.terms .error {
  margin-top: 10px !important; }

.compact .formRow label {
  padding-top: 0;
  padding-bottom: 0; }

.required {
  font-size: 0.92em;
  padding-bottom: 8px;
  white-space: nowrap; }

.shaded {
  background: #F5F6F6; }

.address-switch {
  margin-bottom: 8px;
  max-width: 293px; }
  .address-switch .radio-list label {
    margin-right: 15px;
    float: right; }
  .address-switch .radio-list .input-radio {
    float: right; }

.ui-panel .formRow {
  margin-bottom: 5px;
  padding-left: 0; }
  .ui-panel .formRow label {
    display: block;
    width: auto;
    float: none;
    padding: 0;
    margin-left: 0; }

.address-icon {
  font-size: 18px; }
  .address-icon:hover {
    text-decoration: none; }

.form-vertical .formRow {
  padding-left: 0;
  padding-bottom: 8px; }
  .form-vertical .formRow label,
  .form-vertical .formRow .label {
    float: none;
    margin-left: 0;
    padding: 0;
    width: auto; }

.ship-to input[type="radio"] {
  margin-top: 10px;
  margin-left: 5px; }

.ship-to .dropdown {
  float: right; }
  .ship-to .dropdown select {
    width: 209px;
    cursor: pointer; }

@media only screen and (min-width: 960px) {
  .ship-to .dropdown select {
    width: 305px; } }

@media only screen and (max-width: 767px), screen and (min-width: 480px) and (max-width: 767px) {
  .formRow {
    padding-left: 0; }
    .formRow label,
    .formRow .label {
      float: none;
      width: auto;
      margin-left: 0;
      padding-bottom: 0; }
    .formRow .input-text {
      width: 100%; }
    .formRow select {
      width: 99%; }
    .formRow .input-textarea {
      width: 100%; }
  .ship-to .dropdown {
    width: 100%;
    float: none; }
    .ship-to .dropdown select {
      width: 100%; } }

#tiptip_holder {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999; }

#tiptip_holder.tip_top {
  padding-bottom: 5px; }

#tiptip_holder.tip_bottom {
  padding-top: 5px; }

#tiptip_holder.tip_right {
  padding-left: 5px; }

#tiptip_holder.tip_left {
  padding-right: 5px; }

#tiptip_content {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  box-shadow: 0 0 3px #555;
  color: #000;
  font-family: "Fira Sans";
  font-size: 11px;
  line-height: 15px;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-shadow: 0 0 3px #555;
  -moz-box-shadow: 0 0 3px #555; }

#tiptip_content h3 {
  margin: 5px 0;
  font-size: 12px;
  font-weight: 600; }

#tiptip_arrow, #tiptip_arrow_inner {
  position: absolute;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  height: 0;
  width: 0; }

.input-phone-question {
  float: right;
  font-size: 18px;
  margin: 3px; }

.ttip-small {
  font-size: 14px;
  padding: 2px; }

.ttip-med {
  font-size: 16px;
  padding: 3px; }

.ttip-large {
  font-size: 18px;
  padding: 5px; }

.subscribe-label, .gender-label, .dob-label {
  float: left !important;
  width: 155px !important;
  height: 50px !important; }

.gender-list, .shipping-list, .add-type-select, .subscribe-options {
  margin: 0 0 5px 0;
  padding: 0;
  list-style: none; }
  .gender-list input, .shipping-list input, .add-type-select input, .subscribe-options input {
    background: none repeat scroll 0 0 #fff;
    float: left;
    height: 20px;
    margin: 0 10px 5px 0;
    width: 20px;
    border: 1px solid #ccc;
    line-height: 20px; }
  .gender-list label, .shipping-list label, .add-type-select label, .subscribe-options label {
    margin: 0;
    padding: 0;
    float: none;
    line-height: 26px;
    width: 100%; }

.subscribe-options {
  margin-bottom: 20px; }
  .subscribe-options li {
    display: inline-block;
    line-height: 14px;
    width: 100%; }
    .subscribe-options li label {
      line-height: 14px; }
    .subscribe-options li input {
      margin-bottom: 15px; }
  .subscribe-options li:last-of-type {
    margin-top: 10px; }

.shipping-list label {
  width: 100%; }

.add-type-select input {
  margin: 0 5px 5px 0; }

.add-type-select li {
  display: inline-block;
  width: 90px; }

.dob-input {
  width: 120px !important; }

.busname-hidden {
  display: none; }

/* iPhone 5 fix */
@media only screen and (min-width: 320px) {
  .gender-label, .dob-label {
    width: 120px !important; } }

#pnlFacilyPay, #cardDetails {
  display: none; }

#pnlFacilyPay {
  margin-bottom: 10px; }

.language-prompt {
  background-color: #3c3c3c;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 100%; }
  .language-prompt p {
    margin: 5px 0;
    text-align: center;
    color: #fff; }
    .language-prompt p a {
      font-size: 12px;
      color: #fff; }

.ui-autocomplete {
  max-width: 920px !important; }
  @media (max-width: 959px) {
    .ui-autocomplete {
      max-width: 730px !important; } }
  @media (max-width: 767px) {
    .ui-autocomplete {
      max-width: 410px !important;
      max-height: 450px !important;
      overflow: hidden !important; } }
  @media (max-width: 479px) {
    .ui-autocomplete {
      max-width: 260px !important;
      max-height: 300px !important;
      overflow: hidden !important; } }
  .ui-autocomplete .autocomplete-item div {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .ui-autocomplete .autocomplete-item div a {
      height: 100%;
      width: 100%;
      display: inline-block; }

.autocomplete-products {
  height: 600px !important;
  text-align: right; }
  .autocomplete-products .ui-menu-divider {
    border: none !important; }
  .autocomplete-products ul {
    display: block !important;
    position: initial !important;
    width: 300px !important;
    border: none !important; }
  .autocomplete-products .ui-menu-divider {
    height: unset !important;
    line-height: normal !important;
    margin: 0 !important; }
  .autocomplete-products.ui-menu-divider {
    height: unset !important;
    line-height: normal !important;
    margin: 0 !important; }

.nav-bar {
  background: #fff none repeat scroll 0 0;
  font-size: 14px;
  border-bottom: 1px solid #CCC;
  height: 75px; }
  .nav-bar .nav-wrapper {
    position: relative; }
    .nav-bar .nav-wrapper .search-form {
      position: absolute;
      top: 0;
      right: 0;
      float: right;
      margin: 0;
      padding: 0;
      z-index: 2; }
    .nav-bar .nav-wrapper .search-form-input {
      position: absolute;
      top: 0;
      right: 40px;
      width: 0px;
      height: 74px;
      line-height: 74px;
      border: 0;
      outline: 0;
      margin: 0;
      font-size: 20px;
      padding: 10px 0;
      color: #111111;
      position: relative;
      background-color: #fff;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -ms-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
    .nav-bar .nav-wrapper .search-form-input-open {
      width: 920px;
      padding: 0px 20px;
      margin: 0px;
      display: initial;
      border-style: solid;
      border-width: 0px 0px 0px 1px;
      border-color: #ccc;
      font-size: 20px; }
    .nav-bar .nav-wrapper .search-form-submit {
      position: absolute;
      top: 0;
      right: 0;
      display: inline-block;
      width: 40px;
      height: 75px;
      line-height: 80px;
      border: 0;
      outline: 0;
      background-color: #fff;
      font-size: 22px;
      color: #111;
      cursor: pointer;
      text-align: center;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
      .nav-bar .nav-wrapper .search-form-submit.active {
        background-color: #eaeaea; }
      .nav-bar .nav-wrapper .search-form-submit:hover {
        background-color: #eaeaea; }
    .nav-bar .nav-wrapper .search-form-submit-hidden {
      display: none !important; }
  .nav-bar .header-logo {
    background-image: url("../Images/icons/logo.svg");
    background-color: #fff;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 200px;
    height: 75px;
    float: left;
    z-index: 2; }

.ie7 .header-logo, .ie8 .header-logo, .no-svg .header-logo {
  background-image: url("../Images/icons/rc-blade-logo.jpg");
  background-size: 200px 36px;
  background-repeat: no-repeat;
  background-position: center;
  background: #fff url("../Images/icons/rc-blade-logo.jpg") no-repeat center;
  display: block;
  width: 200px;
  height: 75px;
  float: left;
  z-index: 2; }

.languages {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  float: left;
  height: 34px;
  width: 400px; }
  .languages input {
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
    margin-bottom: 0;
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial; }
  .languages li {
    display: inline-block; }

@media all and (max-width: 959px) {
  .search-form-input-open {
    width: 728px !important; } }

@media all and (max-width: 767px) {
  .search-form-input-open {
    width: 380px !important; } }

@media all and (max-width: 479px) {
  .search-form-input-open {
    width: 260px !important; } }

@media all and (max-width: 360px) {
  .search-form-input-open {
    width: 260px !important; } }

#StickyScroll {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 55;
  width: 100%;
  padding: 0; }

.ie7 .search-form-input-open {
  width: 875px !important; }

.ie7 #SearchTrigger {
  /* Show Image Icon for IE 7 */
  background-image: url("../Images/icons/searchIcon.gif");
  background-repeat: no-repeat;
  background-position: center center; }

.header-logo {
  background-image: url("../Images/icons/logo.svg");
  background-color: #fff;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 200px;
  height: 75px;
  float: left;
  z-index: 2; }

.branding,
.branding:hover,
.branding:active,
.branding:visited {
  font-family: 'Blanch-Condensed';
  color: #000;
  text-decoration: none;
  font-size: 75px;
  line-height: 80px;
  letter-spacing: -2px;
  text-indent: -999em;
  display: block;
  width: 200px;
  height: 36px;
  top: 20px;
  position: relative;
  background-image: url("../Images/icons/logo-trim.svg");
  background-color: #fff;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center; }

.ie7 .branding,
.ie7 .branding:hover,
.ie7 .branding:active,
.ie7 .branding:visited, .ie8 .branding,
.ie8 .branding:hover,
.ie8 .branding:active,
.ie8 .branding:visited, .no-svg .branding,
.no-svg .branding:hover,
.no-svg .branding:active,
.no-svg .branding:visited {
  background: url(../images/icons/rc-blade-logo.jpg) 0 0 no-repeat; }

.checkout .branding {
  top: 5px; }

.header-bar {
  background: #000;
  color: #9a9a9a;
  font-size: 12px;
  height: 34px;
  line-height: normal; }
  .header-bar .mobile-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    display: none; }
    .header-bar .mobile-nav li {
      float: left;
      color: #000;
      margin: 0;
      background-color: #000; }
    .header-bar .mobile-nav a {
      text-decoration: none;
      color: #fff;
      display: block;
      height: 24px;
      font-size: 12px;
      line-height: 24px;
      padding: 0 8px;
      margin: 5px 0;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
      .header-bar .mobile-nav a:hover {
        color: #FFF; }
    .header-bar .mobile-nav a em {
      color: #666666;
      font-style: normal; }
  .header-bar .notices {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    float: left;
    height: 34px;
    width: 400px; }
    .header-bar .notices li {
      position: relative;
      opacity: 0;
      color: inherit;
      text-decoration: none;
      visibility: hidden;
      -webkit-transition: opacity .6s ease-in-out;
      -moz-transition: opacity .6s ease-in-out;
      -ms-transition: opacity .6s ease-in-out;
      -o-transition: opacity .6s ease-in-out;
      transition: opacity .6s ease-in-out; }
      .header-bar .notices li a {
        position: absolute;
        height: 34px;
        font-size: 12px;
        line-height: 34px;
        padding: 0 8px;
        color: #fff;
        text-decoration: none;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
        .header-bar .notices li a:hover {
          color: #FFF; }
      .header-bar .notices li i.fa {
        padding-right: 8px;
        font-size: 15px; }
    .header-bar .notices li.active {
      opacity: 1;
      visibility: visible; }
  .header-bar .customer-cart {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
    border-right: 1px solid #333; }
    .header-bar .customer-cart li {
      float: left;
      color: #FFF;
      border-left: 1px solid #333;
      display: inline;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
      .header-bar .customer-cart li:hover {
        background-color: #333; }
    .header-bar .customer-cart a {
      text-decoration: none;
      color: #FFF;
      display: block;
      height: 34px;
      font-size: 12px;
      line-height: 34px;
      padding: 0 8px;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
      .header-bar .customer-cart a em {
        color: #999;
        font-style: normal;
        color: #000;
        padding: 2px 6px;
        width: 20px;
        height: 20px;
        background-color: #666;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        font-style: normal; }
    .header-bar .customer-cart .currency-select a, .header-bar .customer-cart .account-status a {
      min-height: 18px;
      height: auto;
      line-height: 18px;
      padding: 8px; }
    .header-bar .customer-cart:hover {
      color: #FFF; }
    .header-bar .customer-cart li ul {
      position: absolute;
      display: none;
      padding: 0;
      margin: 0;
      background-color: #000;
      -webkit-border-radius: 0 0 5px 5px;
      -moz-border-radius: 0 0 5px 5px;
      border-radius: 0 0 5px 5px;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
      .header-bar .customer-cart li ul li {
        display: block;
        border-top: solid 1px #333;
        border-left: none;
        padding: 0 5px;
        margin: 0;
        width: 125px;
        background-color: #000;
        text-align: left; }
        .header-bar .customer-cart li ul li:last-of-type {
          border-radius: 0 0 5px 5px;
          border-left: 1px solid #b3241d;
          border-right: 1px solid #b3241d; }
    .header-bar .customer-cart li ul.currency-select li {
      width: 65px;
      border-left: none !important;
      border-right: none !important; }
    .header-bar .customer-cart li ul.language-select li {
      width: 110px;
      border-left: none !important;
      border-right: none !important; }
      .header-bar .customer-cart li ul.language-select li a {
        width: 100px;
        overflow: hidden; }
    .header-bar .customer-cart li:hover ul {
      display: block;
      z-index: 400; }
    .header-bar .customer-cart .minicart {
      background-color: #000;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      padding: 0;
      margin: 0; }
      .header-bar .customer-cart .minicart:hover {
        background-color: #333; }
        .header-bar .customer-cart .minicart:hover ul {
          display: block;
          z-index: 400; }
      .header-bar .customer-cart .minicart ul {
        position: absolute;
        right: 0;
        display: none;
        padding: 0;
        margin: 0;
        background-color: #FFF;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
        .header-bar .customer-cart .minicart ul li {
          display: block;
          border-top: 1px solid #ccc;
          border-left: 1px solid #ccc;
          border-right: 1px solid #ccc;
          padding: 0;
          margin: 0;
          width: 230px;
          background-color: #FFF;
          text-align: left;
          color: #333;
          overflow: visible; }
          .header-bar .customer-cart .minicart ul li:hover {
            background-color: #eaeaea; }
        .header-bar .customer-cart .minicart ul li:first-child {
          border-top: none; }
      .header-bar .customer-cart .minicart a em {
        color: #FFF;
        padding: 2px 6px;
        width: 20px;
        height: 20px;
        background-color: #b3241d;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        font-style: normal; }
    .header-bar .customer-cart ul.account-status li:last-of-type {
      border-left: 1px solid #000;
      border-right: 1px solid #000; }
    .header-bar .customer-cart .lang-prompt {
      padding-right: 10px; }
    .header-bar .customer-cart .lang-choice {
      display: none; }
      .header-bar .customer-cart .lang-choice span {
        padding: 10px;
        line-height: 16px;
        display: inline-block; }
    .header-bar .customer-cart .lang-flag {
      width: 16px;
      height: 11px;
      background-image: url("../images/flags/rce-flags-full.gif");
      display: inline-block;
      margin-right: 10px; }
      .header-bar .customer-cart .lang-flag.fr-FR {
        background-position-y: -11px; }
      .header-bar .customer-cart .lang-flag.de-DE {
        background-position-y: -22px; }
      .header-bar .customer-cart .lang-flag.es-ES {
        background-position-y: -33px; }
      .header-bar .customer-cart .lang-flag.pt-PT {
        background-position-y: -44px; }
      .header-bar .customer-cart .lang-flag.nl-NL {
        background-position-y: -55px; }
      .header-bar .customer-cart .lang-flag.it-IT {
        background-position-y: -66px; }
      .header-bar .customer-cart .lang-flag.sv-SE {
        background-position-y: -77px; }

.header-post-nav {
  padding-top: 109px;
  /* Will need to be changed when menu shrinks up */ }
  .header-post-nav .header-image {
    background-size: cover;
    background-position: left center;
    height: 190px;
    position: relative;
    resize: vertical; }
    .header-post-nav .header-image .header-image-overlay {
      line-height: 190px; }
      .header-post-nav .header-image .header-image-overlay h2 {
        color: #fff;
        font-size: 3em;
        font-weight: bold;
        padding: 0;
        margin: 0 0 0 20px;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
        text-transform: none; }

.header-bar-checkout {
  background: #000;
  color: #9a9a9a;
  font-size: 12px;
  height: 34px;
  line-height: normal;
  margin-bottom: 15px; }
  .header-bar-checkout a {
    color: #fff;
    line-height: 34px; }
  .header-bar-checkout span {
    float: right;
    color: #fff;
    line-height: 34px; }

@media all and (max-width: 959px) {
  .header-bar .notices {
    width: 300px !important; }
  .header-bar .customer-cart .lang-prompt {
    display: none !important; }
  .header-bar .customer-cart .lang-choice {
    display: block !important; } }

@media all and (max-width: 767px) {
  .mobile-nav {
    display: block !important; }
  .my-cart-header {
    display: none !important; } }

@media only screen and (max-width: 959px) and (min-width: 768px) {
  .header-image-overlay {
    width: 768px; } }

@media only screen and (max-width: 767px) {
  .branding,
  .branding:hover,
  .branding:active,
  .branding:visited {
    font-size: 65px; }
  .header-bar .menu {
    float: left; }
  .header-image {
    display: none; } }

.nav,
.nav-checkout {
  position: relative;
  z-index: 300; }

.nav .primary {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
  position: absolute;
  right: 40px;
  z-index: 1; }
  .nav .primary > li {
    float: left;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .nav .primary > li a {
      font-size: 14px;
      display: block;
      line-height: 34px;
      font-family: "Fira Sans", Helvetica, Arial, sans-serif; }
      .nav .primary > li a span {
        font-size: 22px; }
      .nav .primary > li a:hover {
        text-decoration: none; }
    .nav .primary > li > a {
      text-decoration: none;
      color: #111111;
      display: block;
      height: 75px;
      font-size: 14px;
      line-height: 85px;
      padding: 0 10px;
      text-transform: uppercase; }
    .nav .primary > li > ul {
      display: none; }
    .nav .primary > li.active > a {
      background: #ddd; }
    .nav .primary > li:hover {
      background: #eaeaea; }
      .nav .primary > li:hover > ul {
        display: block; }
    .nav .primary > li:focus {
      background: #eaeaea; }
      .nav .primary > li:focus > ul {
        display: block; }

.nav li {
  position: relative;
  white-space: nowrap; }

.nav .sub ul.level02 {
  padding: 10px;
  background: #ffffff;
  position: absolute;
  right: -40px;
  margin: 0;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px; }
  .nav .sub ul.level02 li {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px 10px;
    min-width: 158px; }
    .nav .sub ul.level02 li a {
      display: block;
      font-size: 14px;
      line-height: 27px;
      padding: 2px 10px;
      color: #000000;
      font-weight: normal;
      text-transform: uppercase;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
      .nav .sub ul.level02 li a:hover {
        background-color: #eaeaea; }
  .nav .sub ul.level02.ar {
    left: auto;
    right: 0; }

.nav .sub ul.level03 {
  padding: 0;
  margin: 0; }
  .nav .sub ul.level03 li {
    display: block;
    min-width: 158px;
    padding: 0;
    margin: 2px 0; }
    .nav .sub ul.level03 li a {
      display: block;
      font-size: 13px;
      line-height: 18px;
      color: #333333;
      font-weight: normal;
      text-transform: none; }
      .nav .sub ul.level03 li a:hover {
        background-color: #eaeaea; }
    .nav .sub ul.level03 li.active a {
      color: #b3241d; }

.nav li.active li.active::before,
.nav li.active li.active::after {
  border: 0 none; }

.multilevelpushmenu_wrapper .levelHolderClass {
  background: #3e3c3d;
  background: -moz-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e3c3d), color-stop(100%, #2d2c2d));
  background: -webkit-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
  background: -o-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
  background: -ms-linear-gradient(top, #3e3c3d 0%, #2d2c2d 100%);
  background: linear-gradient(to bottom, #3e3c3d 0%, #2d2c2d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3c3d', endColorstr='#2d2c2d',GradientType=0 ); }

.multilevelpushmenu_wrapper li, .multilevelpushmenu_wrapper li:last-child {
  border-bottom: 1px solid #222222;
  border-top: 1px solid #444444; }

.multilevelpushmenu_wrapper li:hover {
  background-color: transparent;
  color: #000; }

.multilevelpushmenu_wrapper .backItemClass {
  background: #555;
  border-top: 1px solid #295685; }

/* For stocky side nav across all pages*/
@media all and (min-width: 768px) {
  .full-height-container {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
  .side-nav-container {
    align-items: stretch;
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */ } }

.side-nav {
  transition: top .3s linear;
  /* Smooth transition for sticky */
  -webkit-transition: top .3s linear;
  -moz-transition: top .3s linear;
  -o-transition: top .3s linear;
  transform: translate3d(0, 0, 0);
  /* iPad smooth scrolling */
  border-bottom: 1px solid #d2d2d3;
  list-style: none;
  padding: 0;
  margin: 0; }
  .side-nav ul {
    transform: translate3d(0, 0, 0);
    /* iPad smooth scrolling */
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #fff; }
    .side-nav ul ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .side-nav ul ul ul {
        list-style: none;
        background: none;
        margin: 0;
        padding: 0; }
  .side-nav li a {
    transform: translate3d(0, 0, 0);
    /* iPad smooth scrolling */
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 0;
    display: block;
    padding-left: 10px;
    text-align: left;
    color: #333;
    text-decoration: none;
    line-height: normal;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .side-nav li li.active > a {
    color: #b3241d; }
    .side-nav li li.active > a:after {
      position: absolute;
      font-family: 'FontAwesome';
      line-height: 16px;
      right: 5px;
      content: "\f054";
      color: #666;
      font-weight: normal; }
  .side-nav li li.active a:hover {
    background-color: #f2f2f2; }
  .side-nav li li a {
    font-size: 14px;
    line-height: 16px;
    color: #666;
    text-transform: none;
    border-top: 1px solid #d2d2d3;
    font-weight: bold;
    display: block;
    pointer-events: auto;
    position: relative; }
    .side-nav li li a:hover {
      background-color: #f2f2f2; }
  .side-nav li li li a {
    padding-left: 25px;
    padding-right: 15px;
    border-top: none;
    display: block;
    font-weight: normal;
    position: relative; }
  .side-nav li li li.active > a {
    color: #b3241d; }
    .side-nav li li li.active > a:after {
      position: absolute;
      font-family: 'FontAwesome';
      line-height: 16px;
      right: 5px;
      content: "\f054";
      color: #666; }

.product-side-nav li li a {
  font-size: 14px; }

.nav .title-bar {
  height: 40px !important;
  border-top: 0 none !important; }
  .nav .title-bar .back-btn {
    display: inline-block !important;
    padding: 0 12px 0 0 !important;
    position: relative !important;
    padding-left: 0;
    margin-left: 16px;
    background-color: #717779 !important;
    height: 32px !important;
    line-height: 32px !important;
    cursor: pointer; }
    .nav .title-bar .back-btn .caret {
      width: 0;
      height: 0;
      border-top: 17px solid rgba(0, 0, 0, 0);
      border-bottom: 16px solid rgba(0, 0, 0, 0);
      border-right: 13px solid #717779;
      position: absolute;
      left: -12px;
      top: 1px; }
    .nav .title-bar .back-btn .label {
      position: relative;
      z-index: 10; }
    .nav .title-bar .back-btn:hover {
      background-color: #fff !important;
      color: #000 !important; }
      .nav .title-bar .back-btn:hover .caret {
        border-right-color: #fff !important; }
  .nav .title-bar:hover {
    background-color: inherit; }

.nav-checkout-wide {
  background: #ddd;
  margin-bottom: 30px;
  margin-top: 20px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.nav-checkout ul {
  background: #ddd; }
  .nav-checkout ul li:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
  .nav-checkout ul li {
    font-size: 1.25em;
    cursor: default;
    padding: 0 56px 0 28px;
    height: 42px;
    line-height: 42px;
    background: transparent url(../images/backgrounds/cart-step.png) no-repeat 100% 0; }
    .nav-checkout ul li.active {
      color: #fff;
      background: #333 url(../images/backgrounds/cart-step-active-tail.png) no-repeat 100% 0; }
    .nav-checkout ul li.complete {
      background-color: #eeeeee; }
    .nav-checkout ul li.previous {
      background-image: url(../images/backgrounds/cart-step-active-head.png);
      background-repeat: no-repeat;
      background-position: 100% 0; }
    .nav-checkout ul li a:hover, .nav-checkout ul li a:active {
      text-decoration: none;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }

.cart-nav-block .ui-button {
  margin-bottom: 10px;
  display: block; }

.cart-nav-block .btn-paypal-express {
  float: left;
  clear: left; }

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .nav.fixed {
    width: 768px !important;
    margin-left: -374px !important; }
  .nav .sub ul.level02 li {
    min-width: 128px; }
  .nav .sub ul.level03 li {
    min-width: 128px; } }

@media only screen and (max-width: 767px), screen and (min-width: 480px) and (max-width: 767px) {
  .recently-side-nav {
    display: none; }
  .codagenic-category-listing .sideNav-mobile-btn,
  .codagenic-account-managment .sideNav-mobile-btn,
  .ui-button-mobile-nav {
    display: block; }
  .nav,
  .nav.fixed {
    position: absolute;
    top: 0;
    width: auto !important;
    z-index: 999;
    right: 0;
    left: 0;
    background-color: #000;
    margin-left: 0 !important; }
    .nav .nav-holder,
    .nav.fixed .nav-holder {
      margin: 0 auto;
      width: 300px;
      height: 100%;
      overflow: hidden; }
    .nav .primary li,
    .nav .sub ul li,
    .nav .sub ul.level02 li,
    .nav .sub ul.level03 li,
    .nav.fixed .primary li,
    .nav.fixed .sub ul li,
    .nav.fixed .sub ul.level02 li,
    .nav.fixed .sub ul.level03 li {
      width: 300px;
      float: none;
      display: block;
      border-top: 1px solid #52585a;
      padding: 0; }
      .nav .primary li:hover,
      .nav .sub ul li:hover,
      .nav .sub ul.level02 li:hover,
      .nav .sub ul.level03 li:hover,
      .nav.fixed .primary li:hover,
      .nav.fixed .sub ul li:hover,
      .nav.fixed .sub ul.level02 li:hover,
      .nav.fixed .sub ul.level03 li:hover {
        background: none; }
      .nav .primary li a,
      .nav .sub ul li a,
      .nav .sub ul.level02 li a,
      .nav .sub ul.level03 li a,
      .nav.fixed .primary li a,
      .nav.fixed .sub ul li a,
      .nav.fixed .sub ul.level02 li a,
      .nav.fixed .sub ul.level03 li a {
        line-height: normal;
        color: #d5d5d5;
        height: auto;
        font-weight: bold;
        font-size: 1.2em;
        padding: 0;
        background: none;
        display: block;
        text-indent: 8px; }
        .nav .primary li a:hover,
        .nav .sub ul li a:hover,
        .nav .sub ul.level02 li a:hover,
        .nav .sub ul.level03 li a:hover,
        .nav.fixed .primary li a:hover,
        .nav.fixed .sub ul li a:hover,
        .nav.fixed .sub ul.level02 li a:hover,
        .nav.fixed .sub ul.level03 li a:hover {
          background-color: #fff;
          color: #000; }
      .nav .primary li.sub > a,
      .nav .sub ul li.sub > a,
      .nav .sub ul.level02 li.sub > a,
      .nav .sub ul.level03 li.sub > a,
      .nav.fixed .primary li.sub > a,
      .nav.fixed .sub ul li.sub > a,
      .nav.fixed .sub ul.level02 li.sub > a,
      .nav.fixed .sub ul.level03 li.sub > a {
        background-image: url(../images/icons/arrow-right-white.png);
        background-repeat: no-repeat;
        background-position: 95% 49%;
        background-size: 10px 13px; }
  .nav li.active:before,
  .nav li.active:after {
    display: none; }
  .nav .sub ul,
  .nav .sub ul.level02,
  .nav .sub ul.level03 {
    visibility: visible;
    display: none;
    position: absolute;
    width: 300px;
    top: 24px;
    left: 300px;
    opacity: 1;
    background-color: #000;
    padding: 0; }
    .nav .sub ul.in,
    .nav .sub ul.level02.in,
    .nav .sub ul.level03.in {
      display: block; }
  /* MDG Not sure about this side nav CSS ... it's left for reference but it is ugly and messy */
  /*
    .container .side-nav
    {
        display:none;
        z-index:450;
        margin:0 0 20px 0;

		-webkit-border-bottom-left-radius: 6px;
		-webkit-border-bottom-right-radius: 6px;
        -webkit-background-clip: content;
        a
        {
            max-width:100%;
            display:block;

        }

        li ul
        {
            padding:0;
            margin:0;
            background-color:$greyBordercolor;
        }

        > li > a,
        li ul li.active
        {
            display:none;
        }

        li li a
        {
            background-color:$greyBordercolor;
            padding:4px;
            text-indent:5px;

            &:hover
            {
                text-decoration:none;
                background-color:#999;
            }
        }
    }
    */
  .codagenic-account-managment .container .side-nav {
    display: block; }
  .nav-checkout {
    padding-bottom: 5px;
    padding-top: 5px; }
    .nav-checkout ul li {
      display: none !important; }
  body.checkout .ui-button-mobile-nav {
    display: none; }
  .cart-nav-block .ui-button {
    float: none;
    margin-left: 0;
    margin-right: 0;
    display: block;
    width: 100%;
    padding: 0; }
  .container .nav,
  .container .nav.fixed {
    display: none !important; } }

.mobile-account-nav {
  margin: 20px 0;
  font-size: 0.7em; }
  .mobile-account-nav li {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ccc;
    font-family: "Fira Sans", Helvetica, Arial, sans-serif;
    display: block;
    font-weight: normal;
    text-transform: uppercase; }
    .mobile-account-nav li:first-child {
      border-left: 0;
      padding-left: 0;
      margin-left: 0; }

@media only screen and (min-width: 768px) {
  .container .nav,
  .container .nav.fixed {
    display: block;
    /* was !important */
    height: auto !important; }
  .overlay {
    display: none !important; }
  .body,
  .footer {
    display: block !important; }
  #mobileMenu {
    display: none !important; } }

@media only screen and (max-width: 767px) {
  .product-side-nav {
    display: none; }
  .side-nav {
    display: none; }
  .nav-checkout-wide {
    display: none; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .nav,
  .nav.fixed {
    margin-left: 0; }
    .nav .nav-holder,
    .nav.fixed .nav-holder {
      width: 420px; }
    .nav .primary,
    .nav .sub ul,
    .nav .sub ul.level02,
    .nav .sub ul.level03,
    .nav.fixed .primary,
    .nav.fixed .sub ul,
    .nav.fixed .sub ul.level02,
    .nav.fixed .sub ul.level03 {
      width: 420px;
      left: 420px;
      right: auto; }
      .nav .primary li,
      .nav .sub ul li,
      .nav .sub ul.level02 li,
      .nav .sub ul.level03 li,
      .nav.fixed .primary li,
      .nav.fixed .sub ul li,
      .nav.fixed .sub ul.level02 li,
      .nav.fixed .sub ul.level03 li {
        width: 420px; }
  .cart-nav-block {
    overflow: hidden; }
    .cart-nav-block a {
      box-sizing: border-box;
      width: 100%;
      text-align: center; } }

/*
Item name: jQuery Accordion Menu
Author: http://codecanyon.net/user/marcoarib
License: http://codecanyon.net/licenses
*/
/* Menu Wrapper
===========================================*/
.jquery-accordion-menu,
.jquery-accordion-menu * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  outline: 0; }

.jquery-accordion-menu {
  width: 260px;
  float: left;
  position: relative;
  box-shadow: 0 20px 50px #333;
  padding-bottom: 30px; }

/* Header and Footer
===========================================*/
.jquery-accordion-menu .jquery-accordion-menu-header,
.jquery-accordion-menu .jquery-accordion-menu-footer {
  width: 100%;
  height: 50px;
  padding-left: 22px;
  float: left;
  line-height: 50px;
  font-weight: 600;
  color: #f0f0f0;
  background: #222; }

/* Menu
===========================================*/
.jquery-accordion-menu ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.jquery-accordion-menu ul li {
  width: 100%;
  display: block;
  float: left;
  position: relative;
  border-top: 1px solid #000; }

.jquery-accordion-menu ul li a {
  width: 100%;
  padding: 10px 20px;
  float: left;
  text-decoration: none;
  color: #f0f0f0;
  font-size: 14px;
  background: #222;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  -o-transition: color .2s linear, background .2s linear;
  -moz-transition: color .2s linear, background .2s linear;
  -webkit-transition: color .2s linear, background .2s linear;
  transition: color .2s linear, background .2s linear;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word; }

.jquery-accordion-menu ul li a.mobile-nav-all {
  font-weight: bold; }

.jquery-accordion-menu ul.level02 li a {
  padding: 5px 20px 5px 30px !important;
  background: #333; }

.jquery-accordion-menu ul.level03 li a {
  padding: 5px 20px 5px 45px !important;
  background: #444; }

.jquery-accordion-menu ul.level04 li a {
  padding: 5px 20px 5px 60px !important;
  background: #555; }

.jquery-accordion-menu ul.level05 li a {
  padding: 5px 20px 5px 75px !important;
  background: #666; }

.jquery-accordion-menu ul li a i {
  width: 16px;
  float: left;
  line-height: 16px;
  font-size: 14px;
  text-align: left; }

/* Submenu indicators
===========================================*/
.jquery-accordion-menu .submenu-indicator {
  float: right;
  right: 22px;
  position: absolute;
  padding: 4px 0;
  line-height: 16px;
  font-size: 16px;
  -o-transition: transform .3s linear;
  -moz-transition: transform .3s linear;
  -webkit-transition: transform .3s linear;
  -ms-transition: transform .3s linear; }

.jquery-accordion-menu ul ul.submenu .submenu-indicator {
  line-height: 16px; }

.jquery-accordion-menu .submenu-indicator-minus > .submenu-indicator {
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-right: 5px; }

/* Submenu
===========================================*/
.jquery-accordion-menu ul ul.submenu,
.jquery-accordion-menu ul ul.submenu li ul.submenu {
  width: 100%;
  display: none;
  position: static; }

.jquery-accordion-menu ul ul.submenu li {
  clear: both;
  width: 100%; }

.jquery-accordion-menu ul ul.submenu li a {
  width: 100%;
  float: left;
  font-size: 14px;
  border-top: none;
  position: relative;
  border-left: solid 6px transparent;
  -o-transition: border .2s linear;
  -moz-transition: border .2s linear;
  -webkit-transition: border .2s linear;
  transition: border .2s linear; }

.jquery-accordion-menu ul ul.submenu li:hover > a {
  /*border-left-color: #111;*/ }

.jquery-accordion-menu ul ul.submenu li.active > a {
  border-left-color: #b3241d; }

.jquery-accordion-menu ul ul.submenu > li > a {
  padding-left: 30px; }

.jquery-accordion-menu ul ul.submenu > li > ul.submenu > li > a {
  padding-left: 45px; }

.jquery-accordion-menu ul ul.submenu > li > ul.submenu > li > ul.submenu > li > a {
  padding-left: 60px; }

/* labels
===========================================*/
.jquery-accordion-menu ul li .jquery-accordion-menu-label,
.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
  min-width: 20px;
  padding: 1px 2px 1px 1px;
  position: absolute;
  right: 18px;
  top: 14px;
  font-size: 11px;
  font-weight: 800;
  color: #555;
  text-align: center;
  line-height: 18px;
  background: #f0f0f0;
  border-radius: 100%; }

.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
  top: 12px; }

/* click effect
===========================================*/
.ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }

.animate-ink {
  -webkit-animation: ripple 0.5s linear;
  -moz-animation: ripple 0.5s linear;
  -ms-animation: ripple 0.5s linear;
  -o-animation: ripple 0.5s linear;
  animation: ripple 0.5s linear; }

@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5); } }

@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -moz-transform: scale(2.5); } }

@-o-keyframes ripple {
  100% {
    opacity: 0;
    -o-transform: scale(2.5); } }

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5); } }

/* Event Page */
.header-post-nav-event {
  padding-top: 150px;
  /* Compensate for Sub Nav */ }

/* Header Image */
.codagenic-event .header-image {
  background-size: cover;
  background-position: left center;
  height: 190px;
  position: relative;
  resize: vertical; }
  .codagenic-event .header-image .header-image-overlay {
    line-height: 190px; }
    .codagenic-event .header-image .header-image-overlay h2 {
      color: #fff;
      font-size: 3em;
      font-weight: bold;
      padding: 0;
      margin: 0 0 0 20px;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
      text-transform: none; }

/* Menu */
.event-sub-nav-container {
  width: 100%;
  margin: 0 auto;
  text-align: center; }
  .event-sub-nav-container .event-sub-nav {
    background-color: #444; }
    .event-sub-nav-container .event-sub-nav a {
      color: #fff;
      text-decoration: none;
      text-transform: uppercase;
      padding: 10px 15px;
      display: inline-block; }
    .event-sub-nav-container .event-sub-nav li.on > a {
      color: #fff !important;
      background-color: #333; }
    .event-sub-nav-container .event-sub-nav > li {
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      display: inline-block;
      margin: 0;
      border-right: 1px solid #333;
      position: relative;
      white-space: nowrap; }
      .event-sub-nav-container .event-sub-nav > li:last-of-type {
        border-right: none; }
      .event-sub-nav-container .event-sub-nav > li:hover {
        background-color: #333; }
      .event-sub-nav-container .event-sub-nav > li > ul {
        display: none;
        background: #444 none repeat scroll 0 0 padding-box;
        position: absolute;
        margin: 0;
        padding: 0;
        border-color: #333;
        border-style: solid;
        border-width: 1px;
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        *border-right-width: 2px;
        *border-bottom-width: 2px; }
        .event-sub-nav-container .event-sub-nav > li > ul > li {
          display: block;
          vertical-align: top;
          text-align: left; }
          .event-sub-nav-container .event-sub-nav > li > ul > li > a {
            text-transform: none;
            display: block;
            font-size: 12px;
            line-height: 27px;
            padding: 5px 15px;
            color: #fff;
            font-weight: normal;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -ms-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s; }
            .event-sub-nav-container .event-sub-nav > li > ul > li > a:hover {
              background-color: #333; }
      .event-sub-nav-container .event-sub-nav > li.active > a {
        background: #333; }
      .event-sub-nav-container .event-sub-nav > li:hover > a {
        background: #333; }
      .event-sub-nav-container .event-sub-nav > li:hover > ul {
        display: block; }
      .event-sub-nav-container .event-sub-nav > li:focus {
        background: #333; }
        .event-sub-nav-container .event-sub-nav > li:focus > ul {
          display: block; }

/* Mobile Sub Nav */
.event-sub-nav-mobile-root {
  background-color: #444;
  color: #fff; }
  .event-sub-nav-mobile-root #mobileSubMenu {
    position: relative; }
  .event-sub-nav-mobile-root span.root {
    font-size: 14px;
    margin-left: 10px;
    /*
        position: absolute;
        top: 9px;
        left: 40px;
        width: 260px;
        */ }
  .event-sub-nav-mobile-root a {
    text-decoration: none;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    padding: 8px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }

.event-sub-nav-container-mobile {
  background-color: #444;
  display: none; }
  .event-sub-nav-container-mobile li.active > a {
    border-left: solid 6px;
    border-left-color: #b3241d; }

.event-sub-nav-mobile {
  display: none;
  background-color: #444;
  border: 1px solid #000;
  width: 100%;
  border: none !important;
  padding-bottom: 5px !important; }
  .event-sub-nav-mobile li {
    border-top: 1px solid #333 !important; }
    .event-sub-nav-mobile li a {
      background-color: #444 !important; }
  .event-sub-nav-mobile li.active a {
    background-color: #333 !important; }
  .event-sub-nav-mobile .level02 li a {
    background-color: #444 !important; }
  .event-sub-nav-mobile .level02 li.active a {
    background-color: #333 !important; }

/* Mobile Sub Nav Wrapper
===========================================*/
.event-sub-nav-container-mobile {
  width: 100% !important;
  float: none !important;
  position: unset !important;
  box-shadow: none !important;
  padding-bottom: 0 !important;
  background-color: #444 !important; }

@media only screen and (max-width: 767px) {
  .event-sub-nav-container-mobile {
    display: inline-block;
    margin-bottom: 20px; }
  .header-post-nav-event {
    padding-top: 109px; }
  .event-sub-nav-container {
    display: none; } }

.bread-crumb-container {
  background-color: #ddd;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  margin-bottom: 20px;
  line-height: normal; }
  .bread-crumb-container .breadcrumb-list {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #eee;
    border-radius: 3px 0 0 3px;
    overflow: hidden;
    background: #eeeeee;
    /* Old browsers */
    background: -moz-linear-gradient(left, #eeeeee 0%, #dddddd 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #eeeeee 0%, #dddddd 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #eeeeee 0%, #dddddd 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=1 );
    /* IE6-9 */ }
    .bread-crumb-container .breadcrumb-list li {
      float: left; }
    .bread-crumb-container .breadcrumb-list a {
      padding: 12px 2px 8px 20px;
      float: left;
      font-size: 12px;
      text-decoration: none;
      color: #444;
      position: relative;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
      background-color: #ddd;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
    .bread-crumb-container .breadcrumb-list a:hover {
      background: #eeeeee; }
    .bread-crumb-container .breadcrumb-list a::after, .bread-crumb-container .breadcrumb-list a::before {
      content: "";
      position: absolute;
      top: 50%;
      margin-top: -1.5em;
      border-top: 1.5em solid transparent;
      border-bottom: 1.5em solid transparent;
      border-left: 1em solid;
      right: -1em; }
    .bread-crumb-container .breadcrumb-list a::after {
      z-index: 2;
      border-left-color: #ddd;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
    .bread-crumb-container .breadcrumb-list a::before {
      border-left-color: #ccc;
      right: -1.1em;
      z-index: 1; }
    .bread-crumb-container .breadcrumb-list a:hover::after {
      border-left-color: #eeeeee; }
    .bread-crumb-container .breadcrumb-list .current, .bread-crumb-container .breadcrumb-list .current:hover {
      background: none; }
    .bread-crumb-container .breadcrumb-list .current::after, .bread-crumb-container .breadcrumb-list .current::before {
      content: normal; }
    .bread-crumb-container .breadcrumb-list li:first-child a, .bread-crumb-container .breadcrumb-list li:first-child a:link, .bread-crumb-container .breadcrumb-list li:first-child a:visited {
      padding-left: .625em;
      border-radius: 3px 0 0 3px; }

.product-social {
  height: 25px;
  padding-top: 5px; }

@media only screen and (max-width: 767px), screen and (min-width: 480px) and (max-width: 767px) {
  .container .breadcrumbs {
    display: none; }
  .bread-crumb-container {
    display: none; } }

/*

_pager.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)

Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
.pager {
  display: block;
  list-style: none;
  padding: 0;
  margin: 20px 0 0 0; }
  .pager li {
    display: inline-block;
    margin: 0 5px 20px 0; }
    .pager li a {
      padding: 10px 8px;
      background-color: #d5d5d5; }
    .pager li span,
    .pager li a:hover {
      padding: 10px 8px;
      background-color: #000;
      color: #fff;
      text-decoration: none; }
    .pager li a:hover {
      background-color: #b3241d; }
    .pager li span {
      cursor: default; }

/*

_footer.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)

Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
.footer {
  background: #3c3c3c; }
  .footer h5 {
    padding: 0;
    margin: 25px 0 10px;
    color: #fff;
    line-height: 18px; }
  .footer ul {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin: 0; }
    .footer ul li {
      padding: 0;
      margin: 0; }
      .footer ul li a {
        font-size: 13px;
        color: #999999;
        line-height: 22px;
        text-decoration: none; }
        .footer ul li a:hover {
          color: #fff;
          text-decoration: none; }
  .footer .social {
    margin: 0;
    padding: 0; }
    .footer .social li {
      float: left;
      margin-right: 3px;
      list-style: none;
      padding: 0;
      background-image: url("../images/icons/social-icons.png");
      background-repeat: no-repeat; }
      .footer .social li.facebook {
        background-position: 0 0; }
      .footer .social li.instagram {
        background-position: 0 -30px; }
      .footer .social li.youtube {
        background-position: 0 -60px; }
      .footer .social li.twitter {
        background-position: 0 -90px; }
      .footer .social li.pintrest {
        background-position: 0 -120px; }
    .footer .social a {
      display: block;
      width: 30px;
      height: 30px; }
  .footer .app-store {
    margin-top: 60px; }
    .footer .app-store a {
      clear: both;
      margin: 10px 0;
      display: block;
      width: 103px;
      height: 30px;
      background-image: url("../images/icons/AppStore.png"); }
  .footer .signup {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .footer .signup label {
      color: #999999;
      font-size: 13px; }
    .footer .signup button {
      background-color: #999999;
      border: 1px solid #999999;
      color: #3c3c3c;
      font-size: 14px;
      border: none;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      padding: 7px;
      float: right;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
      .footer .signup button:hover {
        color: #fff; }
    .footer .signup .signup-row {
      clear: both;
      margin-bottom: 5px;
      line-height: 35px; }
    .footer .signup .signup-note {
      font-size: 10px;
      line-height: 12px;
      color: #999999;
      font-style: italic; }
    .footer .signup .signup-success,
    .footer .signup .signup-error {
      font-size: 14px;
      padding: 10px 0; }
    .footer .signup .signup-success {
      color: #339900; }
    .footer .signup .signup-error {
      color: #cc0000; }
  .footer .region-dd option {
    padding: 5px; }

.cookie-banner {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 8px 0;
  z-index: 1000000;
  background: #000;
  background: rgba(0, 0, 0, 0.9); }
  .cookie-banner p {
    color: #fff;
    float: left;
    font-size: 12px;
    max-width: 90%;
    line-height: normal;
    margin: 6px 0; }
  .cookie-banner a {
    color: #fff;
    text-decoration: underline; }
  .cookie-banner .cookie-banner-close {
    color: #fff;
    float: right;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #b3241d;
    text-align: center;
    cursor: pointer;
    line-height: 25px;
    font-size: 16px;
    margin: 0;
    padding: 0; }

/* Retina Support */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .footer .social li {
    background-image: url("../images/icons/social-icons@x2.png");
    background-size: 30px; }
  .footer .app-store a {
    background-image: url("../images/icons/AppStore@x2.png");
    background-size: 103px 30px; } }

.postfooter {
  background: black;
  width: 100%;
  color: white;
  padding: 16px 0;
  float: left; }
  .postfooter ul {
    margin: 0; }
  .postfooter li {
    margin: 0 0 0 15px;
    display: block; }
  .postfooter a {
    color: white;
    font-family: "Fira Sans", Helvetica, Arial, sans-serif; }
  .postfooter .copyright {
    clear: both;
    margin: 20px 0 0 0;
    text-transform: none;
    color: #666666;
    text-align: right; }
  .postfooter ul.footer-about-links,
  .postfooter ul.footer-regional-links {
    padding: 0; }
  .postfooter .footer-about-links a {
    color: #ccc; }
  .postfooter .footer-regional-links a {
    color: #666; }
  .postfooter .footer-about-links a,
  .postfooter .footer-regional-links a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .postfooter .footer-about-links a:hover,
  .postfooter .footer-regional-links a:hover {
    color: #fff;
    text-decoration: none; }
  .postfooter ul.footer-regional-links {
    clear: both; }

@media all and (max-width: 767px) {
  .postfooter ul.footer-about-links,
  .postfooter ul.footer-regional-links {
    line-height: 17px;
    margin-bottom: 15px; } }

.outer {
  min-height: 100%; }

.inner {
  padding-bottom: 200px; }

.checkout .inner {
  padding-bottom: 200px; }

.footer {
  width: 100%;
  clear: both;
  float: left;
  padding-bottom: 20px; }

.prefooter {
  background: #d5d5d5;
  width: 100%;
  color: white;
  float: left;
  padding: 46px 0 27px; }
  .prefooter ul {
    margin: 0; }
  .prefooter a {
    color: white; }

.footer-container {
  float: left;
  width: 100%; }

@media only screen and (orientation: landscape) and (max-width: 767px) {
  .follow-menu .four.columns {
    width: 25%; } }

@media only screen and (max-width: 767px), screen and (min-width: 480px) and (max-width: 767px) {
  .inner {
    padding-bottom: 0; }
  .shopping-info {
    margin: -10px 0 10px 0;
    padding-left: 0; }
  .shopping-info li {
    margin-left: 0px;
    margin-right: 15px; }
  .footer {
    position: static;
    height: auto; }
  .postfooter li {
    margin: 5px 15px 0 0; }
  .postfooter .copyright {
    text-align: left;
    line-height: 14px; } }

@media print {
  .footer {
    display: none; } }

.footer-signup-modal {
  display: none;
  max-width: 600px;
  min-width: 500px; }
  .footer-signup-modal .footer-signup-container {
    padding: 10px; }
    .footer-signup-modal .footer-signup-container h2 {
      padding: 0;
      border-bottom: 1px solid #d2d2d3;
      font-size: 18px;
      line-height: 28px;
      margin-top: 0;
      text-transform: none; }
    .footer-signup-modal .footer-signup-container p {
      margin: 10px 0 15px 0;
      font-size: 12px;
      line-height: normal; }
  .footer-signup-modal .dob-label, .footer-signup-modal .dob-label {
    height: unset !important; }

@media (max-width: 767px) {
  .footer-signup-modal {
    min-width: 400px; }
    .footer-signup-modal .footer-signup-container {
      padding: 0; }
    .footer-signup-modal .buttonRow {
      margin-top: 15px; }
    .footer-signup-modal input {
      margin-bottom: 0; }
    .footer-signup-modal .gender-list {
      margin-top: 8px; }
    .footer-signup-modal label {
      line-height: normal; }
    .footer-signup-modal .gender-label, .footer-signup-modal .gender-list label {
      line-height: 26px; } }

@media (max-width: 480px) {
  .footer-signup-modal {
    min-width: unset; }
    .footer-signup-modal .footer-signup-container {
      padding: 0; } }

/*

_product.listing.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)

Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
.sale-dinkus-hidden {
  display: none; }

.category .category-image {
  width: 100%;
  margin-top: 7px;
  margin-bottom: 30px; }

.category .featured-products {
  border-bottom: 1px solid #d2d2d3; }

.category-filter {
  float: left;
  display: none; }

.category-sort {
  float: right; }

.category-filter,
.category-sort {
  z-index: 20;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  /* Size */
  position: relative;
  width: 200px;
  margin: 0 auto;
  padding: 8px 10px;
  /* Styles */
  background: #fff;
  font-size: 14px;
  color: #666;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #d2d2d3;
  cursor: pointer;
  outline: none; }
  .category-filter *,
  .category-filter *:after,
  .category-filter *:before,
  .category-sort *,
  .category-sort *:after,
  .category-sort *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0; }
  .category-filter ::selection,
  .category-sort ::selection {
    background: transparent; }
  .category-filter ::-moz-selection,
  .category-sort ::-moz-selection {
    background: transparent; }
  .category-filter span,
  .category-sort span {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
  .category-filter .dropdown,
  .category-sort .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    /* Styles */
    background: #fff;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    /* Hiding */
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .category-filter .dropdown li,
    .category-sort .dropdown li {
      padding: 0; }
      .category-filter .dropdown li a,
      .category-sort .dropdown li a {
        display: block;
        text-decoration: none;
        color: #666;
        padding: 8px 10px;
        border-bottom: 1px solid #e6e8ea;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s; }
      .category-filter .dropdown li:last-of-type a,
      .category-sort .dropdown li:last-of-type a {
        border: none; }
      .category-filter .dropdown li i,
      .category-sort .dropdown li i {
        margin-right: 5px;
        color: inherit;
        vertical-align: middle; }
      .category-filter .dropdown li:hover a,
      .category-sort .dropdown li:hover a {
        color: #333;
        background-color: #f2f2f2; }
  .category-filter:after,
  .category-sort:after {
    font-family: 'FontAwesome';
    content: "\f0da";
    width: 0;
    height: 0;
    position: absolute;
    right: 20px; }
  .category-filter.active,
  .category-sort.active {
    border-radius: 5px 5px 0 0;
    background: #eaeaea;
    box-shadow: none;
    border-bottom: none; }
    .category-filter.active .dropdown,
    .category-sort.active .dropdown {
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      max-height: 550px; }
    .category-filter.active:after,
    .category-sort.active:after {
      content: "\f0d7";
      right: 22px; }
  .category-filter:focus,
  .category-sort:focus {
    border-radius: 5px 5px 0 0;
    background: #eaeaea;
    box-shadow: none;
    border-bottom: none;
    color: #666; }
    .category-filter:focus .dropdown,
    .category-sort:focus .dropdown {
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      max-height: 400px; }
  .category-filter:hover,
  .category-sort:hover {
    background-color: #f2f2f2; }

@media only screen and (max-width: 767px) {
  .category-filter,
  .category-sort {
    float: none;
    width: 300px; }
  .category-filter {
    z-index: 21;
    margin-bottom: 10px; } }

@media only screen and (max-width: 479px) {
  .category-filter,
  .category-sort {
    width: 250px; } }

.product-listing {
  list-style-type: none;
  list-style-image: none;
  padding: 0;
  margin: 0; }
  .product-listing .item {
    float: left;
    width: 233px;
    height: 383px;
    /* Pre image swatches height:367px; */
    position: relative;
    margin: 0; }
    .product-listing .item:hover {
      background-color: #eee; }
    .product-listing .item a.item-link {
      display: block;
      height: 264px;
      /* Pre image swatch height:357px;*/
      color: #000;
      text-decoration: none;
      padding: 10px;
      font-size: 1.10em;
      position: relative; }
      .product-listing .item a.item-link:hover .standard-img, .product-listing .item a.item-link:hover .focus-img-main {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        /* IE 8 */
        filter: alpha(opacity=0);
        /* IE 5-7 */ }
      .product-listing .item a.item-link:hover .buy-now {
        background-color: #fff; }
    .product-listing .item .item-details {
      padding: 0 10px; }
    .product-listing .item .clearance-tag {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10; }
    .product-listing .item span.flag {
      color: transparent;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 10;
      pointer-events: none;
      display: inline;
      width: 50px;
      height: 50px; }
    .product-listing .item span.flag-sale {
      color: #fff;
      background-color: #b3241d;
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      text-transform: uppercase;
      position: absolute;
      top: 20px;
      left: 10px;
      z-index: 10;
      pointer-events: none;
      display: inline;
      width: auto;
      max-width: 50%;
      padding: 5px 15px; }
    .product-listing .item .thumb {
      display: block;
      height: 264px;
      overflow: hidden;
      text-align: center;
      background-color: #fff;
      position: relative; }
      .product-listing .item .thumb img {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: opacity 0.25s ease-out;
        -moz-transition: opacity 0.25s ease-out;
        -ms-transition: opacity 0.25s ease-out;
        -o-transition: opacity 0.25s ease-out;
        transition: opacity 0.25s ease-out; }
    .product-listing .item .title {
      font-family: "Fira Sans", Helvetica, Arial, sans-serif;
      display: block;
      margin-top: 0;
      padding-top: 10px;
      /*text-transform:capitalize;*/
      font-size: 12px;
      line-height: 14px;
      max-height: 28px;
      overflow: hidden; }
      .product-listing .item .title a {
        color: #333; }
      .product-listing .item .title a:hover, .product-listing .item .title a:active {
        color: #000;
        text-decoration: none; }
    .product-listing .item .price {
      position: absolute;
      left: 10px;
      bottom: 12px;
      display: block;
      font-family: "Fira Sans", Helvetica, Arial, sans-serif;
      font-size: 12px;
      color: #666; }
    .product-listing .item .sale-price-red {
      color: #b3241d !important;
      padding-left: 5px; }
    .product-listing .item .quick-shop-link {
      position: absolute;
      bottom: 12px;
      right: 10px;
      float: right;
      font-size: 12px;
      color: #666;
      display: none; }
      .product-listing .item .quick-shop-link:hover, .product-listing .item .quick-shop-link:active {
        color: #333;
        text-decoration: none; }
    .product-listing .item:hover .quick-shop-link {
      display: block; }
  .product-listing .promo-item {
    float: left;
    width: 140px;
    height: 250px;
    /* Pre image swatches height:367px; */
    position: relative;
    margin: 0; }
    .product-listing .promo-item a.item-link {
      display: block;
      height: 140px;
      /* Pre image swatch height:357px;*/
      color: #000;
      text-decoration: none;
      padding: 5px;
      font-size: 1.10em;
      position: relative; }
      .product-listing .promo-item a.item-link:hover .standard-img, .product-listing .promo-item a.item-link:hover .focus-img-main {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        /* IE 8 */
        filter: alpha(opacity=0);
        /* IE 5-7 */ }
      .product-listing .promo-item a.item-link:hover .buy-now {
        background-color: #fff; }
    .product-listing .promo-item .item-details {
      padding: 0 10px;
      margin-top: 5px;
      text-align: center; }
    .product-listing .promo-item .thumb {
      display: block;
      height: 158px;
      overflow: hidden;
      text-align: center;
      background-color: #fff;
      position: relative; }
      .product-listing .promo-item .thumb img {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: opacity 0.25s ease-out;
        -moz-transition: opacity 0.25s ease-out;
        -ms-transition: opacity 0.25s ease-out;
        -o-transition: opacity 0.25s ease-out;
        transition: opacity 0.25s ease-out; }
    .product-listing .promo-item .title {
      font-family: "Fira Sans", Helvetica, Arial, sans-serif;
      display: block;
      margin-top: 0;
      padding-top: 10px;
      /*text-transform:capitalize;*/
      font-size: 12px;
      line-height: 14px;
      max-height: 28px;
      overflow: hidden; }
      .product-listing .promo-item .title a {
        color: #333; }
      .product-listing .promo-item .title a:hover, .product-listing .promo-item .title a:active {
        color: #000;
        text-decoration: none; }

/* Tiny listing items (like Recently viewed) */
span.recently {
  margin-top: 20px;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  display: inline-block;
  width: 100%;
  max-width: 175px; }

.tiny-items {
  width: 100%;
  padding: 0;
  margin: 5px 0 0 0; }
  .tiny-items .tiny-item {
    width: 105px;
    display: inline-block; }
    .tiny-items .tiny-item a.thumbnail-link {
      display: block;
      height: 117px;
      /* Pre image swatch height:357px;*/
      color: #000;
      text-decoration: none;
      padding: 5px;
      font-size: 1.10em;
      position: relative; }
      .tiny-items .tiny-item a.thumbnail-link:hover {
        background-color: #e8e9e9; }
        .tiny-items .tiny-item a.thumbnail-link:hover .standard-img, .tiny-items .tiny-item a.thumbnail-link:hover .focus-img-main {
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          /* IE 8 */
          filter: alpha(opacity=0);
          /* IE 5-7 */ }
        .tiny-items .tiny-item a.thumbnail-link:hover .buy-now {
          background-color: #fff; }
    .tiny-items .tiny-item .thumb {
      height: 115px;
      border: 1px solid #e8e9e9;
      display: block;
      overflow: hidden;
      text-align: center;
      background-color: #fff;
      position: relative; }
      .tiny-items .tiny-item .thumb img {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: opacity 0.25s ease-out;
        -moz-transition: opacity 0.25s ease-out;
        -ms-transition: opacity 0.25s ease-out;
        -o-transition: opacity 0.25s ease-out;
        transition: opacity 0.25s ease-out; }

.related-products {
  border: none !important; }

.small-items {
  width: 100%;
  padding: 0;
  margin: 5px 0 0 0; }
  .small-items .small-item {
    width: 148px;
    display: inline-block; }
    .small-items .small-item a.thumbnail-link {
      display: block;
      height: 183px;
      color: #000;
      text-decoration: none;
      padding: 5px;
      font-size: 1.10em;
      position: relative; }
      .small-items .small-item a.thumbnail-link:hover {
        background-color: #e8e9e9; }
        .small-items .small-item a.thumbnail-link:hover .standard-img, .small-items .small-item a.thumbnail-link:hover .focus-img-main {
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          /* IE 8 */
          filter: alpha(opacity=0);
          /* IE 5-7 */ }
        .small-items .small-item a.thumbnail-link:hover .buy-now {
          background-color: #fff; }
    .small-items .small-item .thumb {
      height: 183px;
      border: 1px solid #e8e9e9;
      display: block;
      overflow: hidden;
      text-align: center;
      background-color: #fff;
      position: relative; }
      .small-items .small-item .thumb img {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: opacity 0.25s ease-out;
        -moz-transition: opacity 0.25s ease-out;
        -ms-transition: opacity 0.25s ease-out;
        -o-transition: opacity 0.25s ease-out;
        transition: opacity 0.25s ease-out; }

.related-products .flex-direction-nav a {
  height: 50px !important; }

/* Swatch Images */
ul.swatch-image-list {
  list-style-type: none;
  list-style-image: none;
  padding: 0;
  margin: 0;
  height: 22px; }
  ul.swatch-image-list li.swatch-image-item {
    float: none;
    display: inline;
    cursor: pointer;
    position: relative; }
    ul.swatch-image-list li.swatch-image-item span {
      display: inline-block;
      line-height: 16px;
      height: 16px;
      width: 24px;
      border-radius: 12px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      overflow: hidden;
      text-align: center;
      border: 1px solid #ccc;
      position: absolute;
      top: -1px;
      left: 2px;
      font-size: 12px; }
    ul.swatch-image-list li.swatch-image-item img {
      height: 22px;
      width: 22px;
      border-radius: 11px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      overflow: hidden;
      text-align: center;
      border: 1px solid #ccc !important; }
      ul.swatch-image-list li.swatch-image-item img:hover {
        border: 2px solid #ccc !important; }
    ul.swatch-image-list li.swatch-image-item img.active {
      border: 2px solid #666 !important; }

.load-more {
  padding: 20px 10px 10px 10px; }

.load-more-listing {
  width: 100%;
  text-align: center; }
  .load-more-listing a {
    margin: 0 auto; }

.working-listing {
  width: 100%;
  text-align: center; }
  .working-listing div {
    background-image: url(../images/icons/loader_red.gif);
    margin: 0 auto;
    width: 48px;
    height: 50px; }

.quick-shop-modal {
  width: 620px;
  height: 465px;
  display: none;
  background: #fff; }
  .quick-shop-modal .quick-shop-product .quick-shop-carousel {
    float: left;
    margin-right: 10px;
    display: inline;
    width: 320px;
    border: 1px solid #ccc; }
  .quick-shop-modal .quick-shop-product .quick-shop-info {
    float: left;
    display: inline;
    width: 280px; }
    .quick-shop-modal .quick-shop-product .quick-shop-info h2 {
      font-size: 18px;
      font-weight: bold;
      line-height: normal;
      text-transform: none;
      border: none;
      margin: 0;
      padding: 0; }

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .product-listing .item {
    width: 185px;
    height: 318px; }
    .product-listing .item a.item-link {
      display: block;
      height: 204px; }
    .product-listing .item .thumb {
      width: 167px;
      height: 207px; }
  .product-listing:hover .quick-shop-link {
    display: none !important; }
  .tiny-items {
    width: 100%; }
    .tiny-items .tiny-item {
      width: 83px; }
      .tiny-items .tiny-item a.thumbnail-link {
        height: 93px; }
      .tiny-items .tiny-item .thumb {
        height: 91px; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .featured-products {
    margin-bottom: 15px; }
  .category-filter select, .category-sort select {
    font-size: 12px; }
  .category-filter label, .category-sort label {
    font-size: 12px; }
  .product-listing .item {
    width: 210px;
    height: 343px; }
    .product-listing .item a.item-link {
      display: block;
      height: 238px; }
    .product-listing .item .thumb {
      width: 192px;
      height: 238px; }
    .product-listing .item .price {
      bottom: 5px; }
    .product-listing .item .quick-shop-link {
      bottom: 5px; }
  .product-listing:hover .quick-shop-link {
    display: none !important; } }

@media only screen and (max-width: 479px) {
  .featured-products {
    margin-bottom: 15px; }
  .category-filter, .category-sort {
    float: none; }
    .category-filter select, .category-sort select {
      font-size: 13px;
      width: 150px; }
    .category-filter label, .category-sort label {
      display: inline-block;
      font-size: 13px;
      width: 80px; }
  .product-listing .item {
    width: 150px;
    height: 261px; }
    .product-listing .item a.item-link {
      display: block;
      height: 164px; }
    .product-listing .item .thumb {
      width: 132px;
      height: 164px; }
    .product-listing .item .title {
      line-height: 11px; }
    .product-listing .item .title > a {
      font-size: 11px; }
    .product-listing .item ul.swatch-image-list .swatch-image-item .tooltip {
      font-size: 11px; }
    .product-listing .item .price {
      bottom: 0; }
    .product-listing .item .quick-shop-link {
      bottom: 0; }
  .product-listing:hover .quick-shop-link {
    display: none !important; }
  .tiny-items {
    width: 100%; }
    .tiny-items .tiny-item {
      width: 90px; }
      .tiny-items .tiny-item a.thumbnail-link {
        height: 99px; }
      .tiny-items .tiny-item .thumb {
        height: 97px; } }

/* Quick Shop Styles */
#quickshop-cart-added {
  margin-bottom: 20px; }
  #quickshop-cart-added span {
    font-size: 14px;
    display: inline-block;
    width: 100%;
    padding: 10px 0; }
  #quickshop-cart-added .quickshop-cart-added-checkout {
    padding: 0 13px;
    float: right; }
  #quickshop-cart-added .quickshop-cart-added-shop {
    padding: 0 13px;
    float: left; }

#quickshop-wishlist-added span {
  font-size: 14px;
  display: inline-block;
  width: 100%;
  padding: 10px 0; }

#quickshop-wishlist-added .quickshop-cart-added-wishlist {
  padding: 0 13px;
  margin-bottom: 10px; }

#quickshop-wishlist-added .quickshop-cart-added-shop {
  padding: 0 13px; }

/* hotspot styles*/
.hotspot-details .hotspot-title {
  width: 100%;
  margin: 5px 0;
  display: inline-block; }
  .hotspot-details .hotspot-title a {
    font-weight: bold;
    font-size: 12px;
    color: #333; }
  .hotspot-details .hotspot-title a:hover, .hotspot-details .hotspot-title a:active {
    color: #000;
    text-decoration: none; }

.hotspot-details .hotspot-price {
  margin-bottom: 5px;
  display: inline-block; }

.hotspot-details .hotspot-quick-shop {
  display: inline-block;
  float: right;
  color: #333; }
  .hotspot-details .hotspot-quick-shop:hover {
    color: #000;
    text-decoration: none; }

@media only screen and (max-width: 767px) {
  .hotspot-details .hotspot-quick-shop {
    display: none !important; } }

/*

_product.detail.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)

Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
.product {
  line-height: normal;
  /* MDG - Clarification needed on notices */
  /*
    .notice {
        display: inline-block;
        font-weight: bold;
        background-image: url('../Images/icons/2c_info.png');
        background-color: #dde3e8;
        background-repeat: no-repeat;
        background-position: 6px 10px;
        padding: 10px;
        padding-left: 40px;
        font-size: 1.2em;
    }
    */ }
  .product .main-title {
    font-size: 16px;
    text-transform: none;
    line-height: normal;
    padding: 10px 0; }
    .product .main-title a {
      color: #ccc;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
      .product .main-title a:hover {
        color: #666;
        text-decoration: none; }
  .product .info {
    padding: 15px 0 0 10px; }
    .product .info h1 {
      font-size: 18px;
      font-weight: bold;
      line-height: normal;
      text-transform: none;
      border: none;
      margin: 0;
      padding: 0; }
    .product .info p.cost {
      margin: 5px 0 0 0;
      font-size: 14px;
      color: #666;
      min-height: 17px; }
    .product .info .short-description {
      padding: 10px 0 15px 0; }
      .product .info .short-description p {
        margin: 0;
        padding: 0; }
    .product .info .style-code {
      color: #999;
      font-size: 14px;
      padding: 0;
      clear: both; }
  .product .attributeListView {
    position: relative;
    /*min-height: 200px;*/
    /* MDG not sure why someone has set a min height ?? Maybe for loading so it's not a big jolt*/ }
    .product .attributeListView .att-qty {
      display: none; }
  .product .cart-actions {
    width: 100%; }
    .product .cart-actions span {
      display: inline-block;
      padding: 10px 0;
      width: 100%; }
    .product .cart-actions .add-to-cart {
      float: left;
      margin-bottom: 15px; }
    .product .cart-actions .add-to-wishlist {
      float: left;
      margin-bottom: 15px; }
  .product .product-media {
    position: relative; }
  .product .clearance-tag {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10; }
  .product span.flag-detail {
    color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    pointer-events: none;
    display: inline;
    width: 50px;
    height: 50px; }
  .product span.flag-detail-sale {
    color: #fff;
    background-color: #b3241d;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 10;
    pointer-events: none;
    display: inline;
    width: auto;
    max-width: 50%;
    padding: 5px 15px; }
  .product .controls {
    list-style: none;
    padding: 0;
    margin: 0; }
    .product .controls > li {
      display: block;
      margin-bottom: 15px; }
    .product .controls label {
      font-weight: bold;
      display: block;
      margin-bottom: 2px; }
      .product .controls label span {
        color: #A3A3A3; }
    .product .controls .ui-checkboxes {
      padding: 0;
      margin: 0;
      list-style: none; }
    .product .controls .ui-checkboxes li {
      height: 30px;
      width: 30px;
      border-radius: 15px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      overflow: hidden;
      display: block;
      overflow: hidden;
      line-height: 30px;
      float: left;
      outline: none;
      padding: 0;
      margin: 0 2px 2px 0;
      border: 2px solid #d5d5d5 !important; }
      .product .controls .ui-checkboxes li a {
        display: inline-block;
        overflow: hidden;
        display: block;
        text-align: center;
        background: none;
        cursor: pointer;
        outline: none;
        width: 26px;
        height: 26px; }
      .product .controls .ui-checkboxes li:hover {
        border: 2px solid #ccc !important; }
        .product .controls .ui-checkboxes li:hover a {
          text-decoration: none;
          color: #373d3e; }
      .product .controls .ui-checkboxes li.selected {
        border: 2px solid #666 !important; }
      .product .controls .ui-checkboxes li.disabled a, .product .controls .ui-checkboxes li.disabled:hover a {
        background-image: url("../images/icons/attr-not-available.png");
        background-repeat: no-repeat;
        background-position: 0 -9px; }
      .product .controls .ui-checkboxes li.disabled:hover a {
        cursor: not-allowed; }
    .product .controls .att-colour .ui-checkboxes li a,
    .product .controls .att-color .ui-checkboxes li a {
      text-indent: -999px;
      font-size: 0;
      line-height: 0;
      overflow: hidden;
      background-color: inherit; }
  .product .acitivity-indicator {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: 48% 48%;
    background-image: url("../images/icons/loader.gif");
    background-repeat: no-repeat;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.7); }

.product-reviews ul.reviews {
  padding: 0;
  margin: 22px 0 0 0;
  list-style: none; }
  .product-reviews ul.reviews li {
    margin: 0 0 10px 0;
    padding: 0;
    border-bottom: 1px solid #d2d2d3;
    display: block; }
    .product-reviews ul.reviews li p {
      margin-top: 0;
      margin-bottom: 5px; }
    .product-reviews ul.reviews li p.author {
      color: #999999; }

.rating-icons .icon-star {
  display: inline-block;
  width: 15px;
  height: 18px;
  margin-right: 4px;
  background: url("../images/icons/review-star.png") no-repeat 0 0; }

.touch .product .controls .codagenic-ui-checkboxes li a {
  width: 44px;
  height: 44px;
  line-height: 44px; }

input.btn-add-to-cart {
  background-color: #000;
  color: #fff;
  font-weight: bold; }

.addthis_toolbox {
  float: right;
  padding-top: 5px; }

.product-display-description,
.product-display-code,
.product-display-attributes {
  display: block;
  font-size: 14px; }

.product-display-description,
.product-display-attributes .attr {
  font-weight: bold; }

.product-display-attributes {
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0; }
  .product-display-attributes li {
    display: block; }

/* Tabs */
.tabs {
  margin-top: 20px;
  overflow: hidden; }
  .tabs ul.tab-navigation {
    list-style: none;
    margin: 0 0 -1px;
    padding: 0;
    display: block;
    left: 50%;
    position: relative;
    float: left; }
    .tabs ul.tab-navigation li {
      position: relative;
      float: left;
      display: block;
      right: 50%;
      margin: 0 2px;
      font-size: 13px; }
      .tabs ul.tab-navigation li a {
        padding: 10px;
        display: block;
        text-decoration: none;
        color: #666;
        border-top: 1px solid #d2d2d3;
        border-left: 1px solid #d2d2d3;
        border-right: 1px solid #d2d2d3;
        border-bottom: 1px solid transperant;
        border-radius: 3px 3px 0 0;
        -webkit-transition: border-bottom 0.5s ease 0s;
        -moz-transition: border-bottom 0.5s ease 0s;
        -ms-transition: border-bottom 0.5s ease 0s;
        -o-transition: border-bottom 0.5s ease 0s;
        transition: border-bottom 0.5s ease 0s; }
        .tabs ul.tab-navigation li a::hover {
          color: #333;
          background-color: #f2f2f2;
          border-bottom: 1px solid #d2d2d3; }
        .tabs ul.tab-navigation li a span.hideOnMobile {
          margin-left: 5px; }
    .tabs ul.tab-navigation li.selected a {
      color: #b3241d;
      cursor: default;
      background-color: #fff;
      border-bottom: 1px solid #fff; }
  .tabs .tab-content {
    clear: both;
    font-size: 13px;
    color: #333;
    display: none;
    border-top: 1px solid #d2d2d3;
    padding: 10px;
    display: none; }
    .tabs .tab-content:first-child {
      display: block; }
  .tabs .tab-no-pad {
    padding: 0 !important; }

/* Touch N Swipe Carousel */
.product-detail-image {
  position: relative; }

#product-carousel .ratioHolder {
  width: 100%;
  padding-bottom: 123.71134%;
  position: relative;
  border: 1px solid #d2d2d3; }

#product-carousel .ratioHolderQuickshop {
  width: 100%;
  padding-bottom: 123.71134%;
  position: relative; }

#product-carousel .sliderHolder {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height: 100%;
  height: 100%;
  -ms-touch-action: none;
  touch-action: none;
  overflow: hidden; }

#product-carousel .slider {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background: #EEE;
  opacity: .99; }

#product-carousel .sliderBg {
  width: 100%;
  min-height: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

#product-carousel .slides, #product-carousel .thumbs {
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  position: absolute;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer; }

#product-carousel .thumbs {
  min-height: 0;
  bottom: 25px; }

#product-carousel .thumbsHolder {
  width: 100%;
  height: 104px;
  bottom: 30px;
  position: absolute;
  overflow: hidden; }

#product-carousel .blackBg {
  background: #000; }

#product-carousel .darkGray {
  background: #ccc; }

#product-carousel .blackBgAlpha60 {
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; }

#product-carousel .blackBgAlpha90 {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EE000000,endColorstr=#EE000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EE000000, endColorstr=#EE000000)"; }

#product-carousel .lightGrayBg {
  background: #fff; }

#product-carousel .controlHolder {
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 0;
  overflow: hidden; }

#product-carousel .nextIcon, #product-carousel .prevIcon, #product-carousel .zoomInIcon, #product-carousel .zoomOutIcon, #product-carousel .closeIcon {
  width: 30px;
  height: 30px;
  cursor: pointer;
  cursor: hand;
  font-size: 15px;
  color: #ccc; }
  #product-carousel .nextIcon:hover, #product-carousel .prevIcon:hover, #product-carousel .zoomInIcon:hover, #product-carousel .zoomOutIcon:hover, #product-carousel .closeIcon:hover {
    color: #666; }

#product-carousel .nextIcon, #product-carousel .prevIcon {
  width: 18px; }

#product-carousel .thumbnail-container-quickshop {
  width: 100%;
  background-color: #fff;
  height: 70px; }

#product-carousel .thumbnails-quickshop li {
  float: left;
  width: 60px; }

#product-carousel .thumbnails-quickshop li a {
  display: inline-block;
  opacity: 0.6; }

#product-carousel .thumbnails-quickshop li a.first {
  display: inline-block;
  opacity: 1; }

#product-carousel .controlPos1, #product-carousel .controlPos2, #product-carousel .controlPos3, #product-carousel .controlPos4 {
  position: absolute; }

#product-carousel .controlPos1 {
  left: 5px;
  top: 50%; }

#product-carousel .controlPos2, #product-carousel .controlPos3 {
  right: 5px;
  bottom: 10px; }

#product-carousel .controlPos4 {
  right: 5px;
  top: 50%; }

.quick-shop-modal #product-carousel {
  width: 300px;
  min-height: 442px; }
  .quick-shop-modal #product-carousel .slides, .quick-shop-modal #product-carousel .thumbs {
    position: unset !important; }
  .quick-shop-modal #product-carousel .flexslider {
    border: none !important;
    border-top: 1px solid #ccc !important;
    margin-bottom: 0 !important; }
  .quick-shop-modal #product-carousel .flex-direction-nav a {
    height: 50px !important;
    margin-top: -27px !important; }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .quick-shop-modal #product-carousel {
    min-height: 589px;
    margin-bottom: 20px; }
    .quick-shop-modal #product-carousel .thumbnails li {
      width: 62px; }
  #product-carousel {
    margin-top: 20px; } }

@media only screen and (max-width: 480px) {
  #product-carousel {
    margin-top: 20px;
    margin-bottom: 20px; }
    #product-carousel .thumbnails li {
      width: 45px; } }

.thumbnail-container {
  position: relative;
  overflow: hidden; }
  @media only screen and (min-width: 960px) {
    .thumbnail-container .flex-viewport {
      height: 497px !important;
      width: 160px !important; } }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .thumbnail-container .flex-viewport {
      height: 393px !important;
      width: 124px !important; } }
  .thumbnail-container .thumbnail-link-first {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    display: inline-block;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    border: 1px solid #d2d2d3; }
  .thumbnail-container .thumbnail-link {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.6)";
    filter: alpha(opacity=0.6);
    display: inline-block;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    border: 1px solid #d2d2d3; }
  .thumbnail-container .custom-navigation a:hover {
    color: #666; }
  .thumbnail-container .custom-navigation .flex-prev {
    position: absolute;
    top: -25px;
    left: 0;
    z-index: 101;
    width: 150px;
    color: #ccc;
    text-align: center;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s; }
    @media only screen and (min-width: 768px) and (max-width: 959px) {
      .thumbnail-container .custom-navigation .flex-prev {
        width: 114px; } }
  .thumbnail-container .custom-navigation .flex-next {
    position: absolute;
    bottom: -25px;
    left: 0;
    z-index: 101;
    width: 150px;
    color: #ccc;
    text-align: center;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
    -o-transition: all linear .3s;
    transition: all linear .3s; }
    @media only screen and (min-width: 768px) and (max-width: 959px) {
      .thumbnail-container .custom-navigation .flex-next {
        width: 114px; } }
  .thumbnail-container:hover .custom-navigation .flex-prev {
    top: 0px;
    background-color: #fff; }
  .thumbnail-container:hover .custom-navigation .flex-next {
    bottom: 0px;
    background-color: #fff; }
  .thumbnail-container .flexslider {
    border: none !important; }
  .thumbnail-container .flexslider .slides > li {
    padding-bottom: 5px;
    padding-right: 10px; }

@media only screen and (max-width: 767px) {
  .product h1 {
    border-top: 0 none; }
  .hideOnMobile {
    display: none; }
  .product .controls .ui-checkboxes li.disabled:hover a {
    cursor: pointer; }
  #product-carousel #carousel {
    display: none !important; } }

/* For Size Guides */
.size-guide-link {
  padding: 0 0 15px 0; }
  .size-guide-link a {
    font-size: 14px;
    font-weight: bold;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .size-guide-link a:hover {
      text-decoration: none; }

.size-guide-modal {
  display: none; }

.size-guide h1 {
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  padding: 10px 0 10px 10px;
  margin: 10px 0 0;
  border-bottom: 1px solid #d2d2d3; }

.size-guide table {
  border-collapse: collapse;
  border-bottom: 1px solid #d2d2d3;
  background-color: #fff;
  width: 100%; }

.size-guide table th {
  font-weight: bold;
  background-color: #eaeaea;
  border: none;
  color: #111; }

.size-guide table td,
.size-guide table th {
  padding: 9px 10px;
  text-align: center;
  font-size: 14px; }

.size-guide table.responsive tbody tr {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

.size-guide table.responsive tbody tr:hover {
  background-color: #f2f2f2; }

.size-guide table.table-wrapper div.pinned table tbody tr {
  border-bottom: 1px solid #fff; }

@media all and (max-width: 767px) {
  .size-guide table.responsive {
    margin-bottom: 0; }
  .size-guide .pinned {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 70px;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc; }
  .size-guide .pinned table {
    border-right: none;
    border-left: none;
    width: 100%;
    font-weight: 600; }
  .size-guide .pinned table th,
  .size-guide .pinned table td {
    white-space: nowrap;
    border-bottom: 1px solid #fff; }
  .size-guide .pinned td:last-child {
    border-bottom: 0; }
  .size-guide div.table-wrapper {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    border-right: 1px solid #ccc; }
  .size-guide div.table-wrapper div.scrollable table {
    margin-left: 70px; }
  .size-guide div.table-wrapper div.scrollable {
    overflow: scroll;
    overflow-y: hidden; }
  .size-guide table.responsive td,
  .size-guide table.responsive th {
    position: relative;
    white-space: nowrap;
    overflow: hidden; }
  .size-guide table.responsive th:first-child,
  .size-guide table.responsive td:first-child,
  .size-guide table.responsive td:first-child,
  .size-guide table.responsive.pinned td {
    display: none; } }

.pdp-video {
  width: 400px;
  height: 496px; }
  @media only screen and (max-width: 959px) {
    .pdp-video {
      width: 316px;
      height: 392px; } }
  @media only screen and (max-width: 767px) {
    .pdp-video {
      width: 420px;
      height: 521px; } }
  @media only screen and (max-width: 480px) {
    .pdp-video {
      width: 300px;
      height: 373px; } }

.plyr__control--overlaid {
  background: #b3241d; }

.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
  background: #b3241d; }

/*

_prompts.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)

Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
.message {
  display: block;
  border: 1px solid;
  margin: 15px 0;
  padding: 15px;
  font-size: 14px;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
  .message i {
    font-size: 20px;
    padding-right: 8px; }
  .message.generic {
    color: #00529B;
    background: #BDE5F8;
    /*background: #BDE5F8 url(../images/icons/icon-info.png) no-repeat 10px center;*/ }
  .message.success {
    color: #4F8A10;
    background: #DFF2BF;
    /*background: #DFF2BF url(../images/icons/icon-tick.png) no-repeat 10px center;*/ }
  .message.warning {
    color: #9F6000;
    background: #FEEFB3;
    /*background: #FEEFB3 url(../images/icons/icon-warning.png) no-repeat 10px center;*/ }
  .message.error {
    color: #D8000C;
    background: #FFBABA;
    /*background: #FFBABA url(../images/icons/icon-cross.png) no-repeat 10px center;*/ }

/*

_cart.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)

Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
/* MDG minicart*/
.minicart ul li {
  padding: 0;
  margin: 0;
  color: #333;
  overflow: visible; }

.minicart .minicart-image a {
  float: left;
  padding: 5px;
  margin: 0;
  height: 53px; }
  .minicart .minicart-image a img {
    width: 43px;
    height: 53px; }

.minicart .minicart-title {
  float: left;
  padding-top: 8px;
  padding-left: 8px;
  margin: 0;
  width: 165px;
  line-height: 14px; }
  .minicart .minicart-title a {
    color: #333;
    font-size: 12px;
    line-height: 14px;
    padding: 0;
    margin: 0; }
    .minicart .minicart-title a:hover {
      color: #000; }

.minicart .minicart-price {
  float: left;
  margin: 0;
  width: 165px;
  color: #666; }

.minicart .minicart-checkout a {
  color: #FFF;
  background-color: #b3241d;
  text-align: center;
  margin-bottom: -5px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px; }
  .minicart .minicart-checkout a:hover {
    /*
                background-color: #c33d27;
                color: #000;
                */ }

.price .sale {
  color: #b30101; }

.cart-product-list, .cart-voucher-list {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ccc;
  font-size: 14px; }
  .cart-product-list tbody tr, .cart-voucher-list tbody tr {
    border-top: 1px solid #d2d2d3; }
  .cart-product-list th, .cart-voucher-list th {
    text-align: left;
    padding: 5px 0; }
    .cart-product-list th.left-most, .cart-voucher-list th.left-most {
      text-align: left;
      padding-left: 10px; }
    .cart-product-list th.right-most, .cart-voucher-list th.right-most {
      text-align: right;
      padding-right: 10px; }
  .cart-product-list td, .cart-voucher-list td {
    padding: 6px 0; }
    .cart-product-list td .details, .cart-voucher-list td .details {
      padding: 0 6px;
      line-height: 18px; }
      .cart-product-list td .details .attributes, .cart-voucher-list td .details .attributes {
        display: inline-block;
        width: 100%;
        margin-top: 10px; }
    .cart-product-list td .thumb, .cart-voucher-list td .thumb {
      text-align: center; }
    .cart-product-list td.left-most, .cart-voucher-list td.left-most {
      text-align: left;
      padding-left: 10px; }
    .cart-product-list td.right-most, .cart-voucher-list td.right-most {
      text-align: right;
      padding-right: 10px; }
  .cart-product-list td.main, .cart-voucher-list td.main {
    width: 55%;
    padding-top: 10px; }
    .cart-product-list td.main .thumb-mobile, .cart-voucher-list td.main .thumb-mobile {
      display: none; }
  .cart-product-list td.image, .cart-voucher-list td.image {
    padding: 0;
    min-width: 100px; }
  .cart-product-list td.quan, .cart-voucher-list td.quan {
    min-width: 110px;
    padding-top: 15px; }
    .cart-product-list td.quan .quantity, .cart-voucher-list td.quan .quantity {
      display: inline-block;
      padding-left: 5px; }
  .cart-product-list .remove, .cart-voucher-list .remove {
    font-size: 18px;
    display: inline-block;
    padding-left: 25px; }
  .cart-product-list .remove-wish, .cart-voucher-list .remove-wish {
    padding-left: 0 !important; }
  .cart-product-list .input-qty, .cart-voucher-list .input-qty {
    width: 50px; }

.cart-voucher-list td {
  padding: 10px 0; }

.cart-voucher-list td.send-right {
  padding: 3px 0; }

.cart-shipping-message {
  font-size: 15px;
  line-height: 24px;
  color: #666;
  margin: 20px 0; }
  .cart-shipping-message i {
    font-size: 24px; }

.cart-totals {
  font-weight: bold;
  position: relative;
  float: right;
  font-size: 14px; }
  .cart-totals .totals-row {
    border-bottom: 1px solid #ccc;
    padding: 8px 15px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc; }
  .cart-totals .totals-row-sub {
    border-bottom: none; }
  .cart-totals .price-total {
    padding: 15px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    border-top: none; }
  .cart-totals .price-tax {
    color: #8E9094; }

.cart .sub-total-label {
  float: right; }

.cart .price-row {
  *zoom: 1; }
  .cart .price-row:before, .cart .price-row:after {
    content: "";
    display: table;
    clear: both; }
  .cart .price-row .label {
    float: left;
    clear: left;
    padding-right: 10px;
    font-weight: bold;
    text-align: right;
    display: block;
    text-align: right; }
  .cart .price-row .value {
    float: right;
    text-align: right;
    width: 170px; }

.payment-options {
  list-style: none;
  margin: 0;
  padding: 0; }
  .payment-options li {
    margin: 0;
    padding: 0;
    display: block; }

.termslink a {
  font-weight: bold; }

#termsModal {
  height: 300px;
  overflow-y: scroll; }

.secure-payments {
  float: right; }

.secure-payments-mobile {
  display: none; }

.cart h1 {
  font-size: 1.417em; }

.cart-headers {
  font-weight: bold;
  margin-top: 50px;
  border-bottom: 1px solid #d2d2d3;
  line-height: 2em;
  margin-bottom: 5px;
  font-size: 1.417em; }

.cart-product .title {
  font-weight: bold;
  font-size: 16px;
  line-height: normal; }

.cart-product .attribute-label {
  display: block;
  text-transform: capitalize; }
  .cart-product .attribute-label span {
    font-weight: bold; }

.cart-product .update {
  font-size: 0.92em;
  text-decoration: underline; }

.cart-product .sub-total,
.cart-product .unit-price {
  display: block;
  margin-top: 17px;
  color: #000; }
  .cart-product .sub-total strike,
  .cart-product .unit-price strike {
    color: #999; }

.cart-product .sub-total {
  font-weight: bold; }
  .cart-product .sub-total strike {
    font-weight: normal; }

.cart-product .sub-total-wish {
  margin-top: 10px;
  margin-right: 10px; }

.cart-product img {
  width: 97px;
  /*height:120px;*/ }

.cart-discounts {
  line-height: 30px; }

.update-cart {
  padding: 8px 8px 0 8px;
  border-bottom: 1px solid #d2d2d3; }

.cart-compact {
  transform: translate3d(0, 0, 0);
  /* iPad smooth scrolling */
  font-size: 12px;
  line-height: normal !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc; }
  .cart-compact h2 {
    transform: translate3d(0, 0, 0);
    /* iPad smooth scrolling */
    padding: 5px 0 5px 10px;
    font-size: 22px;
    text-transform: none;
    margin: 5px 0; }
  .cart-compact .cart-product-list {
    transform: translate3d(0, 0, 0);
    /* iPad smooth scrolling */
    border-left: none;
    border-right: none;
    border-top: none; }
  .cart-compact .line-cost {
    transform: translate3d(0, 0, 0);
    /* iPad smooth scrolling */
    text-align: right; }
    .cart-compact .line-cost span {
      transform: translate3d(0, 0, 0);
      /* iPad smooth scrolling */
      font-weight: bold; }
  .cart-compact .sub-totals {
    transform: translate3d(0, 0, 0);
    /* iPad smooth scrolling */ }
    .cart-compact .sub-totals p {
      transform: translate3d(0, 0, 0);
      /* iPad smooth scrolling */
      padding-left: 15px; }

.cart-list-compact {
  transform: translate3d(0, 0, 0);
  /* iPad smooth scrolling */
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px; }
  .cart-list-compact .title {
    transform: translate3d(0, 0, 0);
    /* iPad smooth scrolling */
    font-size: 16px;
    line-height: 16px;
    text-transform: lowercase; }
    .cart-list-compact .title span {
      transform: translate3d(0, 0, 0);
      /* iPad smooth scrolling */
      font-weight: bold;
      text-transform: none; }
  .cart-list-compact .cart-product {
    transform: translate3d(0, 0, 0);
    /* iPad smooth scrolling */
    padding-top: 6px;
    padding-bottom: 12px;
    width: 100%;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    border-top: 1px solid #ccc; }
  .cart-list-compact .attributes {
    transform: translate3d(0, 0, 0);
    /* iPad smooth scrolling */
    margin-top: 10px; }
  .cart-list-compact .attribute-label {
    transform: translate3d(0, 0, 0);
    /* iPad smooth scrolling */
    line-height: 1.32em; }
    .cart-list-compact .attribute-label span {
      transform: translate3d(0, 0, 0);
      /* iPad smooth scrolling */
      font-weight: bold; }
  .cart-list-compact .discount-message {
    transform: translate3d(0, 0, 0);
    /* iPad smooth scrolling */
    font-size: 10px; }
  .cart-list-compact .price-column {
    text-align: right; }
    .cart-list-compact .price-column span {
      transform: translate3d(0, 0, 0);
      /* iPad smooth scrolling */
      font-weight: bold; }

.total-tax-row {
  border-bottom: 1px solid #ddd; }

.totals-row {
  padding: 6px 0; }
  .totals-row .credit-total {
    color: #b3241d !important;
    line-height: normal; }
  .totals-row .credit-total-left {
    text-align: left !important; }
  .totals-row .credit-remove {
    font-size: 12px;
    text-decoration: none; }
  .totals-row .credit-remain {
    font-size: 12px;
    color: #373d3e; }
  .totals-row p {
    line-height: 1.54em;
    font-weight: bold;
    padding-right: 4px;
    margin: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0; }
    .totals-row p span {
      font-weight: normal; }

.total-price {
  background-color: #f2f2f2;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }
  .total-price p.total {
    font-size: 1.25em; }
    .total-price p.total span {
      font-weight: bold; }

.discount-voucher {
  float: left;
  margin-right: 60px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  max-width: 590px; }
  .discount-voucher .label {
    display: block;
    font-weight: bold; }

@media only screen and (max-width: 960px) {
  .discount-voucher {
    max-width: 400px; } }

.credit-voucher .ui-button,
.discount-voucher .ui-button {
  margin-bottom: 8px; }

@media only screen and (max-width: 767px) {
  .discount-voucher {
    max-width: none; }
  .cart-shipping-message {
    text-align: center; }
  .cart-compact .three.columns {
    width: 100%; }
  .cart-product img {
    max-width: 50px; }
  .discount-voucher {
    width: 100%;
    margin-right: 0;
    border-bottom: 1px solid #d2d2d3;
    margin-bottom: 0; }
  .cart-totals {
    float: none;
    clear: both; }
  .secure-payments {
    display: none; }
  .secure-payments-mobile {
    display: block;
    width: 100%;
    text-align: center;
    border-top: 1px solid #ccc;
    margin-top: 20px; }
    .secure-payments-mobile img {
      padding: 10px;
      width: 80%; } }

.formRow .payment-methods {
  padding-top: 12px;
  /* FacilyPay for on off and responsive */ }
  .formRow .payment-methods td {
    line-height: 31px;
    vertical-align: middle; }
  .formRow .payment-methods label {
    padding-top: 0; }
  .formRow .payment-methods input[type="radio"] {
    margin-bottom: 0;
    vertical-align: middle; }
  .formRow .payment-methods .cc {
    display: inline-block;
    vertical-align: middle;
    background-image: url("../images/credit-cards-icon.png");
    background-repeat: no-repeat;
    width: 180px;
    height: 43px;
    background-position: 0 0;
    margin-left: 10px;
    margin-bottom: 10px; }
  .formRow .payment-methods .cc-visa {
    background-position: 0 0; }
  .formRow .payment-methods .cc-mc {
    background-position: -50px 0; }
  .formRow .payment-methods .cc-dummy {
    background-position: -201px 0; }
  .formRow .payment-methods .cc-hipay {
    background-image: url("../images/credit-cards-large.png");
    width: 280px;
    background-position: 2px 5px; }
    @media only screen and (max-width: 479px) {
      .formRow .payment-methods .cc-hipay {
        background-image: url("../images/credit-cards-large-vert.png");
        width: 175px;
        background-position: 2px 3px; } }
  .formRow .payment-methods .cc-facilypay {
    background-image: url("../images/facilypay-large-icon.png");
    background-position: 2px 2px;
    width: 280px; }
    @media only screen and (max-width: 479px) {
      .formRow .payment-methods .cc-facilypay {
        width: 175px; } }
    .formRow .payment-methods .cc-facilypay span {
      margin-left: 85px;
      margin-top: 15px;
      line-height: normal;
      width: 250px; }
      @media only screen and (max-width: 479px) {
        .formRow .payment-methods .cc-facilypay span {
          margin-top: 5px;
          width: 145px; } }
  .formRow .payment-methods .cc-facilypay-none {
    background-image: url("../images/facilypay-large-icon.png");
    background-position: 2px 2px;
    width: 280px; }
    @media only screen and (max-width: 479px) {
      .formRow .payment-methods .cc-facilypay-none {
        width: 175px; } }
    .formRow .payment-methods .cc-facilypay-none span {
      margin-left: 85px;
      margin-top: 15px;
      line-height: normal;
      width: 250px; }
      @media only screen and (max-width: 479px) {
        .formRow .payment-methods .cc-facilypay-none span {
          margin-top: 5px;
          width: 145px; } }
  .formRow .payment-methods .cc-oney-limit {
    display: block;
    width: 100%; }
  .formRow .payment-methods .cc-paypal {
    background-image: url("../images/PayPal-icon-large.png");
    background-position: 2px 2px; }

.voucher-input {
  width: 200px; }

@media only screen and (max-width: 767px) {
  .voucher-input {
    width: 100%; } }

@media only screen and (max-width: 767px), screen and (min-width: 480px) and (max-width: 767px) {
  .secure {
    position: static;
    margin-top: 55px;
    clear: left; } }

/* Offers */
.offer-slider {
  clear: both;
  margin: 10px 0 20px 0;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  .offer-slider li {
    margin: 0;
    padding: 0; }
    .offer-slider li a:hover, .offer-slider li a:active {
      color: #373d3e;
      text-decoration: none; }
  .offer-slider .offer-cart .offer-cart-alert {
    background-color: #f2f2f2;
    text-align: center;
    padding: 15px 5px;
    font-size: 64px;
    color: #ccc;
    height: 70px; }
  .offer-slider .offer-cart .offer-cart-middle {
    padding: 20px 15px;
    font-size: 14px;
    background-color: #f2f2f2;
    height: 60px; }
    .offer-slider .offer-cart .offer-cart-middle h3 {
      font-size: 16px;
      font-weight: bold;
      text-transform: none;
      margin: 0 0 0 20px;
      padding: 0; }
    .offer-slider .offer-cart .offer-cart-middle p {
      margin: 0 0 0 20px;
      padding: 0; }
  .offer-slider .offer-cart .offer-cart-left {
    text-align: left;
    padding: 0 2px 0 11px;
    background-color: #f2f2f2; }
  .offer-slider .offer-cart .offer-cart-right {
    text-align: right;
    margin-right: 5px; }

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .offer-slider .offer-cart .offer-cart-alert {
    text-align: center;
    padding: 13px 0;
    font-size: 48px;
    color: #ccc;
    height: 50px; }
  .offer-slider .offer-cart .offer-cart-middle {
    padding: 13px 20px;
    height: 50px; }
  .offer-slider .offer-cart .offer-cart-left {
    min-width: 76px; }
  .offer-slider .offer-cart .offer-cart-right {
    min-width: 76px; } }

@media only screen and (max-width: 767px) {
  .offer-slider {
    height: auto !important;
    border: none; }
    .offer-slider li {
      border: 1px solid #ccc;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      height: auto !important; }
    .offer-slider .offer-cart {
      background-color: #f2f2f2; }
      .offer-slider .offer-cart .offer-cart-left,
      .offer-slider .offer-cart .offer-cart-right,
      .offer-slider .offer-cart .offer-cart-alert {
        display: none !important; }
      .offer-slider .offer-cart .offer-cart-middle {
        float: none;
        padding: 0;
        text-align: center; }
        .offer-slider .offer-cart .offer-cart-middle h3, .offer-slider .offer-cart .offer-cart-middle p {
          margin: 0;
          padding: 10px;
          line-height: normal; } }

@media only screen and (max-width: 767px) {
  .cart-product .image-column {
    width: 20% !important;
    text-align: center !important; }
  .cart-product .detail-column {
    width: 60% !important; }
  .cart-product .price-column {
    width: 18% !important;
    margin-right: 2% !important; }
  .sub-totals, .line-cost {
    width: 50% !important; }
  .totals-row .line-cost {
    text-align: right; }
  .cart-product-list {
    display: block;
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
    /*
		Label the data
		*/ }
    .cart-product-list table, .cart-product-list thead, .cart-product-list tbody, .cart-product-list th, .cart-product-list td, .cart-product-list tr {
      display: block; }
    .cart-product-list thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .cart-product-list tbody tr:before,
    .cart-product-list tbody tr:after {
      content: "";
      display: table; }
    .cart-product-list tbody tr:after {
      clear: both; }
    .cart-product-list tbody tr {
      *zoom: 1; }
    .cart-product-list td {
      /* Behave  like a "row" */
      border: none;
      position: relative;
      padding-left: 30%;
      border-top: 0 none;
      float: left;
      clear: left; }
      .cart-product-list td .unit-price {
        margin-top: 0; }
      .cart-product-list td .sub-total {
        margin-top: 0; }
    .cart-product-list td:before {
      content: attr(data-label);
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 9px;
      left: 10px;
      width: 40%;
      padding-right: 5px;
      white-space: nowrap;
      font-weight: bold;
      text-align: right; }
    .cart-product-list td.image {
      display: none; }
    .cart-product-list td.main {
      width: 65%;
      min-height: 90px; }
      .cart-product-list td.main .thumb-mobile {
        position: absolute;
        /* Top/left values mimic padding */
        top: 9px;
        left: 10px;
        width: 30%;
        display: block; }
        .cart-product-list td.main .thumb-mobile img {
          max-width: 100%; }
    .cart-product-list td.quan {
      padding-top: 0;
      padding-bottom: 0; }
      .cart-product-list td.quan .quantity {
        display: inline-block;
        padding: 5px; }
    .cart-product-list td.quan-wish {
      padding-top: 5px; }
    .cart-product-list td.wish-script {
      display: none; }
    .cart-product-list tr:nth-of-type(1) {
      border-top: none; }
    .cart-product-list td:nth-of-type(2):before {
      content: ""; }
    .cart-product-list td:nth-of-type(3):before {
      content: "Unit"; }
    .cart-product-list td:nth-of-type(4):before {
      content: "Quantity"; }
    .cart-product-list td:nth-of-type(5):before {
      content: "Price"; }
    .cart-product-list .wishlist-unit {
      display: none !important; }
  .cart-voucher-list {
    display: block;
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
    /*
		Label the data
		*/ }
    .cart-voucher-list table, .cart-voucher-list thead, .cart-voucher-list tbody, .cart-voucher-list th, .cart-voucher-list td, .cart-voucher-list tr {
      display: block; }
    .cart-voucher-list thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .cart-voucher-list tbody tr:before,
    .cart-voucher-list tbody tr:after {
      content: "";
      display: table; }
    .cart-voucher-list tbody tr:after {
      clear: both; }
    .cart-voucher-list tbody tr {
      *zoom: 1; }
    .cart-voucher-list td {
      /* Behave  like a "row" */
      border: none;
      position: relative;
      border-top: 0 none;
      padding: 0 0 0 30%;
      float: left;
      clear: left; }
    .cart-voucher-list td:before {
      text-align: left !important;
      content: attr(data-label);
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 0;
      left: 13px;
      width: 40%;
      padding-right: 5px;
      white-space: nowrap;
      font-weight: bold;
      text-align: right; }
    .cart-voucher-list tr:nth-of-type(1) {
      border-top: none; }
    .cart-voucher-list td:nth-of-type(2):before {
      content: "Code"; }
    .cart-voucher-list td:nth-of-type(3):before {
      content: "Status"; }
    .cart-voucher-list td:nth-of-type(4):before {
      content: "Orig. Value"; }
    .cart-voucher-list td:nth-of-type(5):before {
      content: "Value"; }
    .cart-voucher-list td:nth-of-type(6):before {
      content: "Expires"; }
    .cart-voucher-list td.send-right {
      padding-right: 20px; } }

@media only screen and (max-width: 479px) {
  .minicart {
    max-width: 105px !important;
    overflow: hidden !important; }
  .cart-product-list td {
    padding-left: 35% !important; }
  .cc-facilypay-none {
    width: 170px !important; }
    .cc-facilypay-none span {
      max-width: 150px; } }

.offer-list {
  margin: 20px 0 !important;
  min-height: 350px; }
  .offer-list li {
    margin: 0;
    padding: 20px 0 20px 10px;
    border-top: 1px solid #ccc; }
    .offer-list li:hover {
      background-color: #eee; }
    .offer-list li a:hover, .offer-list li a:active {
      color: #373d3e;
      text-decoration: none; }
    .offer-list li h2 {
      margin: 0;
      padding: 0 0 5px 0; }
    .offer-list li p {
      margin: 0; }

.guest-checkout-intro {
  min-height: 180px; }

.checkout-forms {
  line-height: normal !important; }
  .checkout-forms h2 {
    padding: 0;
    font-size: 22px;
    text-transform: none;
    margin: 5px 0; }
  .checkout-forms p {
    padding: 3px 0 0 0;
    margin: 0; }

.checkout-subscribe {
  font-size: 22px !important;
  font-weight: bold; }

.payment-form-outer {
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 20px; }

.payment-form-secure {
  padding: 10px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.ship-nz {
  line-height: 25px;
  color: #b3241d; }

#ShipToNZ {
  width: 600px;
  word-wrap: break-word; }

.link-change-currency {
  width: 100%;
  text-align: center;
  display: inline-block; }

@media only screen and (max-width: 767px) {
  #ShipToNZ {
    width: 250px; }
  .guest-checkout-intro {
    min-height: unset; } }

.shipping-hidden {
  display: none; }

.shipping-cost-blur {
  color: transparent;
  text-shadow: 0 0 2px black;
  font-weight: normal; }

/* For fixed comapct cart */
@media only screen and (min-width: 768px) {
  .checkout-container {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    clear: both; }
  .compact-cart-container {
    align-items: stretch;
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */ } }

.cart-promo-modal {
  display: none;
  max-width: 600px; }

.cart-promo-link {
  display: none !important; }

/*

_flexislider.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)

Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
.flexslider {
  border: 0 none;
  z-index: 10;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0; }

.flexslider-container {
  position: relative;
  max-width: 2000px;
  margin: 0 auto;
  overflow: hidden; }

.flex-control-paging li a.flex-active {
  background: #ffffff; }

.flex-control-nav {
  bottom: 5px;
  z-index: 10; }

.flex-direction-nav a {
  margin-top: -20px; }
  .flex-direction-nav a:hover {
    text-decoration: none; }

.flex-direction-nav a:after,
.flex-direction-nav a:before {
  margin-top: 10px; }

.ie8 .flex-direction-nav a {
  color: black; }
  .ie8 .flex-direction-nav a:hover {
    color: #b3241d; }

/* Over-laid divs and button*/
.mobile-banner-item > div,
.desktop-banner-item > div {
  position: absolute;
  width: 100%;
  text-align: center;
  line-height: 0;
  bottom: 60px; }
  .mobile-banner-item > div.left,
  .desktop-banner-item > div.left {
    position: relative;
    left: -395px; }
  .mobile-banner-item > div.left-second,
  .desktop-banner-item > div.left-second {
    position: relative;
    left: -263px; }
  .mobile-banner-item > div.right,
  .desktop-banner-item > div.right {
    position: relative;
    right: -395px; }
  .mobile-banner-item > div.right-second,
  .desktop-banner-item > div.right-second {
    position: relative;
    right: -266px; }

.mobile-banner-item .banner-button,
.desktop-banner-item .banner-button {
  font-size: 15px;
  padding: 13px 22px;
  max-width: 150px;
  font-weight: normal;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  background-repeat: no-repeat;
  vertical-align: bottom;
  border: 0 none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; }
  .mobile-banner-item .banner-button:hover, .mobile-banner-item .banner-button:active,
  .desktop-banner-item .banner-button:hover,
  .desktop-banner-item .banner-button:active {
    text-decoration: none; }

.mobile-banner-item .shop,
.desktop-banner-item .shop {
  background-color: #b3241d;
  color: #fff;
  padding: 13px 27px; }
  .mobile-banner-item .shop:hover, .mobile-banner-item .shop:active,
  .desktop-banner-item .shop:hover,
  .desktop-banner-item .shop:active {
    background-color: #c33d27;
    color: #fff; }

.mobile-banner-item .light,
.desktop-banner-item .light {
  background-color: #d5d5d5;
  color: #373d3e; }
  .mobile-banner-item .light:hover, .mobile-banner-item .light:active,
  .desktop-banner-item .light:hover,
  .desktop-banner-item .light:active {
    color: #373d3e;
    background-color: #c8c8c8; }

.mobile-banner-item .dark,
.desktop-banner-item .dark {
  background-color: #000;
  color: #fff; }
  .mobile-banner-item .dark:hover, .mobile-banner-item .dark:active,
  .desktop-banner-item .dark:hover,
  .desktop-banner-item .dark:active {
    color: #fff;
    background-color: #333; }

/* French overrides for banner button padding */
.lang-fr-FR .mobile-banner-item .banner-button,
.lang-fr-FR .desktop-banner-item .banner-button {
  padding: 13px 12px; }

.lang-fr-FR .mobile-banner-item .shop,
.lang-fr-FR .desktop-banner-item .shop {
  padding: 13px 34px; }

/* From Brendan */
.flex-caption {
  width: 96%;
  padding: 2%;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  font-size: 11px;
  line-height: 12px;
  position: absolute;
  font-family: 'Fira Sans', sans-serif;
  transition: all 0.5s ease;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0; }

.flexslider:hover .flex-caption {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=1);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; }

/* Show and hide the responsive slider for mobile */
.clipped-banner {
  display: none; }

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .mobile-banner-item > div.left,
  .desktop-banner-item > div.left {
    position: relative;
    left: -310px; }
  .mobile-banner-item > div.left-second,
  .desktop-banner-item > div.left-second {
    position: relative;
    left: -185px; }
  .mobile-banner-item > div.right,
  .desktop-banner-item > div.right {
    position: relative;
    right: -310px; }
  .mobile-banner-item > div.right-second,
  .desktop-banner-item > div.right-second {
    position: relative;
    right: -180px; }
  .mobile-banner-item .banner-button,
  .desktop-banner-item .banner-button {
    padding: 11px 25px; }
  .mobile-banner-item .shop,
  .desktop-banner-item .shop {
    padding: 11px 25px; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .mobile-banner-item > div,
  .desktop-banner-item > div {
    bottom: 50px; }
    .mobile-banner-item > div.left,
    .desktop-banner-item > div.left {
      position: relative;
      left: -140px; }
    .mobile-banner-item > div.left-second,
    .desktop-banner-item > div.left-second {
      display: none; }
    .mobile-banner-item > div.right,
    .desktop-banner-item > div.right {
      position: relative;
      right: -140px; }
    .mobile-banner-item > div.right-second,
    .desktop-banner-item > div.right-second {
      display: none; } }

@media only screen and (max-width: 479px) {
  .mobile-banner-item > div,
  .desktop-banner-item > div {
    bottom: 40px; }
    .mobile-banner-item > div.left,
    .desktop-banner-item > div.left {
      position: relative;
      left: -80px; }
    .mobile-banner-item > div.left-second,
    .desktop-banner-item > div.left-second {
      display: none; }
    .mobile-banner-item > div.right,
    .desktop-banner-item > div.right {
      position: relative;
      right: -80px; }
    .mobile-banner-item > div.right-second,
    .desktop-banner-item > div.right-second {
      display: none; } }

@media only screen and (max-width: 767px) {
  .clipped-banner {
    display: block;
    display: block;
    margin-top: -20px;
    margin-bottom: 10px; }
  .codagenic-event .clipped-banner {
    margin-top: -20px; }
  .wide-banner {
    display: none; }
  .flex-control-nav {
    display: none; } }

/*

_sitemap.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)

Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
.sitemap {
  /* First level (Home) */ }
  .sitemap ul {
    list-style: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
    /* width is reset. */ }
    .sitemap ul li {
      background: url("../images/icons/tree-line.gif") 0 0 no-repeat;
      padding: 3px 0 3px 1px; }
      .sitemap ul li ul {
        margin: 4px 0 5px 38px; }
    .sitemap ul .icon {
      /* best to keep icons width/height consistent throughout. */
      width: 41px;
      height: 18px;
      display: block;
      float: left;
      background: url("../images/icons/tree.gif") 0 0 no-repeat; }
    .sitemap ul .level1 .icon {
      width: 18px; }
    .sitemap ul .level2 .icon {
      background-position: 100% -14px;
      width: 41px; }
    .sitemap ul .level3 .icon {
      background-position: 100% -32px; }
    .sitemap ul a {
      padding: 0 0 0 10px; }
    .sitemap ul .level1 a {
      font-weight: bold; }
    .sitemap ul .level3 a {
      font-weight: normal; }
  .sitemap .level1 {
    padding: 0;
    background: none; }

.moduleSitemap .last {
  background-position: 0 -1763px; }

/*

_account.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)
 
Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
.data-table {
  width: 100%;
  margin-bottom: 12px; }
  .data-table tr {
    border-bottom: 1px solid #ccc; }
  .data-table th {
    text-align: left; }
  .data-table tbody tr:nth-child(2n) {
    background: #f2f2f2; }
  .data-table td {
    padding: 10px 5px; }

.sign-up-intro {
  min-height: 162px; }

.gift-voucher-modal {
  display: none;
  max-width: 600px; }

@media only screen and (max-width: 767px) {
  ul.account-nav {
    margin-bottom: 20px !important;
    border: none !important; }
    ul.account-nav ul {
      border-radius: 5px;
      border: 1px solid #d2d2d3; }
      ul.account-nav ul li:first-of-type a {
        border-top: none !important; }
    ul.account-nav > li > a {
      display: none; }
  .sign-up-intro {
    min-height: unset; } }

/*

_iphoneToggle.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)

Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
.iPhoneCheckContainer {
  -webkit-transform: translate3d(0, 0, 0);
  position: relative;
  height: 27px;
  cursor: pointer;
  overflow: hidden; }

.iPhoneCheckContainer input {
  position: absolute;
  top: 5px;
  left: 30px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }

.iPhoneCheckContainer label {
  white-space: nowrap;
  float: none;
  margin-left: 0;
  font-size: 17px;
  line-height: 17px;
  font-weight: bold;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  cursor: pointer;
  display: block;
  height: 27px;
  position: absolute;
  width: auto;
  top: 0;
  padding: 5px 0 0 0;
  overflow: hidden; }

.iPhoneCheckContainer, .iPhoneCheckContainer label {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none; }

.iPhoneCheckDisabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

label.iPhoneCheckLabelOn {
  color: white;
  background: url("../images/iphone-style-checkboxes/on_blanc.png?1284697268") no-repeat;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
  left: 0;
  padding-top: 5px; }

label.iPhoneCheckLabelOn span {
  padding-left: 8px; }

label.iPhoneCheckLabelOff {
  color: #8b8b8b;
  background: url("../images/iphone-style-checkboxes/off.png?1284697268") no-repeat right 0;
  text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
  text-align: right;
  right: 0; }

label.iPhoneCheckLabelOff span {
  padding-right: 8px; }

.iPhoneCheckHandle {
  display: block;
  height: 27px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background: url("../images/iphone-style-checkboxes/slider_left.png?1284697268") no-repeat;
  padding-left: 3px; }

.iPhoneCheckHandleRight {
  height: 100%;
  width: 100%;
  padding-right: 3px;
  background: url("../images/iphone-style-checkboxes/slider_right.png?1284697268") no-repeat right 0; }

.iPhoneCheckHandleCenter {
  height: 100%;
  width: 100%;
  background: url("../images/iphone-style-checkboxes/slider_center.png?1284697268"); }

.iOSCheckContainer {
  position: relative;
  height: 27px;
  cursor: pointer;
  overflow: hidden; }

.iOSCheckContainer input {
  position: absolute;
  top: 5px;
  left: 30px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }

.iOSCheckContainer label {
  white-space: nowrap;
  font-size: 17px;
  line-height: 17px;
  font-weight: bold;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  cursor: pointer;
  display: block;
  height: 27px;
  position: absolute;
  width: auto;
  top: 0;
  padding-top: 5px;
  overflow: hidden; }

.iOSCheckContainer, .iOSCheckContainer label {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none; }

.iOSCheckDisabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5; }

label.iOSCheckLabelOn {
  color: white;
  background: url("../images/ios-style-checkboxes/on_blanc.png?1284697268") no-repeat;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
  left: 0;
  padding-top: 5px; }

label.iOSCheckLabelOn span {
  padding-left: 8px; }

label.iOSCheckLabelOff {
  color: #8b8b8b;
  background: url("../images/ios-style-checkboxes/off.png?1284697268") no-repeat right 0;
  text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6);
  text-align: right;
  right: 0; }

label.iOSCheckLabelOff span {
  padding-right: 8px; }

.iOSCheckHandle {
  display: block;
  height: 27px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background: url("../images/ios-style-checkboxes/slider_left.png?1284697268") no-repeat;
  padding-left: 3px; }

.iOSCheckHandleRight {
  height: 100%;
  width: 100%;
  padding-right: 3px;
  background: url("../images/ios-style-checkboxes/slider_right.png?1284697268") no-repeat right 0; }

.iOSCheckHandleCenter {
  height: 100%;
  width: 100%;
  background: url("../images/ios-style-checkboxes/slider_center.png?1284697268"); }

/*

_stores.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)
 
Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
#mlocator {
  min-height: 650px; }

.stores-table {
  width: 100%;
  border: 0 none; }
  .stores-table tr td {
    padding-bottom: 5px; }
    .stores-table tr td a {
      text-decoration: underline; }

.map-image {
  position: absolute;
  top: 0;
  right: 0; }
  .map-image > img {
    max-width: 100%; }

.store-map {
  width: 500px;
  height: 400px;
  overflow: hidden;
  max-width: 100%; }

.store-list {
  width: 100%; }
  .store-list li {
    width: 49%;
    padding-bottom: 5px;
    display: inline-block; }
    .store-list li .store-link {
      width: 100%;
      text-decoration: underline;
      font-size: 14px;
      display: inline-block; }
    .store-list li .store-address {
      width: 100%;
      display: inline-block; }

@media only screen and (max-width: 767px) {
  .store-list li {
    width: 100%; }
  .location-search .input-text-search {
    width: 100%; }
  .location-search .btn-all {
    float: none;
    clear: left;
    display: block; }
  .codagenic-storelocator-details h1 {
    margin-bottom: 12px; }
  .store-details .ui-button {
    display: block; } }

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .location-search .input-text-search {
    width: 314px; } }

/*

_modal.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)
 
Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
.product-detail-modal {
  width: 620px;
  display: none;
  background: #fff; }
  .product-detail-modal .pad-down {
    margin-top: 20px; }
  .product-detail-modal .ui-button {
    margin-top: 10px;
    float: right; }
  .product-detail-modal h2 {
    border-bottom: 1px solid #d2d2d3;
    font-size: 1.833em;
    line-height: 1.58em;
    margin-top: 0;
    text-transform: capitalize; }

@media all and (max-width: 767px) {
  .product-detail-modal {
    width: auto; }
    .product-detail-modal .pad-down {
      width: 90%;
      margin: 20px auto; } }

.jqmWindow {
  display: none;
  position: fixed;
  top: 15%;
  left: 50%;
  margin-left: -420px;
  width: 800px;
  background-color: #FFF;
  border: 5px solid #000;
  padding: 12px; }
  .jqmWindow .pad-down {
    margin-top: 20px; }
  .jqmWindow .ui-button {
    margin-top: 10px;
    float: right; }

@media all and (max-width: 900px) {
  .jqmWindow {
    margin-left: -300px;
    width: 600px;
    background-color: #FFF;
    border: 5px solid #000;
    padding: 12px; }
    .jqmWindow .pad-down {
      margin-top: 20px; }
    .jqmWindow .ui-button {
      margin-top: 10px;
      float: right; } }

@media all and (max-width: 600px) {
  .jqmWindow {
    top: 65px;
    left: 10px;
    right: 10px;
    bottom: 20px;
    width: auto;
    margin-left: 0;
    overflow-x: auto; }
    .jqmWindow h1 {
      line-height: 1.2em;
      margin-bottom: 12px; } }

@media all and (max-width: 480px) {
  .jqmWindow .ui-button {
    display: block;
    float: none; } }

.jqmOverlay {
  background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: expression(this.parentNode.offsetWidth+'px');
  height: expression(this.parentNode.offsetHeight+'px'); }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
  position: absolute;
  top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }

.search-external ul.breadcrumb-list li a.current {
  pointer-events: none; }

.tab-content-search {
  clear: both;
  display: none;
  border-top: 1px solid #d2d2d3; }
  .tab-content-search:first-child {
    display: block; }

ul.tab-navigation-search {
  left: unset !important; }
  ul.tab-navigation-search li {
    left: 20px !important;
    right: unset !important; }

.site-pages-search li {
  margin-bottom: 23px; }

.site-pages-search .title {
  font-size: 1.5em; }

.site-pages-search a.link {
  color: green; }

.site-pages-search p {
  margin-top: 0; }

.ui-faceted a.filter-on {
  font-weight: bold; }

.ui-faceted .search-related-link {
  text-transform: capitalize; }

.load-more-search {
  width: 100%;
  text-align: center; }
  .load-more-search a {
    margin: 0 auto; }

.load-more-button {
  color: #666;
  border: 1px solid #666;
  background-color: #fff; }

.working-search {
  width: 100%;
  text-align: center; }
  .working-search div {
    margin: 0 auto;
    width: 48px;
    height: 50px; }

.working-search-external {
  width: 100%;
  text-align: center;
  padding: 50px 0; }

.search-site-results a {
  font-size: 13px;
  font-weight: bold; }

.search-site-results p {
  margin-top: 0 !important; }

.search-site-results h3 {
  text-transform: none;
  font-size: 16px; }

.search-site-results span {
  display: inline-block;
  margin-bottom: 20px; }

.search-suggest {
  font-size: 14px;
  float: left;
  width: 100%; }

.search-summary {
  font-size: 14px;
  float: right; }
  .search-summary span {
    font-weight: bold; }

.search-facet-close, .search-facet-open, .search-facet-overlay {
  display: none; }

.search-facet-clear-results-inactive {
  color: #ccc !important; }

.search-facet-clear-results-active {
  color: #b3241d !important; }

.search-related-link-hidden, .search-category-link-hidden {
  display: none; }

.more-related-facets, .more-category-facets {
  text-align: right;
  padding-right: 20px; }

@media only screen and (max-width: 767px) {
  .search-summary {
    display: none !important; }
  .search-facet-overlay {
    position: absolute;
    top: -130px;
    left: 0;
    width: 0;
    min-height: 100%;
    padding-bottom: 130px;
    background-color: #000;
    z-index: 99;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4; }
  .search-facet-container {
    position: absolute;
    top: -130px;
    left: -1000px;
    z-index: 100;
    background: #fff;
    padding: 0 20px 130px 20px;
    min-height: 100%;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc; }
    .search-facet-container a {
      font-size: 12px; }
  .search-facet-close, .search-facet-open {
    display: block !important; }
  .search-facet-close {
    text-align: right; }
    .search-facet-close i {
      padding: 15px 0px;
      color: #666; }
  .search-facet-show, .search-facet-clear {
    width: unset !important;
    padding: 3px 10px !important;
    font-size: 14px; }
  .search-facet-show {
    float: left; }
  .search-facet-clear {
    float: right;
    background: #fff !important; } }

/* For fixed search filters */
@media only screen and (min-width: 768px) {
  .product-search-container {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
  .search-filter-container {
    align-items: stretch;
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
  #search-filters {
    transition: top .3s linear;
    /* Smooth transition for sticky */
    -webkit-transition: top .3s linear;
    -moz-transition: top .3s linear;
    -o-transition: top .3s linear; } }

.blog-posts {
  margin-bottom: 30px !important; }
  .blog-posts h2 {
    text-transform: none;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 10px 0 0 0;
    line-height: normal; }
  .blog-posts a {
    display: block; }
    .blog-posts a:hover {
      text-decoration: none;
      color: #b3241d; }
  .blog-posts .blog-date {
    font-size: 14px;
    font-weight: bold; }
  .blog-posts p {
    padding: 0;
    margin: 0;
    font-size: 14px; }

.content-headlines li a {
  font-size: 14px;
  font-weight: bold; }

/* For facebook Embed videos */
.FBVideo {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0; }

.FBVideo iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute; }

.hp-promos:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8; }

.hp-promos img.promo-img {
  display: none; }

.split {
  text-align: center;
  white-space: nowrap; }
  .split:before {
    content: '';
    display: inline-block;
    height: 100%; }

.shopping-info {
  display: inline-block;
  vertical-align: middle; }

.home-featured h2, .home-blog h2 {
  text-transform: none;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #d2d2d3;
  margin: 0 0 15px 0; }

.home-blog {
  background: #ededed;
  padding: 20px 0 0 0; }
  .home-blog .blog-posts h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 10px 0 0 0;
    line-height: normal;
    border-bottom: none; }

@media only screen and (max-width: 767px) {
  .home-blog {
    margin-top: 20px; } }

@media only screen and (max-width: 980px) {
  .shopping-info {
    float: left; } }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  background: #fff;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Fira Sans",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading {
  background-image: url("../fancybox/fancybox_sprite.png"); }

.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  font-size: 30px;
  color: #fff; }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../fancybox/fancybox_loading.gif") center center no-repeat; }

.fancybox-close {
  background-color: #fff;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: -15px;
  text-align: center;
  top: -15px;
  width: 40px;
  z-index: 8040; }

.fancybox-close:hover {
  color: #b3241d;
  /* $ripCurlRed */ }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 50px;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  color: rgba(0, 0, 0, 0.8);
  /*visibility: hidden;*/ }

.fancybox-prev span {
  left: 10px; }

.fancybox-next span {
  right: 10px; }

.fancybox-nav:hover span {
  /*visibility: visible;*/
  color: #b3241d;
  /* $ripCurlRed */ }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../fancybox/fancybox_overlay.png"); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Fira Sans",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

@media all and (max-width: 479px) {
  .fancybox-close,
  .fancybox-prev span,
  .fancybox-next span {
    font-size: 20px; }
  .fancybox-close {
    height: 30px;
    line-height: 30px;
    right: -10px;
    top: -10px;
    width: 30px; } }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading {
    background-image: url("../fancybox/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div {
    background-image: url("../fancybox/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/ } }

/*FancyBox Thumbs*/
#fancybox-thumbs {
  position: fixed;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 8050;
  padding: 10px;
  background-color: #fff; }

#fancybox-thumbs.bottom {
  bottom: 0px; }

#fancybox-thumbs.top {
  top: 0px; }

#fancybox-thumbs ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0; }

#fancybox-thumbs ul li {
  float: left;
  padding: 1px;
  opacity: 0.5; }

#fancybox-thumbs ul li.active {
  opacity: 0.75;
  padding: 0;
  border: 1px solid #fff; }

#fancybox-thumbs ul li:hover {
  opacity: 1; }

#fancybox-thumbs ul li a {
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid #222;
  background: #111;
  outline: none; }

#fancybox-thumbs ul li img {
  display: block;
  position: relative;
  border: 0;
  padding: 0;
  max-width: none; }

.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */ }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  padding: 10px 20px !important;
  margin: 0 0 10px 25px;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3; }
  @media only screen and (max-width: 767px) {
    .ui-autocomplete {
      -moz-column-count: 1;
      -webkit-column-count: 1;
      column-count: 1; } }
  .ui-autocomplete .autocomplete-item {
    text-transform: capitalize !important;
    overflow: hidden;
    /* fix for Firefox */
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    padding: 5px !important;
    margin: 5px !important;
    border: none !important; }
    .ui-autocomplete .autocomplete-item span {
      color: #b3241d;
      font-weight: bold; }
  .ui-autocomplete .autocomplete-item-hidden {
    color: #fff !important;
    background-color: #fff !important;
    border: none !important; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 20px;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */ }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  /*margin: -1px;*/ }

.ui-state-hover,
.ui-state-focus {
  /*border: 1px solid #cccccc;*/
  background: #ededed;
  font-weight: normal;
  text-transform: capitalize;
  color: #2b2b2b; }

.ui-menu-item > a.ui-corner-all {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #555555;
  white-space: nowrap;
  text-decoration: none; }

@media all and (max-width: 767px) {
  .ui-menu .ui-menu-item {
    padding: 5px 20px; } }

.ui-datepicker {
  width: 200px;
  padding: .2em .2em 0;
  display: none;
  line-height: normal;
  margin: 0;
  padding: 10px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  display: none !important; }

.ui-datepicker .ui-datepicker-title {
  margin: 0;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 50%; }

.ui-datepicker table {
  width: 100%;
  font-size: 12px;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

/* Addition of slider for External Search */
.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333; }

.ui-widget-content a {
  color: #333333; }

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold; }

.ui-widget-header a {
  color: #333333; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #454545;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #2b2b2b;
  text-decoration: none; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png"); }

.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png"); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png"); }

.ui-state-active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png"); }

.ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png"); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png"); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */ }

.ui-widget-shadow {
  margin: 0px 0 0 0px;
  padding: 5px;
  background: #666666;
  opacity: .3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */
  border-radius: 8px; }

.stores-container {
  border: 1px solid #ccc;
  margin: 0 auto 20px auto;
  width: 100%; }
  .stores-container .stores-search-panel {
    margin-top: 10px;
    width: 40%;
    float: left; }
    .stores-container .stores-search-panel h1 {
      border-bottom: none;
      font-size: 18px;
      font-weight: bold;
      line-height: normal;
      margin-left: 5%; }
    .stores-container .stores-search-panel .stores-search {
      position: relative;
      height: 35px;
      margin: 0 5%; }
      .stores-container .stores-search-panel .stores-search .stores-search-text {
        position: absolute;
        width: 100%;
        padding-right: 80px; }
      .stores-container .stores-search-panel .stores-search .stores-search-button {
        display: inline-block;
        line-height: 40px;
        height: 33px;
        font-size: 10px;
        color: #fff;
        padding: 0 10px;
        font-weight: normal;
        white-space: nowrap;
        cursor: pointer;
        text-align: center;
        overflow: hidden;
        border: 0 none;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc; }
      .stores-container .stores-search-panel .stores-search .stores-search-locate {
        position: absolute;
        right: 40px;
        background-color: #d5d5d5;
        color: #000 !important;
        border-right: 1px solid #ccc; }
        .stores-container .stores-search-panel .stores-search .stores-search-locate:hover {
          color: #000;
          background-color: #c8c8c8; }
      .stores-container .stores-search-panel .stores-search .stores-search-go {
        background-color: #b3241d;
        -webkit-border-top-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomright: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        position: absolute;
        right: 0; }
        .stores-container .stores-search-panel .stores-search .stores-search-go:hover {
          text-decoration: none;
          color: #fff;
          background-color: #c33d27; }
    .stores-container .stores-search-panel .store-intro {
      margin: 15px 5%;
      line-height: normal; }
    .stores-container .stores-search-panel .store-result-text {
      margin: 15px 5%;
      display: none;
      height: 30px;
      line-height: normal; }
    .stores-container .stores-search-panel .store-list-container {
      position: relative; }
      .stores-container .stores-search-panel .store-list-container .store-list-loading {
        position: absolute;
        top: 20px;
        left: 50%;
        width: 100%;
        display: none; }
      .stores-container .stores-search-panel .store-list-container .store-list-detail {
        border-top: 1px solid #ddd;
        margin-top: 10px;
        clear: both;
        width: 90%;
        padding: 0 5%; }
        .stores-container .stores-search-panel .store-list-container .store-list-detail .store-detail-close {
          float: right;
          padding: 10px; }
        .stores-container .stores-search-panel .store-list-container .store-list-detail h2, .stores-container .stores-search-panel .store-list-container .store-list-detail h3 {
          border-bottom: none;
          font-size: 16px;
          font-weight: bold;
          line-height: normal;
          padding: 5px 0;
          margin: 10px 0 0 0; }
        .stores-container .stores-search-panel .store-list-container .store-list-detail span {
          line-height: normal; }
        .stores-container .stores-search-panel .store-list-container .store-list-detail .store-detail-description {
          width: 100%; }
          .stores-container .stores-search-panel .store-list-container .store-list-detail .store-detail-description h3 {
            font-size: 15px; }
          .stores-container .stores-search-panel .store-list-container .store-list-detail .store-detail-description .opening-hours {
            margin: 5px 0;
            padding: 0;
            min-width: 250px;
            display: inline-block;
            font-size: 13px; }
            .stores-container .stores-search-panel .store-list-container .store-list-detail .store-detail-description .opening-hours .day {
              clear: both;
              float: left; }
            .stores-container .stores-search-panel .store-list-container .store-list-detail .store-detail-description .opening-hours .time {
              float: right; }
      .stores-container .stores-search-panel .store-list-container .store-list {
        position: absolute;
        top: 10px;
        left: 0;
        border-bottom: 1px solid #ccc;
        width: 100%;
        overflow-y: scroll;
        max-height: 451px;
        display: none; }
        .stores-container .stores-search-panel .store-list-container .store-list .store-list-item {
          clear: both;
          border-top: 1px solid #ccc;
          border-right: 1px solid #ccc; }
          .stores-container .stores-search-panel .store-list-container .store-list .store-list-item .store-detail {
            width: 82%;
            float: left;
            margin-left: 5%;
            padding: 5px 0; }
            .stores-container .stores-search-panel .store-list-container .store-list .store-list-item .store-detail:hover {
              text-decoration: none; }
            .stores-container .stores-search-panel .store-list-container .store-list .store-list-item .store-detail h2 {
              border-bottom: none;
              font-size: 16px;
              font-weight: bold;
              line-height: normal;
              padding: 5px 0;
              margin: 0; }
              .stores-container .stores-search-panel .store-list-container .store-list .store-list-item .store-detail h2 img {
                margin-left: 5px; }
            .stores-container .stores-search-panel .store-list-container .store-list .store-list-item .store-detail span {
              line-height: normal; }
          .stores-container .stores-search-panel .store-list-container .store-list .store-list-item .store-link {
            padding-top: 20px;
            width: 13%;
            float: right;
            text-align: center;
            font-size: 11px;
            line-height: 11px; }
            .stores-container .stores-search-panel .store-list-container .store-list .store-list-item .store-link i {
              font-size: 18px;
              display: inline-block;
              width: 100%; }
            .stores-container .stores-search-panel .store-list-container .store-list .store-list-item .store-link span {
              display: inline-block;
              width: 100%; }
  .stores-container .stores-map {
    width: 60%;
    float: right;
    min-height: 600px;
    position: relative; }
    .stores-container .stores-map .stores-map-panel {
      padding: 0;
      min-height: 600px; }
    .stores-container .stores-map .stores-map-loading {
      opacity: 0.5;
      min-height: 310px;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #ddd;
      width: 50%;
      padding: 50% 0 0 50%; }
  .stores-container .stores-detail-panel {
    margin-top: 10px; }
    .stores-container .stores-detail-panel .stores-details {
      width: 40%;
      float: left; }
      .stores-container .stores-detail-panel .stores-details .store-details-inner {
        width: 90%;
        padding: 0 5%; }
        .stores-container .stores-detail-panel .stores-details .store-details-inner h1 {
          border-bottom: none;
          font-size: 18px;
          font-weight: bold;
          line-height: normal; }
        .stores-container .stores-detail-panel .stores-details .store-details-inner .opening-hours {
          margin: 5px 0;
          padding: 0;
          min-width: 250px;
          display: inline-block;
          font-size: 13px; }
          .stores-container .stores-detail-panel .stores-details .store-details-inner .opening-hours .day {
            clear: both;
            float: left; }
          .stores-container .stores-detail-panel .stores-details .store-details-inner .opening-hours .time {
            float: right; }

.stores-label {
  font-size: 12px; }
  .stores-label h2 {
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 5px 0; }
  .stores-label .opening-hours {
    margin: 5px 0;
    padding: 0;
    min-width: 175px;
    display: inline-block;
    font-size: 12px; }
    .stores-label .opening-hours .day {
      clear: both;
      float: left; }
    .stores-label .opening-hours .time {
      float: right; }

.store-title h2 {
  display: inline-block;
  margin-right: 10px !important; }

.store-title img {
  margin: 0 0 5px 0;
  padding: 0; }

.store-detail-buttons {
  width: 100%;
  margin-top: 10px; }
  .store-detail-buttons a {
    width: auto !important;
    padding: 0 10px !important;
    margin: 5px 5px 5px 0 !important;
    line-height: 30px !important;
    height: 30px !important; }
    .store-detail-buttons a i {
      margin-right: 3px; }

.store-detail-opening {
  margin-top: 10px; }
  .store-detail-opening table {
    width: 100%; }
    .store-detail-opening table tr {
      border-bottom: 1px solid #e0e0e0; }
      .store-detail-opening table tr th, .store-detail-opening table tr td {
        padding: 5px 8px; }
        .store-detail-opening table tr th:nth-child(odd), .store-detail-opening table tr td:nth-child(odd) {
          text-align: left; }
        .store-detail-opening table tr th:nth-child(even), .store-detail-opening table tr td:nth-child(even) {
          text-align: right; }
      .store-detail-opening table tr:nth-child(even) {
        background-color: #fafafa; }

@media only screen and (max-width: 959px) {
  .ui-button-stores {
    font-size: 11px !important; }
    .ui-button-stores i {
      display: none !important; } }

@media only screen and (max-width: 479px) {
  .ui-button-stores {
    font-size: 10px !important; } }

@media only screen and (max-width: 767px) {
  .stores-container {
    display: inline-block !important; }
    .stores-container .stores-search-panel, .stores-container .stores-map, .stores-container .stores-details {
      width: 100% !important;
      float: none !important; }
    .stores-container .stores-map {
      min-height: 500px !important; }
      .stores-container .stores-map .stores-map-panel {
        padding: 0;
        min-height: 500px !important; }
    .stores-container .store-list, .stores-container .store-list-detail {
      position: initial !important;
      margin-top: 10px !important; }
    .stores-container .store-list-detail {
      margin-bottom: 10px; } }

@media only screen and (max-width: 479px) {
  .checkout-nav-block {
    position: relative;
    min-height: 350px; }
    .checkout-nav-block .payment-submit {
      position: absolute;
      top: -5px; }
    .checkout-nav-block .ccsAccepted {
      position: absolute;
      top: 45px; }
    .checkout-nav-block .payment-previous {
      position: absolute;
      top: 115px; }
    .checkout-nav-block .credit-payment {
      position: absolute;
      top: 170px; }
  .checkout-terms {
    position: relative; }
    .checkout-terms .error-checkout-terms {
      position: absolute;
      top: -70px; } }

.payment-providers li {
  padding: 20px 10px 10px 10px; }
  .payment-providers li #cardDetailsEU {
    margin-top: 15px; }

.payment-providers li.active {
  background-color: #eee;
  border: 1px solid #ddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.payment-providers input[type="radio"] {
  float: left;
  height: 20px;
  margin: 0 5px 5px 0;
  width: 20px;
  border: 1px solid #ccc; }

.payment-providers label.provider {
  display: inline-block;
  margin-top: -10px; }

.provider-facilypay span {
  display: inline-block;
  width: 250px;
  vertical-align: middle;
  padding-left: 5px; }

.credit-payment h2 {
  margin-top: 15px !important; }

.credit-payment input[type="text"] {
  width: 100% !important; }

#cardDetailsEU {
  position: relative; }
  #cardDetailsEU #cardOverlayEU {
    display: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 3;
    position: absolute;
    width: 100%;
    opacity: 0.8;
    background-color: #ccc;
    height: 100%; }
    #cardDetailsEU #cardOverlayEU div {
      width: 100%;
      position: relative; }
      #cardDetailsEU #cardOverlayEU div img {
        position: absolute;
        left: 43%;
        top: 10px; }
      #cardDetailsEU #cardOverlayEU div i {
        position: absolute;
        left: 45%;
        top: 70px; }

#hipay-canvas {
  fill: #00a5e1; }

.hipay-container {
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.24);
  margin: 5px auto;
  max-width: 640px;
  min-height: 200px;
  padding: 15px;
  background-color: #fff; }
  .hipay-container > div {
    max-height: 40px; }
    .hipay-container > div#hipay-3-help-cvc {
      max-height: unset !important; }
    .hipay-container > div > iframe {
      max-height: 40px; }

@media screen and (max-width: 428px) {
  .hipay-container {
    padding: 10px; } }

@media only screen and (max-width: 960px) and (min-width: 767px) {
  .payment-providers li img {
    max-width: 300px !important; }
  .provider-facilypay span {
    width: 150px; } }

@media only screen and (max-width: 768px) and (min-width: 479px) {
  .payment-providers li img {
    max-width: 300px !important; }
  .provider-facilypay span {
    width: 155px !important;
    padding-top: 0; } }

@media only screen and (max-width: 480px) {
  .payment-providers li img {
    max-width: 195px !important; }
  .provider-facilypay img {
    width: 50px;
    vertical-align: top; }
  .provider-facilypay span {
    width: 135px !important;
    padding-top: 0; } }

/*!
*  Markup Utils
*/
/*

_utils.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)
 
Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
/* For image replacement */
.ir {
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/* Lists */
ul.unstyled {
  list-style-type: none;
  list-style-image: none;
  padding: 0;
  margin: 0; }

ul.horizontal li {
  float: left;
  display: block; }

.send-left {
  float: left; }

.send-right {
  float: right !important; }

.trim-right {
  margin-right: 0 !important; }

.trim-left {
  margin-left: 0 !important; }

.add-rel {
  position: relative; }

.js .no-js {
  display: none; }

.pad-down {
  margin-top: 94px; }

.offset-top {
  margin-top: 10px !important; }

.offset-bottom {
  margin-bottom: 10px !important; }

img {
  max-width: 100%; }

.full-width-image {
  width: 100%; }

/* Video wrapper to make videos act responsively */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; }

/* Accordion Standard Classes */
.accordion, .accordion * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.accordion {
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #d2d2d3; }
  .accordion .accordion-section-title {
    width: 100%;
    padding: 10px 40px 10px 15px;
    display: inline-block;
    border-top: 1px solid #d2d2d3;
    transition: all linear 0.3s;
    font-size: 14px;
    text-decoration: none;
    color: #666; }
    .accordion .accordion-section-title:after {
      font-family: 'FontAwesome';
      content: "\f0da";
      width: 0;
      height: 0;
      position: absolute;
      right: 30px; }
    .accordion .accordion-section-title.active {
      background: #ddd; }
    .accordion .accordion-section-title.active:after {
      content: "\f0d7";
      right: 33px; }
    .accordion .accordion-section-title:hover {
      background: #f2f2f2;
      color: #666;
      text-decoration: none; }
  .accordion .accordion-section:first-child .accordion-section-title {
    border-top: none; }
  .accordion .accordion-section-content {
    padding: 5px 15px;
    display: none; }

/* Hotspots */
.HotSpotWrapper {
  position: relative;
  z-index: 1; }

.HotSpot, .short-code-hotspot {
  border: 3px solid #fff;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  display: block;
  height: 14px;
  position: absolute;
  width: 14px;
  z-index: 2;
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 0.0; }

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0; } }

/*

_print.scss

Author: Byron Salau
Contributors:

This file is part of RipCurl

Licenced under the MIT License (MIT)
 
Copyright (C) 2011 - 2012 Codagenic Pty. Ltd

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

*/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  /* Black prints faster: h5bp.com/s */
  a {
    text-decoration: underline; }
    a:visited {
      text-decoration: underline; }
    a[href]:after {
      /* Removed MDG */
      /* content: " (" attr(href) ")";  */
      content: ""; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after, .ir a[href^="javascript:"]:after, .ir a[href^="#"]:after {
    content: ""; }
  /* Don't show links for images, or javascript/internal links */
  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; } }

/*# sourceMappingURL=RipCurl-1.1.1.release.css.map */