/* Reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
/*
* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
/*
* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/*
* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
* and Safari 4.
* Known issue: no IE 6 support.
*/
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/*
* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-size: 100%; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}
/*
* Addresses `font-family` inconsistency between `textarea` and other form
* elements.
*/
html,
button,
input,
select,
textarea ,
img{
font-family: sans-serif;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/*
* Addresses margins handled incorrectly in IE 6/7.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/*
* Addresses font sizes and margins set differently in IE 6/7.
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
* and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.75em;
margin: 2.33em 0;
}
/*
* Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/*
* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
/*
* Addresses styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/*
* Addresses styling not present in IE 6/7/8/9.
*/
mark {
background: #ff0;
color: #000;
}
/*
* Addresses margins set differently in IE 6/7.
*/
p,
pre {
margin: 1em 0;
}
/*
* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/*
* Improves readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/*
* Addresses CSS quotes not supported in IE 6/7.
*/
q {
quotes: none;
}
/*
* Addresses `quotes` property not supported in Safari 4.
*/
q:before,
q:after {
content: '';
content: none;
}
/*
* Addresses inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Lists
========================================================================== */
/*
* Addresses margins set differently in IE 6/7.
*/
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
/*
* Addresses paddings set differently in IE 6/7.
*/
menu,
ol,
ul {
padding: 0 0 0 40px;
}
/*
* Corrects list images handled incorrectly in IE 7.
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* ==========================================================================
Embedded content
========================================================================== */
/*
* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7.
*/
img {
border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */
}
/*
* Corrects overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/*
* Corrects margin displayed oddly in IE 6/7.
*/
form {
margin: 0;
}
/*
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/*
* 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7.
*/
legend {
border: 0; /* 1 */
padding: 0;
white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */
}
/*
* 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
* and Chrome.
* 3. Improves appearance and consistency in all browsers.
*/
button,
input,
select,
textarea {
font-size: 100%; /* 1 */
margin: 0; /* 2 */
vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */
}
/*
* Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
* `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: none; /* 2 */
cursor: pointer; /* 3 */
overflow: hidden; /* 4 */
}
/*
* Re-set default cursor for disabled elements.
*/
button[disabled],
input[disabled] {
cursor: default;
}
/*
* 1. Addresses box sizing set to content-box in IE 8/9.
* 2. Removes excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
*height: 13px; /* 3 */
*width: 13px; /* 3 */
}
/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
* Removes inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. Removes default vertical scrollbar in IE 6/7/8/9.
* 2. Improves readability and alignment in all browsers.
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Colours */
@font-face {
font-family: 'futura-book';
src: url('../fonts/futurastd-book-webfont.eot');
src: url('../fonts/futurastd-book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/futurastd-book-webfont.woff') format('woff'), url('../fonts/futurastd-book-webfont.ttf') format('truetype'), url('../fonts/futurastd-book-webfont.svg#futura_stdbook') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'futura-normal';
src: url('../fonts/futurastd-medium-webfont.eot');
src: url('../fonts/futurastd-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/futurastd-medium-webfont.woff') format('woff'), url('../fonts/futurastd-medium-webfont.ttf') format('truetype'), url('../fonts/futurastd-medium-webfont.svg#futura_stdmedium') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FuturaBQ-Bold';
src: url('../fonts/FuturaBQ-Bold/FuturaBQ-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/FuturaBQ-Bold/FuturaBQ-Bold.otf') format('opentype'),
url('../fonts/FuturaBQ-Bold/FuturaBQ-Bold.woff') format('woff'),
url('../fonts/FuturaBQ-Bold/FuturaBQ-Bold.ttf') format('truetype'),
url('../fonts/FuturaBQ-Bold/FuturaBQ-Bold.svg#FuturaBQ-Bold') format('svg');
font-weight: normal;
font-style: normal;
}
/* Transitions */
/* Debug */
/*
* Rounded Corners
*/
/*
* Box sizing
*/
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix {
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
/* Vertical Centring */
/* http://www.jakpsatweb.cz/css/css-vertical-center-solution.html */
.valign-outer {
width: 100%;
height: 100%;
display: table;
overflow: hidden;
}
.valign-middle {
display: table-cell;
vertical-align: middle;
}
.lt-ie8 .valign-outer {
position: relative;
}
.lt-ie8 .valign-middle {
position: absolute;
left: 0;
top: 50%;
width: 100%;
}
.lt-ie8 .valign-inner {
position: relative;
left: 0;
top: -50%;
width: 100%;
}
/*
* Remove Outline
*/
/*
* Transparent Layers
*/
/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.slider {
max-width: 1224px;
height: 1061px;
margin: 0 auto;
position: relative;
direction: ltr;
background-color: #000;
}
.slider > *,
.product-slider > * {
float: left;
}
.product-slider {
width: 460px;
height: 410px;
position: relative;
direction: ltr;
}
/*#menu-productnav .sub-menu {
width: 180px;
height: 250px;
margin-top: 0px;
direction: ltr;
}*/
.rsWebkit3d .rsSlide {
-webkit-transform: translateZ(0);
}
.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
-webkit-backface-visibility: hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
-webkit-transform: none;
}
.rsOverflow {
width: 100%;
height: 100%;
position: relative;
float: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rsVisibleNearbyWrap {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
left: 0;
top: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rsVisibleNearbyWrap .rsOverflow {
position: absolute;
left: 0;
top: 0;
}
.rsContainer {
position: relative;
width: 100%;
height: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rsArrow,
.rsThumbsArrow {
cursor: pointer;
}
.rsThumb {
float: left;
position: relative;
}
.rsArrow,
.rsNav,
.rsThumbsArrow {
opacity: 1;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.rsHidden {
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
-moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
-o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
transition: visibility 0s linear 0.3s, opacity 0.3s linear;
}
.rsGCaption {
width: 100%;
float: left;
text-align: center;
}
/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
position: fixed !important;
height: auto !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
z-index: 2147483647 !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
}
.royalSlider .rsSlide.rsFakePreloader {
opacity: 1 !important;
-webkit-transition: 0s;
-moz-transition: 0s;
-o-transition: 0s;
transition: 0s;
display: none;
}
.rsSlide {
position: absolute;
left: 0;
top: 0;
display: block;
overflow: hidden;
height: 100%;
width: 100%;
}
.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
height: auto;
}
.rsContent {
width: 100%;
height: 100%;
position: relative;
}
.rsPreloader {
position: absolute;
z-index: 0;
}
.rsNav {
-moz-user-select: -moz-none;
-webkit-user-select: none;
user-select: none;
}
.rsNavItem {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}
.rsThumbs {
cursor: pointer;
position: relative;
overflow: hidden;
float: left;
z-index: 22;
}
.rsTabs {
float: left;
background: none !important;
}
.rsTabs,
.rsThumbs {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rsVideoContainer {
/*left: 0;
top: 0;
position: absolute;*/
/*width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
float: left;*/
width: auto;
height: auto;
line-height: 0;
position: relative;
}
.rsVideoFrameHolder {
position: absolute;
left: 0;
top: 0;
background: #141414;
opacity: 0;
-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
position: absolute;
z-index: 50;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 44px;
}
.rsABlock {
z-index: 15;
}
img.rsImg {
max-width: none;
}
.grab-cursor {
cursor: url(grab.png) 8 8, move;
}
.grabbing-cursor {
cursor: url(grabbing.png) 8 8, move;
}
.rsNoDrag {
cursor: auto;
}
.rsLink {
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%;
display: block;
z-index: 20;
background: url(blank.gif);
}
.collectionContainer .filters .product-filter {
position: relative;
}
.collectionContainer .filters .product-filter:hover .product-filter-current {
background-color: #fff;
color: #191919;
}
.collectionContainer .filters .product-filter .product-filter-current {
line-height: 43px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px;
cursor: pointer;
}
.collectionContainer .filters .product-filter .product-filter-current:hover {
background-color: #fff;
color: #191919;
}
.collectionContainer .filters .product-filter .product-filter-current .arrow {
position: absolute;
top: 0;
right: 10px;
width: 23px;
height: 100%;
background: url(../images/filter-arrow.png) 50% center no-repeat;
}
.collectionContainer .filters .product-filter .product-filter-drop-down {
background-color: #191919;
border: none;
width: 100%;
margin-left: -1px;
position: absolute;
top: 43px;
left: 0;
z-index: 10;
}
.collectionContainer .filters .product-filter .product-filter-drop-down .product-filter-option {
float: none;
width: 100%;
margin: 0;
border: none;
border-top: 1px solid rgba(255, 255, 255, 0.2);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 8px 10px;
height: auto;
line-height: 150%;
background-color: #191919;
cursor: pointer;
}
.collectionContainer .filters .product-filter .product-filter-drop-down .product-filter-option:hover {
background-color: #191919;
color: #000;
}
.collectionContainer .filters .product-filter .product-filter-drop-down .product-filter-option:first-child {
border-top: none;
}
/*! 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: #f9f9f9;
color: #444;
text-shadow: none;
padding: 0 !important;
border: 1px solid #191919;
}
.fancybox-opened {
z-index: 8030;
}
.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 "Helvetica Neue", 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,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
background-image: url('fancybox_sprite.png');
}
#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_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -50px;
right: 0px;
width: 50px;
height: 50px;
background-color: #191919;
cursor: pointer;
z-index: 8040;
}
.fancybox-close:before {
content: "x";
position: absolute;
top: 10px;
left: 18px;
font-size: 30px;
color: #fff;
text-transform: lowercase;
}
.fancybox-nav {
position: absolute;
top: 50%;
width: 50px;
height: 50px;
background-color: #191919;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
z-index: 8040;
}
.fancybox-prev {
left: -50px;
}
.fancybox-next {
right: -50px;
}
.fancybox-nav span {
position: absolute;
font-size: 30px;
color: #fff;
top: 9px;
left: 20px;
}
.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_overlay.png');
background: #000000; /* The Fallback */
background: rgba(0, 0, 0, 0.6);
}
.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 "Helvetica Neue", 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);
}
.page-contact li.subscribe label,
.page-catalogue li.subscribe label,
.page-service li.subscribe label, li.subscribe label {
margin-bottom: 15px;
}
.page-contact li.subscribe label::before,
.page-catalogue li.subscribe label::before,
.page-service li.subscribe label::before, li.subscribe label::before {
width: 30px;
height: 30px;
background: #b3b3b3;
margin-bottom: 2px;
margin-right: 10px;
content: '';
display: inline-block;
vertical-align: middle;
}
.page-contact li.subscribe .checked label::before,
.page-catalogue li.subscribe .checked label::before,
.page-service li.subscribe .checked label::before, li.subscribe .checked label::before {
background: #bab959 !important;
}
.page-contact li.subscribe .wpcf7-list-item.first.last input,
.page-catalogue li.subscribe .wpcf7-list-item.first.last input,
.page-service li.subscribe .wpcf7-list-item.first.last input, li.subscribe .wpcf7-list-item.first.last input {
display: none;
}
.single-event .input-field-subscribe_newsletter input[type=checkbox] {
visibility: hidden;
display:none
}
.single-event .input-field-subscribe_newsletter input[type=checkbox] + label{ margin-left:0 !important; }
.single-event .input-field-subscribe_newsletter input[type=checkbox] + label:before{
width: 30px;
height: 30px;
background: #b3b3b3;
margin-bottom: 2px;
margin-right: 10px;
content: '';
display: inline-block;
vertical-align: middle;
}
.single-event .input-field-subscribe_newsletter input[type=checkbox]:checked + label:before{
background: #bab959;
}
/*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,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
background-image: url('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_loading@2x.gif');
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/**** Isotope Filtering ****/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/*
Zebra_DatePicker: a lightweight jQuery date picker plugin
Default theme
copyright (c) 2011 - 2013 Stefan Gabos
http://stefangabos.ro/jquery/zebra-datepicker/
*/
.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before {
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
}
.Zebra_DatePicker {
position: absolute;
background: #191919;
border: 3px solid #191919;
display: none;
z-index: 100;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
}
.Zebra_DatePicker * {
margin: 0;
padding: 0;
color: #fff;
background: transparent;
border: none;
}
/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table {
border-collapse: collapse;
border-spacing: 0;
}
.Zebra_DatePicker td,
.Zebra_DatePicker th {
text-align: center;
padding: 5px 0;
}
.Zebra_DatePicker td {
cursor: pointer;
}
.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker {
margin-top: 3px;
}
.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td {
background: #262626;
width: 30px;
border: 1px solid #191919;
}
.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker .dp_header td {
color: #ffffff;
}
.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next {
width: 30px;
}
.Zebra_DatePicker .dp_header .dp_caption {
font-weight: bold;
}
.Zebra_DatePicker .dp_header .dp_hover {
background: #222;
color: #ffffff;
}
.Zebra_DatePicker .dp_header .dp_blocked {
color: #888;
cursor: default;
}
/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_daypicker th {
background: #ffcc33;
}
.Zebra_DatePicker td.dp_not_in_month {
background: #F3F3F3;
color: #CDCDCD;
cursor: default;
}
.Zebra_DatePicker td.dp_not_in_month_selectable {
background: #F3F3F3;
color: #CDCDCD;
cursor: pointer;
}
.Zebra_DatePicker td.dp_weekend {
background: #d8d8d8;
}
.Zebra_DatePicker td.dp_weekend_disabled {
color: #CCC;
cursor: default;
}
.Zebra_DatePicker td.dp_selected {
background: #bab959;
color: #ffffff !important;
}
.Zebra_DatePicker td.dp_week_number {
background: #FFCC33;
color: #555;
cursor: text;
font-style: italic;
}
/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td {
width: 33%;
}
/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td {
width: 33%;
}
/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_footer {
margin-top: 3px;
}
.Zebra_DatePicker .dp_footer .dp_hover {
background: #222;
color: #ffffff;
}
/* = SELECT CURRENT DAY
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_today {
color: #FFF;
padding: 3px;
}
/* = CLEAR DATE
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_clear {
color: #FFF;
padding: 3px;
}
/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current {
color: #bab959;
}
.Zebra_DatePicker td.dp_disabled_current {
color: #e38585;
}
.Zebra_DatePicker td.dp_disabled {
background: #F3F3F3;
color: #CDCDCD;
cursor: default;
}
.Zebra_DatePicker td.dp_hover {
background: #bab959;
color: #ffffff;
}
/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon {
display: block;
position: absolute;
width: 16px;
height: 16px;
background: url('calendar.png') no-repeat left top;
text-indent: -9000px;
border: none;
cursor: pointer;
padding: 0;
line-height: 0;
vertical-align: top;
}
button.Zebra_DatePicker_Icon_Disabled {
background-image: url('calendar-disabled.png');
}
/* don't set vertical margins! */
button.Zebra_DatePicker_Icon {
margin: 0 0 0 3px;
}
button.Zebra_DatePicker_Icon_Inside {
margin: 0 3px 0 0;
}
/* ==========================================================================
Helper classes
========================================================================== */
html,
* {
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
@font-face {
font-family: 'ilve';
src: url('../fonts/ilve.eot');
src: url('../fonts/ilve.eot?#iefix') format('embedded-opentype'), url('../fonts/ilve.svg#ilve') format('svg'), url('../fonts/ilve.ttf') format('truetype'), url('../fonts/ilve.woff') format('woff');
font-weight: normal;
font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
font-family: 'ilve';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-facebook:before {
content: "\e600";
}
.icon-twitter:before {
content: "\e601";
}
.icon-pintrest:before {
content: "\e602";
}
.icon-search:before {
content: "\e603";
}
.icon-youtube:before {
content: "\e604";
}
.icon-blog:before {
content: "\e605";
}
.icon-angle-right:before {
content: "\e606";
}
.icon-angle-left:before {
content: "\e607";
}
.icon-menu:before {
content: "\e608";
}
.icon-file-pdf:before {
content: "\e609";
}
.icon-download:before {
content: "\e60a";
}
.icon-pdf:before {
content: "\e60b";
}
.icon-cad:before {
content: "\e60c";
}
.icon-cross:before {
content: "\e60d";
}
.icon-alert:before {
content: "\e60e";
}
.icon-email:before {
content: "\e900";
}
.icon-book:before {
content: "\e901";
}
.icon-location-house:before {
content: "\e902";
}
.icon-location-target:before {
content: "\e903";
}
.icon-edit:before {
content: "\e904";
}
.icon-gear:before {
content: "\e905";
}
.icon-wrench:before {
content: "\e906";
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
.hidden,
.hide {
display: none;
visibility: hidden;
}
ul {
list-style-type: none;
padding: 0;
margin: 0;
}
ul li {
float: left;
}
a {
text-decoration: none;
display: block;
text-transform: uppercase;
}
.inner-wrapper {
max-width: 1224px;
margin: 0 auto;
position: relative;
}
.button,
.content-button {
background-color: #bab959;
border: 0;
height: 40px;
line-height: 40px;
padding: 0 50px;
font-size: 14px;
color: #2e2e2e;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
appearance:none;
-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
backface-visibility: hidden;
text-transform: uppercase;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.button:hover,
.content-button:hover {
background-color: #191919;
color: #fff;
}
.content-button {
display: block !important;
position: relative;
text-decoration: none;
width: 200px;
padding: 0;
text-align: center;
color: #2e2e2e !important;
}
.content-button:hover {
background-color: #191919;
color: #fff !important;
text-decoration: none !important;
}
.left {
float: left;
}
.right {
float: right;
}
.center {
margin: 0 auto;
display: table;
}
.bold {
font-weight: bold;
}
.no-margin {
margin: 0;
}
.mobileNavHeading,
.mobileNavButton,
.showMobile,
.home .breadcrumb {
display: none;
}
ul.item {
margin-bottom: 30px; /*.active {
color: #b7995c;
}*/
}
ul.item li {
float: none;
}
ul.item .location {
/*font-weight: bold;*/
text-transform: uppercase;
}
ul.item .email-link,
ul.item [href^="mailto:"] {
color: #b1b1b1;
}
.page-content {
font-family: helvetica;
font-size: 16px;
margin-bottom: 35px;
}
.page-content p {
margin: 0 0 20px 0;
}
.page-content p a {
color: #ffffff;
display: inline;
}
.page-content p a:hover {
text-decoration: underline;
}
/* Global Layout */
.layout .col {
float: left;
}
.layout-2cols .col-1-lvl1 {
width: 35%;
}
.layout-2cols .col-2-lvl1 {
width: 60%;
float: right;
margin-left: 5%;
}
html,
body {
overflow-x: hidden;
}
body {
font-size: 14px;
line-height: 150%;
background-color: #191919;
color: #fff;
padding: 0;
font-family: futura-book, Arial, sans-serif;
position: relative;
}
.wrapper {
background-color: #000;
position: relative;
z-index: 2;
}
.main {
max-width: 1224px;
margin-left: auto;
margin-right: auto;
background-color: #262626;
-webkit-transform: translateY(0);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
padding-top: 75px;
}
.width-1024 {
max-width: 1024px;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
a:active,
input:active,
textarea:active,
button:active,
a:hover,
input:hover,
textarea:hover,
button:hover,
a:focus,
input:focus,
textarea:focus,
button:focus {
outline: transparent none 0;
}
.header-image-container {
background: #000;
}
.page-recipes .header-image img {
width: auto;
}
.header-image {
vertical-align: bottom;
margin: 0 auto;
}
h1,
a .h1 {
margin: 0 0 40px 0;
font-size: 30px;
font-weight: normal;
font-family: futura-book, Arial, sans-serif;
text-transform: uppercase;
}
a .h1 {
color: #ededed;
}
a .h1:hover {
border-bottom: 1px solid #fff;
color: #fff;
}
/*************************************************************/
/*************************************************************************************/
/************ EDITEBLE START *********************************************************/
/*NEW HEADER START*/
.own-wrap {
max-width: 1900px;
}
.own-header {
/*border: 1px solid red;*/
top:0;
left:0;
position: fixed;
background: rgba(0,0,0,.7);
width: 100%;
z-index: 4000 !important;
}
.own-headerdark{
background:#000000 !important;
}
.own-header > .nav-bottom{
background: transparent;
height: 75px;
line-height: 75px;
}
/*****/
.own-header .nav-bottom-container {
max-width: 1900px;
padding: 0px;
position:relative;
}
.own-header > .nav-bottom .own-head-logo{
float:left;
width:25%;
box-sizing: border-box;
}
/***/
/*
.own-header > .nav-bottom .own-mn-search-blk{
float: right;
width:16%;
box-sizing: border-box;
}
*/
.own-mn-search-blk .own-search-blk .form-group{
float: left;
width:100%;
text-align: right;
}
.own-mn-search-blk .own-search-blk .form-group .form-fill{
background: #393b39;
color: #ffffff;
border: none;
padding: 5px 10px;
font-size: 12px;
/*width:80%;*/
}
.own-mn-search-blk .own-search-blk .own-btn{
background: url('../images/search-icon.svg')no-repeat center center;
border: none;
width:30px;
text-indent: -100px;
overflow: hidden;
}
/********/
.own-header > .nav-bottom .own-head-menu {
float: left;
}
/********/
.nav-bottom .col {
position: static;
}
.own-header > .nav-bottom .logo{
float: left;
background-color: transparent;
padding: 12px;
height: 50px;
margin: 0px;
display: inline-block;
position: relative;
}
.own-header > .nav-bottom .logo:before{
display: none;
}
.own-header > .nav-bottom .logo img {
width: 100px;
height: auto;
}
.own-header > .nav-bottom .own-brnd-lbl{
border-left: 2px solid #ffffff;
font-family: 'FuturaBQ-Bold';
font-size: 18.36px;
padding: 10px;
}
/*.own-mn-search-blk .own-mn-search-blk{
border:1px solid red;
}*/
/**********************/
/*NEW HEADER END*/
@media (min-width:1025px) {
.own-header .product_categories_menu .sub-menu-wrapper {
max-width: 1900px;
margin-top: -2px;
height: 100vh;
}
.own-header .product_categories_menu .sub-menu {
padding: 0px 50px;
height: 100%;
}
.own-header .product_categories_menu .sub-menu .menu-item {
width: 16.5%;
padding: 20px;
}
.own-header .product_categories_menu .sub-menu .menu-item a{
line-height: normal;
padding-bottom:20px;
}
.own-header .nav-bottom-container .mainNav .product_categories_menu .sub-menu-wrapper{
max-height: inherit;
display: none;
}
.own-header .nav-bottom-container .mainNav .product_categories_menu li:hover .sub-menu-wrapper{
display: block;
}
.own-header .nav-bottom-container .mainNav .product_categories_menu .sub-menu-wrapper .sub-menu li{
width: 12.5%;
padding: 30px 35px;
}
}
@media (min-width:1300px) {
.own-header .nav-bottom-container .mainNav .product_categories_menu .sub-menu-wrapper .sub-menu li{
width: 12.5%;
padding: 7px 35px;
}
}
/************ HEADER MEDIA STRAT **********/
@media (min-width:950px) {
.own-header > .nav-bottom .own-head-logo{
width:33.33%;
}
/***/
.own-header > .nav-bottom .own-mn-search-blk{
width:100%;
background: #2c2c2d;
}
.own-mn-search-blk .own-search-blk .form-group{
height: 40px;
float: right;
line-height: 40px;
}
/********/
.own-header > .nav-bottom .own-head-menu {
width: 66.66%;
position: inherit;
}
}
@media (max-width:1180px) {
.own-header nav.mainNav {
float: right !important;
}
.own-header .main_menu_wrapper ul.main_menu > li > a{
padding: 0 6px;
}
.own-header .main_menu_wrapper ul li:last-child ul.sub-menu{
right:0;
}
}
@media (max-width:1035px) {
.own-header > .nav-bottom .own-brnd-lbl{
font-size: 15px;
}
}
@media (max-width:320px) {
.own-header > .nav-bottom .own-brnd-lbl{
font-size: 11px;
}
}
@media (min-width:650px){
.own-header .nav-top{
display: none;
}
.own-header .main_menu_wrapper ul li:hover a,
.own-header .main_menu_wrapper ul li:focus a,
.own-header .product_categories_menu .menu-item-has-children:hover > a{
background-color:#101010;
}
.own-header .main_menu_wrapper ul li ul li a:hover{
background-color:#000000;
}
.own-header .nav-bottom-container .mainNav .product_categories_menu .sub-menu-wrapper .sub-menu li a{
position:relative;
}
.own-header .nav-bottom-container .mainNav .product_categories_menu .sub-menu-wrapper .sub-menu li a:hover{
background-color:transparent;
}
.own-header .nav-bottom-container .mainNav .product_categories_menu .sub-menu-wrapper .sub-menu li a:after{
position:absolute;
width:10px;
height:10px;
content:"";
background-color:#fff;
left:50%;
bottom:0;
z-index:10;
opacity:0;
border-radius:100%;
-webkit-border-radius:100%;
transform:translateX(-50%);
-webki-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
}
.own-header .nav-bottom-container .mainNav .product_categories_menu .sub-menu-wrapper .sub-menu li a:hover:after{
bottom:-20px;
opacity:1;
}
}
@media (max-width:955px){
.own-header > .nav-bottom .own-head-logo{
width:50%;
}
/***/
.own-header > .nav-bottom .own-head-menu .product_categories_menu .sub-menu-wrapper{
overflow: auto;
}
/********/
.own-header{
background-color: #000;
}
.own-header > .nav-bottom .own-head-menu {
width: 100%;
background: #2c2c2d;
position: relative;
}
.own-header > .nav-bottom .own-head-menu .mobileNavButton{
position: fixed;
top:0;
}
.own-footer-bottom{
margin-bottom: 0 !important;
}
/******/
.own-mn-connect-blk .own-ttl-blk .own-right{
padding-top: 25px;
}
.own-mn-connect-blk .own-ttl-blk .own-left h3{
font-size: 35px !important;
}
.own-mn-connect-blk .own-ttl-blk .own-right ul li{
padding:20px 8px 0 8px !important;
}
}
@media (max-width:650px){
.main.own-main .top-mn-banner-blk .own-bnner-blk .own-banner-back-blk figure{
background-position: center 60px !important;
}
.own-header > .nav-bottom .own-head-menu .mobileNavButton{
top:-74px;
}
.own-header,.own-header > .nav-bottom .own-head-menu .mobileNavButton{
position:absolute;
}
.own-header .nav-top{
display: none;
}
.own-header .nav-bottom{
display: block;
}
.own-header .product_categories_menu .sub-menu-wrapper {
overflow: auto;
}
.own-header > .nav-bottom .own-mn-search-blk{
display: none;
}
.own-header > .nav-bottom .own-head-logo{
width:100%;
}
.own-header > .nav-bottom .logo{
text-align: center;
float: left;
margin: 0 auto;
display: block;
width: 100px;
position:relative;
margin-right:10px;
}
.own-header > .nav-bottom .logo:after{
content:"";
position:absolute;
width:2px;
height:30px;
background:#fff;
right:0;
top:48%;
transform:translateY(-50%)
}
.own-header > .nav-bottom .own-brnd-lbl{
text-align: center;
border:none;
display: block;
float: left;
text-align: center;
border: none;
display: inline-block;
line-height: 72px;
padding: inherit;
/*border:1px solid red;*/
}
.own-header .own-head-menu .mobileNavButton{
padding: 28px 16px;
height: 75px;
line-height: 75px;
}
.own-header .product_categories_menu .sub-menu{
background: #494949 !important;
padding: 10px 20px !important;
}
.own-mn-grid-blk{
padding-top: 20px !important;
padding-bottom:0 !important;
}
.own-mn-grid-blk .own-item-blk{
margin-bottom:15px !important;
}
/***/
}
@media (max-width:1024px){
.own-header .main_menu_wrapper ul.main_menu > li > a {
padding: 0 6px;
font-size: 14px;
}
}
@media (max-width:650px){
.own-header .main_menu_wrapper ul.main_menu > li > a {
padding-left: 8px;
padding-right: 8px;
font-size: 12px
}
.mainScrollSection .scroll-section{
height:667px;
}
}
@media (min-width:1900px){
.own-header .main_menu_wrapper ul.main_menu > li > a ,
.own-header > .nav-bottom .own-head-menu .product_categories_menu .menu-item-has-children > a{
padding: 0 33px;
}
}
@media (max-width:1366px){
.main.own-main .top-mn-banner-blk .own-bnner-blk .own-banner-back-blk .own-over-blk .over-content img{
width:700px;
}
}
@media (min-width:1193px){
.own-header > .nav-bottom .own-head-logo{
width:32%;
/*border:1px solid red;*/
}
/***/
.own-header > .nav-bottom .own-mn-search-blk{
width:15%;
float: right;
text-align: right;
padding-right: 10px;
line-height: 76px;
background:transparent;
/*border:1px solid red;*/
}
.own-mn-search-blk .own-search-blk .form-group {
line-height: inherit;
height: inherit;
}
/********/
.own-header > .nav-bottom .own-head-menu {
width: 53%;/* 45% */
background:transparent;
}
.own-header .main_menu_wrapper ul.main_menu > li > a ,
.own-header > .nav-bottom .own-head-menu .product_categories_menu .menu-item-has-children > a{
padding: 0 6px;
}
.own-mn-search-blk .own-search-blk .form-group .form-fill{width:67%;}
}
@media (min-width:1280px){
.own-header .product_categories_menu .sub-menu {
padding: 0px 10px;
height: 100%;
}
.own-header .product_categories_menu .sub-menu .menu-item {
padding-top:20px ;
padding-bottom:20px;
}
.own-header .product_categories_menu .sub-menu .menu-item a{
line-height: 20px;
padding-bottom:20px;
}
}
@media (min-width:1365px){
.own-header .main_menu_wrapper ul.main_menu > li > a ,
.own-header > .nav-bottom .own-head-menu .product_categories_menu .menu-item-has-children > a{
padding: 0 16px;
}
}
@media (min-width:1368px){
.own-header .product_categories_menu .sub-menu .menu-item {
padding-top:50px!important;
padding-bottom:50px !important;
}
.own-header .main_menu_wrapper ul.main_menu > li > a ,
.own-header > .nav-bottom .own-head-menu .product_categories_menu .menu-item-has-children > a{
padding: 0 12px;
}
}
@media (min-width:1600px){
.own-header .product_categories_menu .sub-menu .menu-item {
padding-top:15px!important;
padding-bottom:15px !important;
}
}
@media (min-width:1650px){
.own-header .main_menu_wrapper ul.main_menu > li > a ,
.own-header > .nav-bottom .own-head-menu .product_categories_menu .menu-item-has-children > a{
padding: 0 18px;
}
}
@media (min-width:3000px){
.own-header .main_menu_wrapper ul.main_menu > li > a ,
.own-header > .nav-bottom .own-head-menu .product_categories_menu .menu-item-has-children > a{
padding: 0 16px;
}
}
/************ HEADER MEDIA END **********/
/*************************************/
/*********** MAIN START**********************************/
.main.own-main{
max-width: 1900px;
height: 100% ;
padding-top: 0;
}
.main.own-main .mainScrollSection > .scroll-section{
max-height:980px;
}
.main.own-main .top-mn-banner-blk,
.main.own-main .top-mn-banner-blk .row{
height: 100%;
/*border: 1px solid transparent;*/
}
.main.own-main .top-mn-banner-blk .row{
border: 1px solid transparent
}
.main.own-main .top-mn-banner-blk .own-bnner-blk{
height: 100%;
float: none;
display: block;
}
.main.own-main .top-mn-banner-blk .own-bnner-blk .own-banner-back-blk{
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
max-height:978px;
}
.main.own-main .top-mn-banner-blk .own-bnner-blk .own-banner-back-blk .own-over-blk{
position: absolute;
top: 0;
width: 100%;
bottom: 0;
left:0;
background: rgba(0,0,0,.3);
z-index: 3000;
}
.main.own-main .top-mn-banner-blk .own-bnner-blk .own-banner-back-blk .own-over-blk .over-cntnt-bdy-blk{
position: relative;
height: 100%;
width: 100%;
}
.main.own-main .top-mn-banner-blk .own-bnner-blk .own-banner-back-blk .own-over-blk .over-content{
position: absolute;
width:100%;
left:0;
bottom: 50px;
text-align: center;
}
.main.own-main .top-mn-banner-blk .own-bnner-blk .own-banner-back-blk .own-over-blk .over-content .to-next{
padding-top: 200px;
}
.main.own-main .top-mn-banner-blk .own-bnner-blk .own-banner-back-blk .own-over-blk .over-content .to-next a{
color: #ffffff;
font-size: 16px;
min-width: 200px;
max-width: 100%;
/* height: 20px; */
line-height: 30px;
display: inline-block;
text-transform: uppercase;
}
.main.own-main .top-mn-banner-blk .own-bnner-blk .own-banner-back-blk figure{
height: 100%;
background-size: cover !important;
position: relative;
z-index: -1px;
}
.main.own-main .top-mn-banner-blk .own-bnner-blk .own-banner-back-blk .looping_video{
position: absolute;
top:0;
width: 100%;
left: 0;
display: block;
border:none;
}
.main.own-main .top-mn-banner-blk .own-bnner-blk .own-banner-back-blk .looping_video > video{
height: 100%;
width:100%;
display: block;
}
@media (max-width:450px){
.own-mn-grid-blk .own-item-blk .own-over-blk h3{
font-size: 20px !important;
}
.main.own-main .top-mn-banner-blk .own-bnner-blk .own-banner-back-blk .own-over-blk .over-content .to-next{
padding-top: 120px;
}
.main.own-main .top-mn-banner-blk .own-bnner-blk .own-banner-back-blk .own-over-blk .over-content img{
max-width: 85%;
}
.own-mn-connect-blk .own-ttl-blk .own-right ul li{
padding: 20px 4px 0 4px !important;
}
.own-detail-bnnr-blk .own-bnnrimgdetail-blk .own-disc-blk{
padding-right:0 !important;
}
}
@media (max-width:320px){
.main.own-main .top-mn-banner-blk .own-bnner-blk .own-banner-back-blk .own-over-blk .over-content .to-next{
padding-top: 100px;
}
.own-mn-connect-blk .own-ttl-blk .own-right ul li{
padding: 22px 26px 0 10px;
}
.own-mn-connect-blk .own-bdy-blk{
}
}
/********* GRID START*********************/
/*********************************************/
/**** GRID SIZING AND ALIMENT START ******/
.wt55{
width: 55% !important;
}
.ht367{
height: 367px;
}
.ht294{
height: 294px;
}
.ht614{
height: 614px;
}
.ht410{
height: 410px;
}
.ht550{
height: 550px;
}
/** MOBY HEIGHT START **/
@media (max-width:450px){
.mbyht320{
height: 320px
}
.mbyht172{
height: 172px
}
.mbyht468{
height: 468px
}
}
/** MOBY HEIGHT END **/
/************/
/***VL BOTTOM START *****/
.vl-bottom{
vertical-align: bottom !important;
}
.vl-bottom div{
display: table;
width:100%;
vertical-align: bottom;
}
.vl-bottom div span{
vertical-align: bottom;
/*border:1px solid red;*/
display: table-cell;
}
.vl-bottom div span p{
margin-bottom: 0!important;
}
.vl-bottom span:nth-child(1){
width:70%;
text-align: left;
}
.vl-bottom span:nth-child(2){
text-align: right;
}
@media (max-width:650px) {
.own-mn-grid-blk .own-item-blk .own-over-blk p{
margin:0 !important;
}
.vl-bottom div{
display:block;
}
.vl-bottom div span,
.vl-bottom div span.wt55{
vertical-align: bottom;
display: block;
width:100% !important;
text-align:left !important;
}
.grid-btn{
margin-top:15px;
}
/********/
.own-full .vl-bottom div span{
text-align:right !important;
}
/**** SOCIAL BLOCK ******/
.own-mn-connect-blk{
text-align:center;
}
.own-mn-grid-blk .own-mn-connect-blk .own-left{
padding-right: 0;
}
.own-mn-connect-blk .own-ttl-blk .own-right ul{
text-align:center !important;
}
.own-mn-connect-blk .own-ttl-blk .own-right ul li{
float:none !important;
display:inline-block;
padding: 20px 7px 0 7px !important;
}
}
@media (min-width:768px) and (max-width:800px){
.main.own-main .top-mn-banner-blk .own-bnner-blk .own-banner-back-blk figure{
background-position:center 140px !important;
}
}
/***VL BOTTOM END *****/
/************/
/**********/
/***VL TOP-BOTTOM START *****/
.vl-top-bottom{
vertical-align: baseline;
}
.vl-top-bottom div{
display: table;
width:100%;
height: 100%;
}
.vl-top-bottom div span p{
margin: 0;
}
.vl-top-bottom span:nth-child(1){
width:100%;
text-align: left;
display: table-row;
vertical-align: top;
}
.vl-top-bottom span:nth-child(2){
width:100%;
text-align: left;
display: table-cell;
vertical-align: bottom;
}
/***VL TOP-BOTTOM END *****/
/************/
/**********/
/***VL TOP START *****/
.vl-top{
vertical-align: top !important;
}
.vl-top div{
display: table;
width:100%;
}
.vl-top span{
text-align: left;
display: table-row;
}
.vl-top div span h3,
.vl-top div span p{
margin: 0;
}
/***VL TOP END *****/
/************/
/******/
/**** GRID SIZING AND ALIMENT END ******/
/*********************************************/
.own-mn-grid-blk{
/*padding-top: 163px;*/
padding-top: 105px;
padding-bottom: 80px;
/*background: #282825;*/
background-color: #101010;
}
.page-new-home .own-mn-grid-blk{
/*background:#151a14 url('../images/menu_bg.jpg')no-repeat center center fixed!important;*/
background-size:cover !important;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.own-mn-grid-blk .own-full .tbl-cell{
}
.own-mn-grid-blk .own-left{
padding-right: 14px;
}
.own-mn-grid-blk .own-right{
padding-left: 14px;
}
.own-mn-grid-blk .own-item-blk{
position: relative;
margin-bottom: 28px;
/*border: 1px solid red;*/
padding: 0;
overflow:hidden;
}
.own-mn-grid-blk .own-item-blk figure{
height: 100%;
width:100%;
background-size: cover !important;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
}
.own-mn-grid-blk .own-item-blk:hover figure{
transform:scale(1.04,1.04);
-webkit-transform:scale(1.04,1.04);
-moz-transform:scale(1.04,1.04);
-ms-transform:scale(1.04,1.04);
-o-transform:scale(1.04,1.04);
}
.own-mn-grid-blk .own-item-blk .own-over-blk{
position: absolute;
top: 0;
height: 100%;
text-align: center;
left: 0;
width: 100%;
z-index:100;
color: #fff;
}
.own-mobivdo-blk{
display: none;
}
.looping_video {
position: relative;
height: 0;
padding-bottom: 56.25%;
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
}
.looping_video-videos {
position: absolute;
z-index: 1;
left: -3px;
top: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 101%;
height: 101%;
}
@media (max-width:800px){
.own-vdo-blk{
display: block;
padding-bottom: 56.25%;
}
.own-mobivdo-blk{
display: none;
}
.own-vdo-blk .looping_video-videos{
width:164%;
left:-30%;
display: block;
}
}
@media (min-width:800px){
.own-full .own-vdo-blk{
display: block;
padding-bottom: 34.25%;
}
.ht614 .own-vdo-blk {
padding-bottom: 0;
}
}
@media (max-width:1366px){
.own-vdo-blk{
display: block;
padding-bottom: 35.25%;
}
.ht614 .own-vdo-blk {
padding-bottom: 0;
}
.own-vdo-blk .looping_video-videos{
width:104%;
left:-3%;
display: block;
}
}
@media (max-width:800px){
.own-full .own-vdo-blk{
display: block;
padding-bottom: 56.25%;
}
.own-mobivdo-blk{
display: none;
}
.own-vdo-blk .looping_video-videos{
width:164%;
left:-30%;
display: block;
}
.ht614 .own-vdo-blk .looping_video-videos{
width:140%;
}
}
@media (max-width:650px){
.own-vdo-blk{
display: none;
}
.own-mobivdo-blk{
display: block;
padding-bottom: 105.25% !important;
}
.own-mobivdo-blk .looping_video-videos{
width:200%;
left:-50%;
display: block;
}
}
/*}
@media (max-width:650px){
.own-vdo-blk{
display: none;
}
.own-mobivdo-blk{
display: block;
padding-bottom: 105.25% !important;
}
.own-mobivdo-blk .looping_video-videos{
width:200%;
left:-50%;
display: block;
}
}*/
.own-mn-grid-blk .own-item-blk .own-over-blk .tbl-cell{
padding: 25px 20px;
}
.own-mn-grid-blk .own-item-blk .own-over-blk h3{
font-family: 'FuturaBQ-Bold';
font-size: 30px;
line-height: 35px;
text-transform: uppercase;
margin: 0 0 5px 0;
}
.own-mn-grid-blk .own-item-blk .own-over-blk p{
margin-bottom: 17px;
font-size: 16px;
text-transform: none;
margin-top:0;
}
.own-mn-grid-blk .own-item-blk .own-over-blk .grid-btn{
border:2px solid #fff;
display: inline-block;
color: #fff;
line-height: normal;
padding:5px 8px;
text-transform: uppercase;
transition: all 333ms;
font-size: 12.34px;
cursor: inherit;
}
.own-mn-grid-blk .own-item-blk .own-over-blk .grid-btn:hover{
background: rgba(225,225,225,.3);
}
/***********/
/***** CONNECT WIDTH US START ************/
/*
.own-mn-connect-blk{
}*/
.own-mn-connect-blk .own-ttl-blk .own-left h3{
font-family: 'FuturaBQ-Bold';
font-size: 40px;
line-height: normal;
margin-bottom: 0px;
}
.own-mn-connect-blk .own-ttl-blk .own-left p{
font-size: 16px;
}
.own-mn-connect-blk .own-left .nwsltrbtn{
margin-bottom: 20px;
}
.own-mn-connect-blk .own-ttl-blk .own-right ul.own-soci-blk{
height: 100%;
vertical-align: bottom;
text-align: right;
float:right;
}
.own-mn-connect-blk .own-ttl-blk .own-right ul li{
padding: 70px 10px 0 10px;
/*border: 1px solid red;*/
position: relative;
/*overflow: hidden !important;*/
}
@media (min-width:1024px){
.own-mn-connect-blk .own-ttl-blk .own-right ul li{
padding: 70px 3px 0 10px;
}
}
.own-mn-connect-blk .own-ttl-blk .own-right ul li a {
display: inline-block;
background-size: contain !important;
}
.own-mn-connect-blk .own-ttl-blk .own-right ul li a figure{
background-size: cover;
width: 33px;
height: 33px;
box-sizing: border-box;
}
.own-mn-connect-blk .own-ttl-blk .own-right ul li:last-child{
padding-bottom: 0px;
}
.own-mn-connect-blk .own-ttl-blk .own-right ul li img{
vertical-align: baseline;
overflow: hidden !important;
}
.own-mn-connect-blk .own-ttl-blk .own-right ul li:after{
content: "";
position: absolute;
width: 8px;
height: 8px;
border-radius: 100%;
background: #fff;
bottom: 10px;
left:50%;
transform: translateX(-50%);
opacity: 0;
transition: all 333ms;
}
.own-mn-connect-blk .own-ttl-blk .own-right ul li:hover:after{
bottom: -10px;
opacity: 1;
}
/*****/
.own-mn-connect-blk .own-bdy-blk{
border-top:1px solid #fff;
margin-top: 20px;
padding-top: 25px;
}
.own-mn-connect-blk .own-bdy-blk .own-left,
.own-mn-connect-blk .own-bdy-blk .own-right{
/*border:1px solid red;*/
padding: 0;
}
.own-mn-connect-blk .own-bdy-blk .item-blk{
padding: 0 12px;
margin-bottom: 25px;
position: relative;
/*border:1px solid red;*/
/*overflow: hidden;*/
}
.own-mn-connect-blk .own-bdy-blk .item-blk .over-blk{
padding: 20px;
position: absolute;
left: 12px;
right: 12px;
bottom: 0;
text-align: right;
z-index: 10;
/*border:1px solid red;*/
}
/*ANIMATION ICON START*/
.own-mn-connect-blk .own-bdy-blk .item-blk .over-blk img{
transition: all 333ms;
}
.own-mn-connect-blk .own-bdy-blk .item-blk:hover img{
margin-right:8px;
}
/*ANIMATION ICON END*/
.own-mn-connect-blk .own-bdy-blk .item-blk figure{
height: 100%;
position: relative;
width:100%;
background-size: cover !important;
box-sizing: border-box;
padding: 20px;
overflow: hidden;
}
@media (max-width:450px){
.own-mn-connect-blk .own-left .tbl{
display: block !important;
}
.own-mn-connect-blk .own-left .tbl .tbl-cell{
display: block !important;
}
.own-mn-connect-blk .own-left .nwsltrbtn{
margin: 20px 0;
width: auto !important;
}
.own-mn-connect-blk .own-ttl-blk .own-right{
padding-top: 0;
}
.moby-hddn{
display:none;
}
.own-mn-connect-blk .own-ttl-blk .own-left h3{
margin-bottom:10px;
}
.own-mn-connect-blk .own-ttl-blk .own-right ul.own-soci-blk{
border-top:1px solid #fff;
}
.own-mn-connect-blk .own-bdy-blk{
border-top:none;
padding-top: 0px;
}
.own-mn-connect-blk .own-bdy-blk .own-subscribnote-blk{
margin-bottom:20px;
}
}
/** SMALL GRID START */
.ht340{
height: 340px;
}
.ht152{
height: 152px;
}
.ht161{
height: 161px;
}
.ht134{
height: 134px;
}
.ht180{
height: 180px;
}
.atfirst{
padding: 0 12px 0 0 !important;
}
.own-mn-connect-blk .own-bdy-blk .item-blk.atfirst .over-blk{
left:0 ;
}
.atlast{
padding: 0 0 0 12px !important;
}
.own-mn-connect-blk .own-bdy-blk .item-blk.atlast .over-blk{
right:0 ;
}
/***** CONNECT WIDTH US END ************/
/***********/
.own-mn-connect-blk .own-subscribnote-blk{
border-top:1px solid #fff;
border-bottom:1px solid #fff;
text-align: center;
}
.own-mn-connect-blk .own-subscribnote-blk h3,
.own-mn-connect-blk .own-subscribnote-blk h3 a{
font-size: 18px;
color:#fff;
text-transform: uppercase;
}
/*************************************/
/*********** MAIN END**********************************/
body.single .houzzzy > iframe{
border: 1px solid red !important;
position: absolute;
height: 20px;
left: 0;
text-indent: -20% !important;
transform: scale(7);
left: 76px;
opacity: 0;
}
/*******************/
/***** GENERIC PAGE START********/
.page-template-generic-page,
.page-template-generic-page .main,
.page-template-generic-page .own-mn-grid-blk{
background-color:#000000;
}
/*DETAILE BANNER START*/
.own-detail-bnnr-blk{
height: 100%;
/*border: 1px solid red;*/
padding-bottom: 100px;
overflow: hidden;
margin-top:80px;
padding-top: 80px;
position: relative;
}
.own-detail-bnnr-blk figure.own-backbg-blk{
position: absolute;
top:0;
left:0;
width:100%;
height: 100%;
display: block;
background-size: cover !important;
z-index: 0;
}
.own-detail-bnnr-blk figure.own-backbg-blk + .row{
position: relative;
z-index: 1;
}
.own-detail-bnnr-blk figure.own-backbg-blk {
background-size: inherit !important;
height: 100%;
width:100%;
}
.own-detail-bnnr-blk .own-bnnrimg-blk{
float: right;
box-sizing: border-box;
text-align: center;
}
/** BANNER VIDEO START **/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/** BANNER VIDEO END **/
.own-detail-bnnr-blk .own-bnnrimg-blk figure img{
max-width: 100%;
}
.own-detail-bnnr-blk .own-bnnrimgdetail-blk{
float: left;
box-sizing: border-box;
}
.own-detail-bnnr-blk .own-bnnrimgdetail-blk h1{
font-size: 49px;
text-transform: uppercase;
line-height: 52px;
font-family: 'FuturaBQ-Bold';
margin-bottom: 10px;
}
.own-detail-bnnr-blk .own-bnnrimgdetail-blk p.subttl{
font-size:14px;
text-transform: uppercase;
margin-bottom: 40px;
}
.own-detail-bnnr-blk .own-bnnrimgdetail-blk .own-disc-blk{
padding-right: 100px;
}
.own-detail-bnnr-blk .own-bnnrimgdetail-blk .own-disc-blk p{
margin-bottom: 15px;
}
.own-detail-bnnr-blk .own-bnnrimgdetail-blk .own-disc-blk p:last-child{
margin-bottom: 0;
}
/*DETAILE BANNER END*/
@media (max-width:450px){
.own-detail-bnnr-blk figure.own-backbg-blk{
background-size:100% !important;
}
.own-detail-bnnr-blk .own-bnnrimg-blk figure img{
width:80%;
}
.own-detail-bnnr-blk .own-bnnrimgdetail-blk{
padding:20px 0;
}
.own-detail-bnnr-blk .own-bnnrimgdetail-blk h1{
font-size:42px;
}
.own-detail-bnnr-blk{
padding-bottom: 20px ;
padding-top:40px;
}
.home p{
margin-bottom:10px!important;
}
}
@media (max-width:400px){
.own-detail-bnnr-blk .own-bnnrimgdetail-blk h1{
font-size:30px;
line-height:35px;
}
}
.own-generic-relative-blk{
/*border:1px solid green;*/
padding-top: 0;
}
.own-generic-relative-blk .own-relative-ttl-blk{
border-top:1px solid #fff;
text-align: center;
vertical-align: middle;
height: 100%;
margin-top: 30px;
}
.own-generic-relative-blk .own-relative-ttl-blk h3{
font-size: 18px;
/*line-height: 20px;*/
margin: 25px 0 19px 0;
}
.own-generic-relative-blk .own-relative-ttl-blk h3 img{
vertical-align: middle;
margin:-5px 10px 0 10px;
}
@media (max-width:450px){
.own-generic-relative-blk .own-relative-ttl-blk h3 img{
margin:10px 10px 0 10px;
}
}
.own-generic-relative-blk .relative-bdy-blk{
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding-top: 30px;
}
.own-generic-relative-blk .relative-bdy-blk .own-item-blk .own-over-blk {
background: rgba(0,0,0,.4);
}
.page-template-generic-page .footer-top{
position: relative;
}
.own-footer .social-links a.icon-facebook{
border-left:1px solid #000;
}
.own-footer .social-links a.icon-youtube, .own-footer .social-links a.icon-blog{
width: 20% !important;
/*border: 1px solid red*/
}
@media (min-width:769px) and (max-width:1025px){
.own-footer .newsletter-subscribe-container{
width:50% !important;
}
.own-footer .social-links{
width:50% !important;
}
}
/***** GENERIC PAGE END********/
/****************/
.own-mn-search-blk{
float: right;
box-sizing: border-box;
}
.own-head-menu{
float: left;
box-sizing: border-box;
}
/***************** MEDIA START ******************************************/
img{
max-width: 100%;
}
@media (max-width: 991px){
.own-mn-grid-blk .own-left,
.own-mn-grid-blk .own-right{
padding: 0;
}
.atfirst,
.atlast{
padding: 0 12px !important;
}
.own-wrap{
padding: 0 15px !important;
}
}
@media (min-width:0px) {
.own-wrap{
padding-left:15px;
padding-right:15px;
}
}
/*************************************************************/
/*************************************************************************************/
/************ EDITEBLE *********************************************************/
header.width-980 {
width: 100%;
background-color: black;
margin: 15px auto 10px auto;
padding: 0;
}
header.width-980 .topHeaderRight {
margin-top: 14px;
}
.home header {
margin-bottom: 0;
}
.breadcrumb {
margin-bottom: 30px;
text-transform: uppercase;
}
.breadcrumb a {
display: inline;
display: inline-block;
text-transform: uppercase;
font-size: 12px;
text-decoration: none;
color: #fff;
}
.breadcrumb .seperator {
color: #fff;
}
.page-content {
margin: 0px auto;
max-width: 1024px;
padding: 40px 15px;
}
/***********/
.page-home .page-content {
max-width: 1224px;
padding: 0;
}
.page-home .title-container,
.page-home .header-image-container {
display: none;
}
.page-home.search .page-content {
margin: 0px auto;
max-width: 1024px;
padding: 40px 15px;
}
.page-home.search .title-container,
.page-home.search .header-image-container {
display: block;
}
.title-container {
background-color: #191919;
text-align: center;
padding: 30px 0;
}
.title-container h1 {
margin: 30px 0 0 0;
line-height: 40px;
}
.page-class-bookings .main,
.page-newsletter-signup .main {
position: relative;
z-index: 2;
}
.table {
display: table;
width: 100%;
}
.table-cell {
display: table-cell;
}
.table--half .table-cell {
width: 50%;
}
.nav-top {
width: 100%;
height: 50px;
line-height: 50px;
background-color: #191919;
}
.nav-top #menu-topnav li:first-child {
margin-left: 0;
}
.nav-top ul li {
margin-left: 60px;
}
.nav-top ul li a {
color: #8c8c8c;
font-size: 14px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.nav-top ul li a:hover {
color: #fff;
}
.nav-top .menu-topnav-container {
float: left;
margin-right: 60px;
}
.nav-top form {
float: left;
position: relative;
width: 280px;
}
.nav-top form div {
display: block;
margin-left: 30px;
width: 0;
overflow: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.nav-top form div input[type="text"] {
border: 1px solid #8c8c8c;
background-color: transparent;
height: 35px;
width: 250px;
padding: 0 10px;
font-size: 14px;
color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.nav-top form div input[type="text"]:focus {
outline: none;
}
.nav-top form .icon-search {
position: absolute;
top: 16px;
left: 0;
color: #8c8c8c;
font-size: 18px;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.nav-top form .icon-search:hover {
color: #fff;
}
.nav-top form.active-search div {
width: 100%;
}
.nav-bottom {
position: relative;
width: 100%;
height: 80px;
line-height: 80px;
background-color: #2c2c2d;
}
.nav-bottom nav {
overflow: visible;
float: left;
}
.nav-bottom .logo {
float: right;
background-color: #191919;
padding: 0 35px 15px 35px;
height: 80px;
margin-top: -15px;
position: relative;
}
.nav-bottom .logo:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 4px;
background-color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.nav-bottom .logo:hover:before {
width: 100%;
}
.nav-bottom .logo img {
width: 164px;
height: 62px;
}
.nav-top-container,
.nav-bottom-container {
max-width: 1040px;
margin: 0 auto;
}
.main_menu > .menu-item-has-children > a {
cursor: default;
}
.main_menu_wrapper ul li {
float: none;
position: relative;
display: inline-block;
vertical-align: top;
}
.main_menu_wrapper ul li a {
padding: 0 30px;
color: white;
font-size: 16px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.main_menu_wrapper ul li ul {
position: absolute;
background-color: #2c2c2d;
width: 220px;
z-index: 6;
margin-left: 0px;
overflow: hidden;
opacity: 0;
visibility: hidden;
height: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.main_menu_wrapper ul li ul li {
float: none;
display: block;
padding: 0;
margin: 0;
width: 100%;
}
.main_menu_wrapper ul li ul li a {
line-height: 20px;
font-size: 13px;
padding: 8px 20px;
color: #fff;
display: block;
font-weight: normal;
margin: 0;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.main_menu_wrapper ul li ul li a:hover {
background-color: #191919;
color: #fff;
}
.main_menu_wrapper ul li:hover a,
.main_menu_wrapper ul li:focus a {
background-color: #494949;
}
.main_menu_wrapper ul li:hover > ul,
.main_menu_wrapper ul li:focus > ul {
opacity: 1;
visibility: visible;
height: auto;
}
.main_menu_wrapper ul li:first-child {
margin-left: 0;
}
.mainNav .menu-topnav-container {
display: none;
}
.home .mainNav {
border-bottom: 0;
}
.main_menu_wrapper {
display: inline-block;
vertical-align: top;
}
@media screen and (max-width:1279px) and (min-width:1130px){
.own-header .main_menu_wrapper ul.main_menu > li > a{padding:0 6px;}
}
footer {
border-top: 1px solid #000;
-webkit-transform: translateY(0);
position: relative;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
footer .footer-bottom {
background-color: #191919;
padding-top: 80px;
}
footer .footer-bottom .inner-wrapper {
max-width: 1032px;
}
footer .footer-bottom a {
color: #8c8c8c;
font-size: 14px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
footer .footer-bottom a:hover {
color: #fff;
}
footer .footer-bottom .random-links {
height: 100px;
padding: 40px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #2e2e2e;
}
footer .footer-bottom .random-links .copyright {
color: #8c8c8c;
float: left;
padding-right: 30px;
}
footer .footer-bottom .random-links li a {
padding: 0 30px;
}
footer .footer-bottom .main-footer-links {
padding: 40px 0;
}
footer .footer-bottom .main-footer-links .menu > li.menu-item-has-children > a {
pointer-events: none;
cursor: default;
}
footer .footer-bottom .main-footer-links .menu li {
float: left;
width: 15%;
}
footer .footer-bottom .main-footer-links .menu li a {
color: #fff;
}
footer .footer-bottom .main-footer-links .menu li ul {
margin-top: 35px;
padding-right: 10px;
}
footer .footer-bottom .main-footer-links .menu li ul li {
float: none;
width: 100%;
margin-bottom: 2px;
}
footer .footer-bottom .main-footer-links .menu li ul li a {
color: #8c8c8c;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
footer .footer-bottom .main-footer-links .menu li ul li a:hover {
color: #fff;
}
footer .footer-bottom #menu-item-8699 {
width: 40%;
}
footer .footer-bottom #menu-item-8699 li {
display: inline-block;
width: 50%;
margin-right: -4px;
}
.footer-top {
background-color: #2c2c2d;
position: fixed;
border-top: 1px solid #000;
border-top-width: 1px !important;
bottom: 0px !important;
height: 80px;
width: 100%;
}
.footer-top.in-footer {
position: absolute;
}
.footer-top .inner-wrapper {
border-left: 1px solid #000;
border-right: 1px solid #000;
height: 100%;
}
.footer-top .newsletter-subscribe-container {
width: 66.666%;
position: relative;
}
.footer-top .newsletter-subscribe-container .newsletter-subscribe {
position: absolute;
left: 20px;
right: 100px;
margin: 21px 0 0 0;
}
.footer-top .newsletter-subscribe-container .newsletter-subscribe label {
font-size: 15px;
text-transform: uppercase;
font-family: futura-book, Arial, sans-serif;
}
.footer-top .newsletter-subscribe-container .newsletter-subscribe input[type="text"] {
border: 1px solid #fff;
background-color: transparent;
height: 40px;
width: 250px;
padding: 0 10px;
font-size: 14px;
margin: 0 20px;
color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.footer-top .newsletter-subscribe-container .newsletter-subscribe input[type="text"]::-webkit-input-placeholder {
color: #fff;
}
.footer-top .newsletter-subscribe-container .newsletter-subscribe input[type="text"]:-moz-placeholder {
color: #fff;
}
.footer-top .newsletter-subscribe-container .newsletter-subscribe input[type="text"]::-moz-placeholder {
color: #fff;
}
.footer-top .newsletter-subscribe-container .newsletter-subscribe input[type="text"]:-ms-input-placeholder {
color: #fff;
}
.footer-top .newsletter-subscribe-container .icon-facebook {
float: right;
border-left: 1px solid #000;
border-right: 1px solid #000;
width: 80px;
height: 80px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
margin-right: -1px;
color: #dcddde;
text-align: center;
font-size: 25px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.footer-top .newsletter-subscribe-container .icon-facebook:before {
line-height: 80px;
}
.footer-top .newsletter-subscribe-container .icon-facebook:hover {
background-color: #dcddde;
color: #2c2c2d;
}
.footer-top .social-links {
width: 33.333%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.footer-top .social-links a {
float: left;
border-right: 1px solid #000;
width: 20%;
height: 80px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
color: #dcddde;
text-align: center;
font-size: 25px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.footer-top .social-links a:before {
line-height: 80px;
}
.footer-top .social-links a:last-child {
border-right: none;
}
.footer-top .social-links a.icon-youtube,
.footer-top .social-links a.icon-blog {
width: 30%;
font-size: 60px;
}
.footer-top .social-links a:hover {
background-color: #dcddde;
color: #2c2c2d;
}
.footer-top .button-subscribe {
float: right;
}
#menu-footernavtop li {
float: none;
display: inline-block;
*display: inline;
*zoom: 1;
}
.overlay {
position: fixed;
z-index: -1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.74);
visibility: hidden;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.overlay.show {
z-index: 999;
visibility: visible;
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.no-rgba .overlay {
background-color: transparent;
background: url('../images/rgba-000-74.png');
}
.alert-box {
position: absolute;
left: 50%;
top: 50%;
width: 550px;
height: 240px;
padding: 50px 25px;
margin-left: -300px;
margin-top: -145px;
background-color: #3e3f3f;
font-size: 18px;
text-align: center;
text-transform: uppercase;
}
.alert-box p {
width: 340px;
margin: 30px auto;
line-height: 150%;
}
.alert-box .button {
width: auto;
}
.alert-box .button-close {
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 40px;
padding: 0;
}
.alert-box .icon-alert {
font-size: 50px;
color: #4c4c4c;
}
/* Claim Form CSS Start */
.stepwizard-step p {
margin-top: 0px;
color: #666;
}
.stepwizard {
width: 100%;
position: relative;
text-align: center;
z-index: 9;
padding: 35px 0;
}
.stepwizard li {
display: inline-block;
float: none;
width: 24%;
}
.stepwizard li p {
font-size: 18px;
line-height: 18px;
margin: 26px 0 0 0;
}
.form-title {
text-transform: uppercase;
margin-bottom: 15px;
}
.stepwizard:before {
width: 74%;
top: 34%;
bottom: 0;
position: absolute;
content: " ";
left: 13%;
height: 3px;
background: #fff;
z-index: -1;
}
.stepwizard-step {
display: table-cell;
text-align: center;
position: relative;
}
.stepbtn {
width: 30px;
height: 30px;
text-align: center;
background: #262626;
border-radius: 50%;
border: 3px solid #fff;
margin: 0 auto;
}
.cliamform-main {
margin: 40px auto;
max-width: 614px;
}
.cliammain-bg {
text-align: center;
margin-bottom: 38px;
}
.stepbtn.active {
background: #fff;
}
.form-content p {
font-size: 14px;
}
.form-content p span {
font-size: 15px;
text-transform: uppercase;
}
.cl-redemption-claim .page-content {
background: none;
max-width: 100%;
margin: 0;
padding: 0;
}
.cl-redemption-claim .step-progress {
width: 100%;
background: #363636;
z-index: -1;
}
.form-container li.halfLi {
width: 50%;
float: left;
}
.form-container li.halfLi .leftLi {
padding-right: 12px;
}
.form-container li.halfLi .rightLi {
padding-left: 12px;
}
.menu_title {
background: #555555;
text-align: center;
padding: 15px 0;
cursor: pointer;
position: relative;
}
.sub-Condition {
width: 100%;
float: left;
background: #363636;
display: none;
padding: 40px 0;
}
.sub-Condition li {
font-family: futura-book, Arial, sans-serif;
font-size: 14px;
}
.term-condition ul.sub-Condition li {
padding-left: 35px;
display: inline;
width: auto;
padding-right: 20px;
}
.menu_title:after {
position: absolute;
content: "";
background: url(../../images/cross-icon.svg);
width: 12px;
height: 12px;
top: 0;
bottom: 0;
margin: auto;
right: 30%;
}
.menu_active:after {
background: url(../../images/minus-icon.svg);
width: 12px;
height: 2px;
}
/* Claim Form CSS End */
/* Proof Form CSS Start */
.proofform-main {
margin: 40px auto;
max-width: 614px;
}
.proofform-main .form-container li .checkbx {
width: 50% !important;
float: left;
margin-bottom: 20px !important;
}
.proofform-main ul .liAppType label {
margin-bottom: 30px !important;
display: inherit;
}
.proofform-main .checkbx input[type="checkbox"] + label span {
display: inline-block;
vertical-align: top;
}
.proof-check,
.proof-checkone {
width: 100%;
float: left;
display: none;
font-family: futura-book, Arial, sans-serif;
font-size: 15px;
line-height: 18px;
}
.upload-proof {
background: #999898;
min-width: 500px;
display: inline-block;
padding: 15px 0;
margin-bottom: 18px;
text-align: center;
color: #231f20;
font-family: futura-book, Arial, sans-serif;
font-size: 20px;
line-height: 22px;
font-weight: 500;
-webkit-transition: all 0.5s ease-in-out 0.6s;
-o-transition: all 0.5s ease-in-out 0.6s;
transition: all 0.5s ease-in-out 0.6s;
}
.show {
display: block;
-webkit-transition: all 0.5s ease-in-out 0.6s;
-o-transition: all 0.5s ease-in-out 0.6s;
transition: all 0.5s ease-in-out 0.6s;
}
.proof-main > .note p {
margin: 0 0 5px 0;
}
.proof-main p:last-child {
margin-bottom: 0;
}
.proof-main {
padding-bottom: 40px;
}
.proofform-main .form-container li br,
.methodform-main .form-container li br {
display: block;
}
/* Proof Form CSS End */
/* Method Form CSS Start */
.methodform-main,
.thankU-main {
margin: 40px auto;
max-width: 614px;
}
.methodform-main .form-container li .checkbx {
width: 100%;
}
.halfLi input::-webkit-input-placeholder {
color: #000;
}
.halfLi input:-moz-placeholder {
color: #000;
}
.halfLi input::-moz-placeholder {
color: #000;
}
.halfLi input:-ms-input-placeholder {
color: #000;
}
.payCard {
display: inline-block;
vertical-align: middle;
padding-right: 10px;
cursor: pointer;
}
.open-Paywithcard {
display: block;
width: 100%;
float: left;
}
.paypal-icon {
display: inline-block;
vertical-align: middle;
padding-left: 10px;
}
.paypal-icon img {
max-width: 120px;
}
/* Method Form CSS End */
/* Thank You CSS Start */
.thankU-main {
text-align: center;
}
.thanku-title {
font-family: futura-book, Arial, sans-serif;
font-size: 32px;
line-height: 38px;
}
.thankU-main p {
font-family: futura-book, Arial, sans-serif;
font-size: 15px;
line-height: 32px;
}
/* Thank You CSS End */
@media (max-width:650px) {
.alert-box {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 290px;
left: 0;
margin-left: 0;
}
}
@media (max-width:400px) {
.alert-box p {
width: auto;
}
}
.product_categories_menu_wrapper {
display: inline-block;
vertical-align: top;
text-align: center;
}
.product_categories_menu a {
color: #fff;
}
.product_categories_menu .sub-menu-wrapper {
position: absolute;
z-index: 2;
left: 0px;
right: 0;
top: 100%;
max-height: 0;
overflow: hidden;
max-width: 1224px;
margin: 0 auto;
width: 100%;
font-size: 14px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.own-header .product_categories_menu .sub-menu {
max-width: 100%;
margin: auto;
/*background:#151a14 url('../images/menu_bg.jpg')no-repeat center bottom;*/
background-color: #101010;
background-size:cover !important;
padding: 0px 80px;
box-sizing: border-box;
}
.product_categories_menu .sub-menu {
max-width: 100%;
margin: auto;
background:#3e3f3f;
background-size:cover !important;
padding: 0px 15px;
box-sizing: border-box;
}
.product_categories_menu .sub-menu .menu-item {
float: none;
display: inline-block;
vertical-align: top;
width: 19.5%;
width:17.5%;
text-align: center;
}
.product_categories_menu .sub-menu a {
display: block;
line-height:normal;
}
.product_categories_menu .sub-menu a:hover {
background-color: #2c2c2d;
}
.product_categories_menu .thumbnail {
display: block;
width: 100%;
height: auto;
}
.product_categories_menu .menu-item-has-children {
font-size: 16px;
}
.product_categories_menu .menu-item-has-children > a {
padding-left: 30px;
padding-right: 30px;
margin-left: -30px;
cursor: default;
}
.product_categories_menu .menu-item-has-children:hover > a {
background-color: #494949;
}
@media (min-width:650px) {
.product_categories_menu .menu-item-has-children:hover .sub-menu-wrapper {
max-height: 1024px;
}
}
@media (max-width:1040px) {
.product_categories_menu .sub-menu-wrapper {
left: 0;
}
.product_categories_menu .sub-menu .menu-item {
width: 25%;
}
.product_categories_menu .menu-item-has-children > a {
padding-left: 15px;
padding-right: 15px;
margin-left: 0;
}
}
@media (max-width:880px) {
.product_categories_menu .menu-item-has-children > a {
padding-left: 10px;
padding-right: 10px;
font-size: 13px;
}
}
@media (max-width:728px) {
.product_categories_menu .menu-item-has-children > a {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
}
}
@media (max-width:650px) {
.product_categories_menu_wrapper {
display: block;
width: 100%;
}
.product_categories_menu .sub-menu-wrapper {
top: 0;
position: relative;
right: auto;
width: 100%;
background-color: #191919;
}
.product_categories_menu .menu-item--active.menu-item-has-children > a:after {
content: "-";
}
.product_categories_menu .menu-item--active .sub-menu-wrapper {
max-height: 1024px;
opacity: 1;
visibility: visible;
height: auto;
}
.product_categories_menu .sub-menu {
padding: 10px 20px;
background:#494949;
}
.product_categories_menu .sub-menu .menu-item {
display: block;
width: 100%;
line-height: 1;
text-align: left;
}
.product_categories_menu .sub-menu .menu-item a {
position: relative;
padding-top: 10px;
padding-bottom: 10px;
font-size: 13px;
line-height: 20px;
}
.product_categories_menu .sub-menu .menu-item a:before {
position: absolute;
left: 0;
bottom: 0;
content: '';
display: block;
width: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.product_categories_menu .sub-menu .menu-item a:hover {
background-color: transparent;
}
.product_categories_menu .sub-menu .menu-item a:hover:before {
width: 100%;
}
.product_categories_menu .thumbnail {
display: none;
}
.product_categories_menu .menu-item-has-children {
position: relative;
}
.product_categories_menu .menu-item-has-children > a {
position: relative;
}
.product_categories_menu .menu-item-has-children > a:after {
content: "+";
position: absolute;
color: #fff;
right: 8px;
top: 0;
font-size: 16px;
}
.product_categories_menu .menu-item-has-children:hover > a {
background-color: transparent;
}
}
.product_image_utilities {
position: absolute;
z-index: 100;
left: 0;
top: 0;
bottom: 0;
}
.product_image_colours-toggle {
display: block;
width: 68px;
height: 68px;
margin: 1px 0;
background-color: rgba(44, 44, 45, 0.6);
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
-ms-background-clip: padding-box;
-o-background-clip: padding-box;
background-clip: padding-box;
text-align: center;
line-height: 1;
}
.product_image_colours-toggle:hover,
.product_image_colours-toggle--active {
background-color: #2c2c2d;
}
.product_image_colours-code {
background-color: #2c2c2d;
background-size: 40px;
background-repeat: no-repeat;
background-position: center;
display: block;
width: 58px;
margin: 1px 0px;
height: 58px;
}
@media (max-width:480px) {
.product_image_colours-toggle {
width: 44px;
height: 44px;
}
.product_image_colours-code {
width: 24px;
height: 24px;
background-size: 26px;
}
}
.product_specifications-list_title {
margin: 0;
}
.product_specifications-list_toggle {
display: block;
width: 100%;
padding: 25px;
background-color: #2c2c2c;
border: none;
font-size: 16px;
color: #fff;
text-transform: uppercase;
}
.product_specifications-list_content {
height: 0;
overflow: hidden;
-webkit-transition: height 0.3s ease;
-moz-transition: height 0.3s ease;
-o-transition: height 0.3s ease;
-ms-transition: height 0.3s ease;
transition: height 0.3s ease;
}
.product_specifications-list_content_inner {
padding: 35px;
}
.product_specifications-list_group {
display: inline-block;
width: 50%;
vertical-align: top;
padding: 0px 35px;
box-sizing: border-box;
}
.product_specifications-list_group:first-child {
padding-left: 0px;
}
.product_specifications-list_group:last-child {
padding-right: 0px;
}
@media (max-width:650px) {
.product_specifications-list_group {
width: 100%;
padding: 0px;
}
}
.product_specifications-list_item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width: 100%;
}
@media (max-width:650px) {
.product_specifications-list_item {
width: 100%;
}
}
.product_specifications-list_item-title {
text-transform: uppercase;
}
.product_specifications-list_item-content {
line-height: 1.5;
}
.product_specifications-list_item-content ul {
margin-left: 25px;
list-style: disc;
}
.product_specifications-list_item-content ul li {
float: none;
}
.product_specifications_images {
background-color: #3f3f3f;
margin-topproduct_specifications_images: 35px;
text-align: center;
padding: 30px 0px;
}
.product_specifications_image {
vertical-align: middle;
}
@media (max-width:650px) {
.product_specifications_image {
display: block;
margin: auto;
}
}
.icon-more {
position: relative;
top: -2px;
display: inline-block;
vertical-align: middle;
width: 12px;
height: 12px;
margin-left: 10px;
}
.icon-more .bar {
position: absolute;
display: block;
background-color: #fff;
}
.icon-more .bar--vert {
left: 50%;
top: 0;
width: 2px;
height: 100%;
margin-left: -1px;
}
.icon-more .bar--horz {
left: 0;
top: 50%;
width: 100%;
height: 2px;
margin-top: -1px;
}
.product_specifications-list_toggle.active .icon-more .bar--vert {
display: none;
}
* + .form_links-group {
margin-top: 60px;
}
.form_links-group {
max-width: 410px;
}
.form_links-title {
margin-top: 0;
}
.form_links-list_item {
float: none;
}
.form_links-list_item + .form_links-list_item {
margin-top: 1px;
}
.form_link-icon {
position: relative;
top: -2px;
display: inline-block;
width: 32px;
height: 32px;
margin-right: 10px;
font-size: 32px;
line-height: 32px;
color: #bab959;
text-align: center;
vertical-align: middle;
}
.form_link-icon.icon-download {
font-size: 26px;
}
.form_link {
display: flex;
align-items: center;
padding: 20px;
background-color: #3c3c3c;
color: #fff;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.form_link:hover,
.form_link--active {
background-color: #000;
}
.radio_button_group .wpcf7-list-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
margin-left: 0;
line-height: 1;
text-transform: uppercase;
}
.radio_button_group label {
position: relative;
display: inline-block;
vertical-align: top;
width: 100%;
}
.radio_button_group input[type="radio"] {
position: absolute;
left: 20px;
top: 50%;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.radio_button_group input[type="radio"]:checked + .wpcf7-list-item-label {
background-color: #000;
}
.radio_button_group .wpcf7-list-item-label {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width: 100%;
padding: 20px;
background-color: #3c3c3c;
user-select: none;
cursor: pointer;
}
.radio_button_group--col_2 .wpcf7-list-item {
width: 50%;
}
.tab_toggles .table-cell {
padding: 1px;
}
.tab_toggle {
width: 100%;
padding: 20px;
background-color: #3c3c3c;
border: none;
color: #fff;
text-transform: uppercase;
}
.tab_toggle--active {
background-color: #000;
}
.tab_content {
margin-top: 20px;
}
.tab_content-item {
height: 0;
overflow: hidden;
}
.tab_content-item--default,
.tab_content-item--active {
height: auto;
overflow: visible;
}
.preloader {
background-color: #000;
height: 1061px;
position: relative;
}
.preloader .rsContent {
display: none;
}
.preloader:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 50px;
background-color: #fff;
}
.slider {
overflow: visible;
}
.slider img {
width: auto;
position: absolute;
left: 50%;
margin-left: -612px;
}
.slider .rsSlide {
opacity: 0.2;
-webkit-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
-o-transition: opacity 1s ease;
-ms-transition: opacity 1s ease;
transition: opacity 1s ease;
}
.slider .rsSlide.rsActiveSlide {
opacity: 1;
}
.slider.preloader {
overflow: hidden;
}
.rsText {
width: 100%;
height: 100%;
margin: 0;
position: relative;
}
.rsText .rsTextContent {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 240px;
}
.rsText .rsTextContent a {
padding: 20px 100px 0;
height: 100%;
width: 100%;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
border-top: 0px solid transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.rsText .rsTextContent a:before {
content: "";
width: 0;
height: 6px;
position: absolute;
top: 0;
left: 0;
background-color: #2c2c2d;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.rsText .rsTextContent a:hover {
background-color: rgba(255, 255, 255, 0.8);
}
.rsText .rsTextContent a:hover:before {
width: 100%;
}
.rsText .rsTextContent .slider-text-container {
display: block;
margin: 0 auto;
width: 900px;
height: 100%;
position: relative;
float: none;
}
.rsText .rsTextContent img {
position: absolute;
bottom: 0;
left: 0;
margin: 0;
box-shadow: 0px 0px 35px 2px rgba(0, 0, 0, 0.5);
height: 95%;
}
.rsText .rsTextContent span.right {
width: 50%;
}
.rsText .rsTextContent .slider-heading {
font-size: 55px;
line-height: 65px;
font-family: futura-book, Arial, sans-serif;
color: #2c2c2d;
margin-bottom: 10px;
margin-top: 55px;
text-align: center;
}
.rsText .rsTextContent .slider-sub-heading {
color: #9e9e9e;
font-size: 30px;
line-height: 35px;
font-family: futura-book, Arial, sans-serif;
text-align: center;
}
.sliderNav {
display: none;
}
.promotions article {
float: left;
width: 33.333%;
margin: 0;
border-left: 1px solid #000;
height: auto;
background-color: #2c2c2d;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.promotions article:first-child {
border-left: 0;
}
.promotions article:hover {
background-color: #191919;
}
.promotions article a {
display: block;
width: 100%;
height: 100%;
padding: 50px 15px 20px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.promotions article a:hover span {
color: #fff;
}
.promotions article span {
color: #d9d9d9;
font-size: 22px;
text-align: center;
display: block;
min-height: 32px;
line-height: 32px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.promotions article span.promotion-line {
width: 100px;
height: 4px;
display: block;
margin: 50px auto 0;
background-color: #fff;
position: relative;
}
.promotions article span.promotion-line:before {
content: "";
width: 0;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #2c2c2d;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.promotions article img {
max-width: 50%;
display: block;
height: auto;
margin: 20px auto 0;
}
.front_page_heading {
padding: 5% 20px;
background-color: #fff;
font-size: 55px;
color: #2c2c2d;
line-height: 1.5;
text-align: center;
}
.front_page_heading small {
display: block;
font-size: 30px;
color: #9e9e9e;
}
@media (max-width:768px) {
.front_page_heading {
font-size: 6vw;
}
.front_page_heading small {
font-size: 3.5vw;
}
}
.page-built-in-ovens .page-content,
.page-dishwashers .page-content,
.page-accessories .page-content,
.page-coffee-machines .page-content,
.page-cooktops .page-content,
.page-freestanding-cookers .page-content,
.page-microwaves .page-content,
.page-rangehoods .page-content,
.page-sinks .page-content,
.page-splashbacks .page-content,
.page-warmer-drawers .page-content,
.page-wine-cellars .page-content {
padding: 0 0 40px 0;
max-width: 1224px;
}
.page-built-in-ovens .title-container,
.page-dishwashers .title-container,
.page-accessories .title-container,
.page-coffee-machines .title-container,
.page-cooktops .title-container,
.page-freestanding-cookers .title-container,
.page-microwaves .title-container,
.page-rangehoods .title-container,
.page-sinks .title-container,
.page-splashbacks .title-container,
.page-warmer-drawers .title-container,
.page-wine-cellars .title-container {
padding-bottom: 50px;
}
.refine-filter {
display: none;
}
.back-filter {
display: none;
}
#product-filter {
background-color: #3e3f3f;
margin-bottom: 40px;
height: 100%;
position: relative;
padding: 40px 0;
}
#product-filter dl {
float: left;
width: 25%;
padding: 0 15px;
height: 100%;
border-right: 1px solid #262626;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#product-filter dl:last-of-type {
border-right: 0;
}
#product-filter dt {
font-size: 14px;
text-transform: uppercase;
margin-bottom: 15px;
}
#product-filter dd {
margin-left: 0;
margin-top: 10px;
}
#product-filter dd:first-child {
margin-top: 0;
}
#product-filter dd input[type="checkbox"] {
display: none;
}
#product-filter dd input[type="checkbox"] + label .checkbox-fake {
display: block;
float: left;
width: 15px;
height: 15px;
background-color: #d9d9d9;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#product-filter dd input[type="checkbox"] + label .label-text {
margin-left: 30px;
font-size: 13px;
color: #d9d9d9;
cursor: pointer;
display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#product-filter dd input[type="checkbox"]:checked + label .checkbox-fake {
background-color: #bab959;
}
#product-filter dd input[type="checkbox"]:checked + label .label-text {
color: #fff;
}
#product-filter dd button {
display: none;
}
#product-filter .filters-container {
display: block;
}
#product-list {
width: 1024px;
margin: auto;
text-align: center;
}
#product-wrapper .product-item .button-details {
display: inline-block;
*display: inline;
*zoom: 1;
width: auto;
margin-top: 20px;
background-color: #bab959;
color: #2e2e2e;
}
#product-wrapper .product-item .button-details:hover {
background-color: #fff;
}
.product-item {
position: relative;
width: 33%;
margin-top: 4px;
background-color: #3e3f3f;
font-size: 16px;
}
.product-item:hover .product-item-overlay {
z-index: 999;
visibility: visible;
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.product-item.show-compare .button-compare {
display: inline-block;
*display: inline;
*zoom: 1;
}
.product-item.show-compare .label-text {
display: none;
}
.product-item.checked .select-limit {
display: inline;
}
.product-item.checked .checkbox {
background-color: #bab959;
}
.product-item a {
color: #fff;
}
.product-item .button-compare {
margin-left: 10px;
font-weight: bold;
color: #bab959;
text-transform: capitalize;
}
.product-item .checkbox {
display: inline-block;
*display: inline;
*zoom: 1;
width: 15px;
height: 15px;
margin-right: 10px;
background-color: #fff;
vertical-align: middle;
}
.product-item-inner {
padding: 30px 50px;
}
.product-item-overlay {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #191919;
visibility: hidden;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.product-item-excerpt {
min-height: 110px;
margin-top: 40px;
}
.product-item-excerpt p {
margin: 20px 30px;
}
.product-item-list {
min-height: 60px;
max-height: 75px;
margin: 10px 10px 10px 35px;
font-size: 12px;
line-height: 150%;
list-style-type: disc;
text-align: left;
}
.product-item-list li {
float: none;
}
.product-item-thumbnail {
display: block;
height: 200px;
}
.product-item-thumbnail img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
.product-item-title {
font-size: 16px;
}
.product-item-utilities {
padding: 10px;
margin: 0 20px;
border-top: 1px solid #262626;
border-bottom: 1px solid #262626;
}
.button-compare.show {
display: block;
*display: inline;
*zoom: 1;
}
.button-compare,
.select-limit {
display: none;
}
.compare-list {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
margin-bottom: 20px;
}
.compare-list .product-item {
float: none;
display: inline-block;
*display: inline;
*zoom: 1;
width: 135px;
padding: 15px;
margin: 5px;
}
.compare-list .product-item-thumbnail {
height: 90px;
}
.compare-list .product-item-thumbnail:before {
content: '';
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
.compare-list .product-item-thumbnail img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
.compare-list .product-item-title {
margin-bottom: 0;
}
.compare-list .remove-compare {
position: absolute;
z-index: 999;
right: 0;
top: 0;
width: 30px;
height: 30px;
background-color: #bab959;
color: #000;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
-ms-background-clip: padding-box;
-o-background-clip: padding-box;
background-clip: padding-box;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.compare-list .remove-compare:hover {
background-color: #fff;
}
.compare-list-wrapper {
display: none;
width: 984px;
padding: 20px;
margin: 20px auto;
background-color: #1e1e1e;
text-align: center;
}
.compare-list-wrapper.show {
display: block;
}
.compare-list-wrapper .compare-list-buttons {
display: inline-block;
vertical-align: middle;
}
.compare-list-wrapper .button-compare {
width: 168px;
height: 40px;
margin: 20px 50px;
background-color: #bab959;
font-family: futura-book, Arial, sans-serif;
line-height: 40px;
color: #000;
vertical-align: middle;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
-ms-background-clip: padding-box;
-o-background-clip: padding-box;
background-clip: padding-box;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.compare-list-wrapper .button-compare:hover {
background-color: #fff;
}
@media (max-width:1024px) {
.compare-list-wrapper {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.stepwizard li p {
font-size: 15px;
margin: 18px 0 0 0;
}
.stepwizard:before {
top: 37%;
}
.cliamform-main,
.methodform-main,
.proofform-main {
padding: 0 15px;
}
.upload-proof {
min-width: 400px;
font-size: 18px;
}
}
.product-page {
max-width: 980px;
margin: 0 auto;
}
.product-slider-wrapper {
width: 47.5%;
margin-right: 5%;
margin-bottom: 15px;
}
.product-slider-wrapper .pinit {
opacity: 0.8;
}
.product-slider-wrapper .pinit img {
width: 45px;
}
.product-slider-wrapper .pinit:hover {
opacity: 1;
}
.product-slider {
width: 100%;
background-color: #313131;
border-radius: 10px;
margin-bottom: 10px;
padding: 20px 0 30px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.product-slider .rsOverflow {
overflow: hidden;
}
.product-slider .rsBullets {
display: table;
margin: 0px auto 0;
float: none;
}
.product-slider .rsBullets .rsBullet {
background-color: #505050;
width: 15px;
height: 15px;
border-radius: 50%;
display: inline-block;
margin: 0px 8px 0 8px;
cursor: pointer;
border: 1px solid #000;
}
.product-slider .rsBullets .rsBullet.rsNavSelected {
background-color: #fff;
}
.product-description {
width: 47.5%;
}
.product-description h1 {
text-align: left;
font-size: 25px;
line-height: 30px;
font-weight: normal;
}
.product-description .product-links {
margin: 25px 0 20px;
}
.product-description .product-links a {
color: #505050;
text-decoration: none;
font-weight: bold;
}
.product-description .product-links a:hover {
color: #fff;
}
.product-description .product-links .seperator {
margin: 0px 12px -4px 10px;
height: 20px;
width: 1px;
display: inline-block;
background-color: #505050;
}
.product-description ul.product-features {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.product-description ul.product-features li {
display: block;
width: 100%;
padding: 2px 0;
padding-left: 15px;
position: relative;
}
.product-description ul.product-features li:before {
content: "";
height: 5px;
width: 5px;
background-color: #fff;
border-radius: 50%;
display: block;
position: absolute;
top: 12px;
left: 0;
}
.related-products {
margin-top: 100px;
}
.related-products h1 {
text-align: left;
font-size: 16px;
line-height: 20px;
border-bottom: 1px solid #505050;
padding-bottom: 8px;
}
.related-products h1 a {
color: #505050;
font-size: 14px;
text-decoration: none;
}
.related-products h1 a:hover {
color: #fff;
}
.image-page .left,
.image-page .right {
width: 47.5%;
}
.image-page .left {
margin-right: 5%;
}
.image-page .left img {
width: 100%;
}
.image-page a {
color: #505050;
font-size: 14px;
text-decoration: none;
}
.image-page a:hover {
color: #fff;
}
.video-page .left {
width: 27.5%;
}
.video-page .left {
margin-right: 5%;
}
.video-page .right {
width: 67.5%;
}
.customer-care-page h2 {
margin: 40px 0 30px 0;
font-size: 22px;
font-weight: normal;
}
.customer-care-page a {
color: #888;
text-decoration: none;
font-weight: bold;
}
.customer-care-page a:hover {
color: #fff;
}
.page-gallery .page-content {
margin: 0;
max-width: 100%;
padding: 0;
}
.page-gallery .gallery li {
width: 33.333%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
border-right: 1px solid #191919;
border-bottom: 1px solid #191919;
height: 0;
padding-bottom: 33.333%;
position: relative;
}
.page-gallery .gallery li:nth-of-type(3n+3) {
border-right: none;
}
.page-gallery .gallery li img {
vertical-align: bottom;
width: 100%;
}
.page-gallery .gallery-description {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #191919;
color: #ffffff;
text-transform: none;
text-align: center;
display: block;
overflow: hidden;
opacity: 0;
-webkit-transition: opacity 400ms;
-moz-transition: opacity 400ms;
-ms-transition: opacity 400ms;
transition: opacity 400ms;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.page-gallery .gallery-description .inner {
position: relative;
display: table;
height: 100%;
width: 90%;
margin: 0 auto;
}
.page-gallery .gallery-description p {
position: relative;
width: 80%;
margin: 0 auto;
display: table-cell;
vertical-align: middle;
}
.page-gallery .gallery li:hover .gallery-description {
display: block;
z-index: 2;
opacity: 1;
}
.promotion-page {
margin-top: 80px;
}
.promotion-page article {
margin: 40px 5% 0 0;
padding-top: 60px;
border-top: 1px solid #222;
margin: 0;
padding-bottom: 40px;
}
.promotion-page article h1 {
line-height: 35px;
}
.promotion-page article .left,
.promotion-page article .right {
width: 47.5%;
}
.promotion-page article .left {
margin-right: 5%;
}
.promotion-page article:first-child {
border-top: none;
margin: 0;
padding-top: 0;
}
.promotion-page article img {
max-width: 100%;
position: relative;
display: block;
margin: 0 auto;
}
.promotion-page article footer {
margin: 0;
padding: 0;
height: auto;
border: none;
}
.promotion-page article footer p {
margin: 0 0 30px 0;
}
.promotion-page article footer p small {
font-size: 11px;
line-height: 22px;
}
.promotion-page .each-promotion a {
padding: 0px 20px;
display: inline-block;
}
@media (max-width:650px) {
.promotion-page .each-promotion a {
margin: 10px 0px;
}
}
.promotion-page .each-promotion .left > p {
text-transform: uppercase;
margin-top: 40px;
}
.search-page h1 span {
font-weight: bold;
}
.search-page a {
text-decoration: none;
}
.search-page .the-results {
margin-top: 20px;
}
.search-page .the-results .h1 {
display: inline-block;
margin-bottom: 20px;
}
.search-page .the-results .h1 span {
display: block;
font-size: 13px;
margin-top: 5px;
}
.search-page .the-results li {
clear: both;
float: none;
margin-bottom: 20px;
padding: 20px 40px 20px;
border-bottom: 1px solid #151515;
}
.search-page p {
max-width: 650px;
line-height: 22px;
}
.search-page .item {
margin: 20px 0;
}
.search-page .item:nth-of-type(2),
.search-page .item:nth-of-type(3),
.search-page .item:nth-of-type(4),
.search-page .item:nth-of-type(5) {
display: none;
}
.search-page .retailer-item li {
margin-bottom: 0;
margin-top: 5px;
padding: 0;
border: 0;
}
.search-page .retailer-item li a {
color: #fff;
}
.search-page .retailer-item li a:hover {
border-bottom: 1px solid #fff;
}
.form-container input[type="text"],
.form-container input[type="email"],
.form-container input[type="tel"] {
-webkit-appearance: none;
border-radius: 0;
}
.form-container input[type="date"] {
border-radius: 0;
}
.form-container li {
margin: 0;
padding: 0;
width: 100%;
margin-bottom: 20px;
}
.form-container li.postcode {
width: 48%;
float: right;
}
.form-container li.state {
width: 48%;
}
.form-container li select,
.form-container li input[type="text"],
.form-container li input[type="email"],
.form-container li input[type="tel"],
.form-container li input[type="date"],
.form-container li textarea {
background-color: #b3b3b3;
width: 100%;
height: 40px;
padding: 0 8px;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.form-container li select:hover,
.form-container li input[type="text"]:hover,
.form-container li input[type="email"]:hover,
.form-container li input[type="tel"]:hover,
.form-container li input[type="date"]:hover,
.form-container li textarea:hover {
background-color: #efefef;
}
.form-container li select:focus,
.form-container li input[type="text"]:focus,
.form-container li input[type="email"]:focus,
.form-container li input[type="tel"]:focus,
.form-container li input[type="date"]:focus,
.form-container li textarea:focus {
background-color: #efefef;
}
.form-container li .fancy-select {
position: relative;
}
.form-container li div.fancy-select div.trigger {
color: #000;
line-height: 40px;
background-color: #b3b3b3;
width: 100%;
height: 40px;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
margin-top: 5px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
display: block;
position: relative;
}
.form-container li div.fancy-select div.trigger:before {
content: "";
pointer-events: none;
position: absolute;
top: 0;
right: 10px;
width: 23px;
height: 100%;
background: url(../images/filter-arrow.png) 50% center no-repeat;
}
.form-container li div.fancy-select ul.options {
background-color: black;
border: none;
top: 40px;
position: absolute;
z-index: 20;
width: 100%;
border-top: none;
display: none;
}
.form-container li div.fancy-select ul.options.open {
visibility: visible;
top: 40px;
opacity: 1;
display: block;
}
.form-container li div.fancy-select ul.options.overflowing {
top: 40px;
position: absolute;
z-index: 20;
width: 100%;
border-top: none;
display: none;
}
.form-container li div.fancy-select ul.options.overflowing.open {
top: 40px;
position: absolute;
z-index: 20;
width: 100%;
border-top: none;
display: block;
}
.form-container li div.fancy-select ul.options li {
float: none;
width: 100%;
margin: 0;
border: none;
border-top: 1px solid rgba(255, 255, 255, 0.1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 8px 10px;
height: auto;
background-color: #191919;
cursor: pointer;
}
.form-container li div.fancy-select ul.options li.hover {
color: #191919;
background-color: #fff;
}
.form-container li textarea {
height: 180px;
padding: 8px;
}
.form-container li input::-webkit-outer-spin-button,
.form-container li input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.form-container li br {
/*display: none;*/
}
.form-container input[type="submit"] {
background-color: #bab959;
margin: 0;
padding: 0;
border: 0px solid transparent;
height: 40px;
line-height: 40px;
padding: 0 50px;
font-size: 14px;
color: #2e2e2e;
text-transform: uppercase;
position: relative;
display: block;
-webkit-transition: height 0.3s ease;
-moz-transition: height 0.3s ease;
-o-transition: height 0.3s ease;
-ms-transition: height 0.3s ease;
transition: height 0.3s ease;
}
.form-container input[type="submit"]:hover {
background-color: #191919;
color: #fff;
left: -1px;
}
.form-container input[type="submit"]:focus {
background-color: #bab959;
}
.form-container input[type="submit"]:focus:hover {
background-color: #191919;
color: #fff;
}
.state .wpcf7-form-control-wrap {
margin-top: -5px;
}
.wpcf7-form input.error,
.wpcf7-form select.error,
.wpcf7-form textarea.error {
border-bottom: 2px solid #ccc;
outline: none;
}
.wpcf7-form label.error {
color: #CCC;
font-size: 11px;
float: none;
}
.wpcf7-not-valid {
border-bottom: 2px solid #AC2B2B !important;
}
.wpcf7-response-output {
border: none !important;
}
div.wpcf7-validation-errors {
border-bottom: 2px solid #AC2B2B !important;
padding-bottom: 8px;
}
.wpcf7-form-control-wrap {
display: block;
}
.wpcf7-form-control-wrap .Zebra_DatePicker_Icon_Wrapper {
display: block !important;
}
span.wpcf7-not-valid-tip {
color: #AC2B2B;
font-size: 13px;
display: block;
background: #b3b3b3;
border: 0px solid transparent;
top: 8px;
left: 5px;
width: auto;
padding: 0;
}
div.wpcf7-mail-sent-ok {
border: none;
margin: 0;
padding: 0;
}
div.wpcf7 .ajax-loader {
border: none;
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
margin-left: 15px;
background: url('../images/loader.gif') center center no-repeat;
}
.map-spinner {
margin-left: 10px;
}
/* Retail Page Specific Style */
#store-list {
margin-top: 30px;
}
#store-list ul {
margin-bottom: 30px;
}
#store-list ul li {
float: none;
}
#store-list ul .active {
font-weight: bold;
color: #bab959;
}
#store-list ul .location {
text-transform: uppercase;
cursor: pointer;
}
#store-list ul .email-link,
#store-list ul [href^="mailto:"] {
display: inline;
color: #b1b1b1;
text-transform: none;
}
#retailer-filter {
margin-bottom: 20px;
}
#retailer-filter label {
display: block;
margin-bottom: 30px;
}
#retailer-filter input[type="tel"] {
width: 150px;
height: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 15px;
border: 0;
font-size: 14px;
line-height: 1;
}
#retailer-filter .button {
padding: 0 35px;
}
#retailer-filter .or {
margin: 20px;
}
#geoaccess {
display: inline-block;
vertical-align: middle;
margin-top: 10px;
margin-bottom: 10px;
}
#validation-msg {
margin-top: 10px;
display: block;
}
.or {
margin: 10px 0;
font-size: 12px;
}
/* ILVE */
.page-history .history_el {
position: relative;
height: auto;
}
.page-history .title-container {
padding: 15px 0 0 30px;
}
.page-history .main {
background-color: #191919;
}
.page-history .page-content {
padding: 0;
max-width: 100%;
margin: 0 30px;
}
.page-history .main-content {
margin: 18px auto auto auto;
max-width: 500px;
font-size: 16px;
line-height: 22px;
text-align: center;
}
.page-history .history-container {
clear: both;
overflow: hidden;
font-size: 14px;
line-height: 18px;
margin-top: 50px;
}
.page-history .history-container .col {
width: 50%;
position: relative;
float: left;
}
.page-history .history_el a{text-transform:none;}
.page-history .history-container p {
width: 70%;
}
.page-history .history-container.l p {
float: right;
margin-right: 40px;
}
.page-history .history-container.r p {
float: left;
margin-left: 40px;
}
.page-history .history-container img {
height: inherit;
}
.page-history .history-container .date {
font-family: 'futura-book';
font-size: 34px;
line-height: 34px;
margin-top: 8px;
}
.page-history .history-container .history_el {
clear: both;
overflow: hidden;
}
.page-history .history-container .history-inner {
display: none;
background: #404040;
}
.page-history .history-container .history-inner img {
width: 100%;
display: block;
height: auto;
}
.page-history .history-container .history-inner div {
width: 94%;
display: block;
padding: 30px 3% 60px;
}
.page-history .history-container .left-container,
.page-history .history-container .right-container {
position: relative;
background: #404040;
}
.page-history .history-container .left-container img,
.page-history .history-container .right-container img {
width: 100%;
display: block;
height: auto;
}
.page-history .history-container .left-container div,
.page-history .history-container .right-container div {
width: 88%;
display: block;
padding: 30px 6% 20px;
}
.page-history .history-container .history-dtop .left-container p {
float: right;
}
.page-history .history-container .left-container {
width: 53%;
float: left;
}
.page-history .history-container .right-container {
width: 47%;
float: right;
}
@media (max-width:750px) {
.page-history .history-container .history-inner {
display: block;
}
.page-history .history-dtop {
display: none;
}
}
/* Old */
/* History Page Specific Style */
/*
* 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;
}
.no-svg #history-timeline:before {
border-width: 1px;
}
.no-svg #history-timeline #bg-line img {
display: block;
}
.lt-ie9 #history-timeline {
height: 3953px;
}
#history-timeline {
position: relative;
padding-bottom: 65px;
margin-top: 200px;
}
#history-timeline:before {
content: '';
display: block;
width: 1000px;
border-top: 2px solid #39301d;
position: absolute;
z-index: 1;
left: -1000px;
top: 31px;
}
#history-timeline #bg-line {
position: relative;
z-index: -999;
background: url('../images/bg-pattern.jpg') no-repeat center bottom;
}
#history-timeline #bg-line img {
display: none;
}
#history-timeline #bg-line .square {
position: absolute;
z-index: 1;
}
#history-timeline #bg-line .square-small {
width: 10px;
height: 10px;
background-color: #443b28;
}
#history-timeline #bg-line .square-big {
width: 32px;
height: 32px;
background-color: #121212;
border: 1px solid #39301d;
}
#history-timeline #bg-line #square-1 {
right: 294px;
top: 182px;
}
#history-timeline #bg-line #square-2 {
right: 2px;
top: 172px;
}
#history-timeline #bg-line #square-3 {
right: 2px;
top: 307px;
}
#history-timeline #bg-line #square-4 {
left: 344px;
top: 457px;
}
#history-timeline #bg-line #square-5 {
right: 290px;
top: 647px;
}
#history-timeline #bg-line #square-6 {
right: 0px;
top: 637px;
}
#history-timeline #bg-line #square-7 {
right: 0px;
top: 772px;
}
#history-timeline #bg-line #square-8 {
left: 22px;
top: 915px;
}
#history-timeline #bg-line #square-9 {
left: 306px;
top: 905px;
}
#history-timeline #bg-line #square-10 {
left: 296px;
top: 1140px;
}
#history-timeline #bg-line #square-11 {
left: 563px;
top: 1130px;
}
#history-timeline #bg-line #square-12 {
left: 563px;
top: 1220px;
}
#history-timeline #bg-line #square-13 {
left: 203px;
top: 1359px;
}
#history-timeline #bg-line #square-14 {
right: 0px;
top: 1349px;
}
#history-timeline #bg-line #square-15 {
right: 0px;
top: 1479px;
}
#history-timeline #bg-line #square-16 {
left: 22px;
top: 1616px;
}
#history-timeline #bg-line #square-17 {
right: 291px;
top: 1606px;
}
#history-timeline #bg-line #square-18 {
right: 0px;
top: 1710px;
}
#history-timeline #bg-line #square-19 {
right: 0px;
top: 1860px;
}
#history-timeline #bg-line #square-20 {
right: 300px;
top: 1850px;
}
#history-timeline #bg-line #square-21 {
right: 289px;
top: 2005px;
}
#history-timeline #bg-line #square-22 {
left: 317px;
top: 2141px;
}
#history-timeline #bg-line #square-23 {
right: 288px;
top: 2131px;
}
#history-timeline #bg-line #square-24 {
right: 288px;
top: 2311px;
}
#history-timeline #bg-line #square-25 {
left: 480px;
top: 2301px;
}
#history-timeline #bg-line #square-26 {
left: 480px;
top: 2959px;
}
#history-timeline #bg-line #square-27 {
left: 617px;
top: 2948px;
}
#history-timeline #bg-line #square-28 {
left: 617px;
top: 3102px;
}
#history-timeline #bg-line #square-29 {
left: 317px;
top: 3092px;
}
#history-timeline #bg-line #square-30 {
left: 50%;
top: 2340px;
margin-left: -17px;
}
#history-timeline #bg-line #square-31 {
left: 50%;
top: 2890px;
margin-left: -17px;
}
#history-timeline #timeline-assets {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#history-timeline .year {
position: absolute;
z-index: 2;
}
#history-timeline .year h2 {
font-size: 70px;
line-height: 1;
color: #443b28;
}
#history-timeline .year strong {
color: #443b28;
}
#history-timeline .year p {
margin-top: 40px;
font-size: 14px;
line-height: 1.4285714285714286;
}
#history-timeline .year img {
position: absolute;
z-index: 2;
}
#history-timeline #year-1684 {
left: 0;
top: -55px;
width: 300px;
}
#history-timeline #year-1684 img {
left: 100%;
top: -150px;
}
#history-timeline #year-1761 {
top: 95px;
right: 30px;
width: 230px;
text-align: right;
}
#history-timeline #year-1761 strong {
font-size: 35px;
}
#history-timeline #year-1778 {
top: 365px;
right: 330px;
width: 300px;
text-align: right;
}
#history-timeline #year-1778 strong {
font-size: 35px;
}
#history-timeline #year-1778 img {
right: 80%;
top: -80px;
}
#history-timeline #year-1806 {
right: 25px;
top: 560px;
width: 450px;
text-align: right;
}
#history-timeline #year-1897 {
left: 40px;
top: 830px;
width: 280px;
}
#history-timeline #year-1897 strong {
display: block;
font-size: 28px;
}
#history-timeline #year-1897 img {
left: 110%;
top: 0;
}
#history-timeline #year-1910 {
left: 230px;
top: 1285px;
width: 270px;
}
#history-timeline #year-1910 strong {
font-size: 30px;
}
#history-timeline #year-1910 img {
left: 110%;
top: -60px;
}
#history-timeline #year-1968 {
left: 60px;
top: 1525px;
width: 225px;
}
#history-timeline #year-1968 img {
left: 105%;
top: 110px;
}
#history-timeline #year-1997 {
right: 0;
top: 1770px;
width: 280px;
}
#history-timeline #year-2007 {
left: 50%;
top: 2050px;
width: 300px;
margin-left: -140px;
}
#history-timeline #year-2007 strong {
display: block;
font-size: 40px;
}
#history-timeline #year-2007 .image-wrapper {
position: relative;
width: 420px;
height: 420px;
margin-top: 100px;
margin-left: -90px;
background-color: #000;
border: 20px solid #443b28;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
-ms-background-clip: padding-box;
-o-background-clip: padding-box;
background-clip: padding-box;
}
#history-timeline #year-2007 .image-wrapper img {
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
display: block;
margin-left: -105px;
margin-top: -150px;
}
#history-timeline #year-2011 {
left: 50%;
top: 2970px;
width: 300px;
margin-left: -150px;
}
#history-timeline #year-2011 h2 {
font-size: 120px;
}
#history-timeline #year-2011 img {
margin-top: 30px;
margin-left: -150px;
border-top: 2px solid #f9f9f9;
border-bottom: 2px solid #f9f9f9;
}
#history-timeline #video-node {
position: absolute;
left: 50%;
bottom: 165px;
text-align: center;
}
#history-timeline #video-node h2 {
width: 65px;
height: 65px;
padding: 60px 50px 40px 50px;
margin-left: -82px;
background-color: #443b28;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
-ms-background-clip: padding-box;
-o-background-clip: padding-box;
background-clip: padding-box;
font-size: 23px;
line-height: 1;
}
#history-timeline #video-node h2 a {
display: block;
color: #fff;
text-decoration: none;
}
#history-timeline #video-node .image-wrapper {
position: absolute;
z-index: 1;
left: 0;
top: 220px;
margin-left: -114px;
background-color: #443b28;
}
#history-timeline #video-node .image-wrapper a {
position: relative;
display: block;
left: -4px;
top: -3px;
border: 2px solid #443b28;
}
#history-timeline #video-node .image-wrapper a img {
display: block;
}
.page-contact .page-content .left,
.page-catalog .page-content .left,
.page-enquiries .page-content .left,
.page-catalog-request .page-content .left,
.page-template-page-templatescontact-page-php .page-content .left,
.page-template-page-newsletter-php .page-content .left,
.page-template-page-templatespage-service-php .page-content .left {
width: 40%;
margin-right: 5%;
}
.page-contact .page-content .right,
.page-catalog .page-content .right,
.page-enquiries .page-content .right,
.page-catalog-request .page-content .right,
.page-template-page-templatescontact-page-php .page-content .right,
.page-template-page-newsletter-php .page-content .right,
.page-template-page-templatespage-service-php .page-content .right {
width: 55%;
}
.page-contact .page-content .form-container li label,
.page-catalog .page-content .form-container li label,
.page-enquiries .page-content .form-container li label,
.page-catalog-request .page-content .form-container li label,
.page-template-page-templatescontact-page-php .page-content .form-container li label,
.page-template-page-newsletter-php .page-content .form-container li label,
.page-template-page-templatespage-service-php .page-content .form-container li label {
font-size: 14px;
}
.page-contact .page-content .form-container li.subscribe,
.page-catalog .page-content .form-container li.subscribe,
.page-enquiries .page-content .form-container li.subscribe,
.page-catalog-request .page-content .form-container li.subscribe,
.page-template-page-templatescontact-page-php .page-content .form-container li.subscribe,
.page-template-page-newsletter-php .page-content .form-container li.subscribe,
.page-template-page-templatespage-service-php .page-content .form-container li.subscribe {
margin-top: 10px;
margin-bottom: 10px;
}
.page-contact .page-content .form-container li.subscribe label,
.page-catalog .page-content .form-container li.subscribe label,
.page-enquiries .page-content .form-container li.subscribe label,
.page-catalog-request .page-content .form-container li.subscribe label,
.page-template-page-templatescontact-page-php .page-content .form-container li.subscribe label,
.page-template-page-newsletter-php .page-content .form-container li.subscribe label,
.page-template-page-templatespage-service-php .page-content .form-container li.subscribe label {
float: left;
}
.page-contact .page-content .form-container li.subscribe input,
.page-catalog .page-content .form-container li.subscribe input,
.page-enquiries .page-content .form-container li.subscribe input,
.page-catalog-request .page-content .form-container li.subscribe input,
.page-template-page-templatescontact-page-php .page-content .form-container li.subscribe input,
.page-template-page-newsletter-php .page-content .form-container li.subscribe input,
.page-template-page-templatespage-service-php .page-content .form-container li.subscribe input {
float: left;
width: auto;
height: auto;
margin-right: 10px;
background: none;
}
.page-contact .page-content .form-container li:last-child,
.page-catalog .page-content .form-container li:last-child,
.page-enquiries .page-content .form-container li:last-child,
.page-catalog-request .page-content .form-container li:last-child,
.page-template-page-templatescontact-page-php .page-content .form-container li:last-child,
.page-template-page-newsletter-php .page-content .form-container li:last-child,
.page-template-page-templatespage-service-php .page-content .form-container li:last-child {
margin-bottom: 0;
}
.page-recipes .recipe-mobile-nav {
display: none;
}
.page-recipes .page-content .page-content {
padding: 0;
}
.page-recipes .recipe-description {
width: 60.5%;
}
.page-recipes .recipe-description article {
opacity: 0;
visibility: hidden;
height: 0;
overflow: hidden;
-webkit-transition: opacity 2s ease;
-moz-transition: opacity 2s ease;
-o-transition: opacity 2s ease;
-ms-transition: opacity 2s ease;
transition: opacity 2s ease;
}
.page-recipes .recipe-description article.current {
height: auto;
opacity: 1;
visibility: visible;
}
.page-recipes .recipe-description ul li {
display: block;
float: none;
}
.page-recipes .recipe-description a {
display: block;
padding: 5px;
margin-left: 8px;
border: 1px solid #3e3f3f;
color: #fff;
text-align: center;
font-size: 13px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.page-recipes .recipe-description a:hover {
background-color: #3e3f3f;
}
.page-recipes .recipe-description h1 {
font-size: 22px;
margin-top: 40px;
}
.page-recipes .recipe-description .ingredients,
.page-recipes .recipe-description .method {
margin-top: 25px;
}
.page-recipes .recipe-description .ingredients p,
.page-recipes .recipe-description .method p {
margin: 0 0 5px 0;
text-transform: uppercase;
}
.page-recipes .recipe-description .ingredients ol,
.page-recipes .recipe-description .method ol {
margin: 0;
}
.page-recipes .recipe-nav {
width: 34.5%;
margin-right: 5%;
}
.page-recipes .recipe-nav p {
margin: 0 0 20px 0;
}
.page-recipes .recipe-nav ul li {
width: 50%;
height: auto;
border-right: 5px solid transparent;
margin-bottom: 5px;
cursor: pointer;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.page-recipes .recipe-nav ul li:hover a img {
opacity: 1;
}
.page-recipes .recipe-nav ul li:hover a p {
background-color: #fff;
color: #191919;
}
.page-recipes .recipe-nav a {
position: relative;
display: block;
}
.page-recipes .recipe-nav a img {
opacity: 0.8;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.page-recipes .recipe-nav a p {
color: #fff;
text-decoration: none;
display: block;
width: 100%;
height: 62px;
line-height: 15px;
margin: 0;
background-color: #191919;
text-align: center;
font-size: 12px;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.page-recipes .recipe-nav a.current img {
opacity: 1;
}
.page-recipes .recipe-nav a.current p {
background-color: #fff;
color: #191919;
}
.page-recipes img {
width: 100%;
vertical-align: top;
}
.page-recipes .ingredients {
width: 47.5%;
margin-right: 5%;
}
.page-recipes .method {
width: 47.5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.page-recipes .method ol {
padding-left: 20px;
}
#map-canvas,
#map-canvas2,
#map-canvas3 {
width: 100%;
height: 0;
padding-bottom: 70%;
background: url('../images/loader.gif') no-repeat center center;
}
#map-canvas2 {
margin-top: 30px;
padding-bottom: 44%;
}
.map-overlay {
width: 310px;
padding: 20px 15px;
background-color: #2c2c2c;
text-align: center;
}
.map-overlay a {
display: inline;
color: #B1B1B2;
font-size: 14px;
text-transform: none;
}
.map-overlay .shop-details li {
float: none;
font-size: 14px;
}
.map-overlay .shop-details .title {
font-weight: bold;
color: #bab959;
text-transform: uppercase;
}
.cluster {
width: 50px;
height: 50px;
background: url('../images/map/map-cluster.png') no-repeat left top;
}
.cluster .text {
text-align: center;
font-size: 18px;
line-height: 50px;
color: #000;
text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}
.cluster-10 {
width: 100px;
height: 100px;
background-image: url('../images/map/map-cluster-10.png');
}
.cluster-10 .text {
font-size: 28px;
line-height: 100px;
}
.cluster-100 {
width: 180px;
height: 180px;
background-image: url('../images/map/map-cluster-100.png');
}
.cluster-100 .text {
font-size: 38px;
line-height: 180px;
}
.cluster-1000 {
width: 280px;
height: 280px;
background-image: url('../images/map/map-cluster-1000.png');
}
.cluster-1000 .text {
font-size: 48px;
line-height: 280px;
}
.svg .cluster {
background-image: url('../images/map/map-cluster.svg');
}
.svg .cluster-10 {
background-image: url('../images/map/map-cluster-10.svg');
}
.svg .cluster-100 {
background-image: url('../images/map/map-cluster-100.svg');
}
.svg .cluster-1000 {
background-image: url('../images/map/map-cluster-1000.svg');
}
.single .page-content {
max-width: 1224px;
padding: 0;
margin: 0;
}
#product-gallery .item {
display: none;
width: 100%;
}
#product-gallery .item:first-child {
display: block;
}
#product-gallery .cycle-slide {
display: block;
}
#product-gallery .cycle-slide.hidden {
display: none;
}
#product-gallery img {
display: block;
margin: 0 auto;
}
#prod-details #prod-col-left,
#prod-details #prod-col-right {
width: 50%;
float: left;
}
#prod-details #prod-col-left {
position: relative;
height: 480px;
background-color: #3e3f3f;
text-align: center;
text-transform: uppercase;
}
#prod-details #prod-col-left .inner {
margin: 85px 70px;
}
#prod-details #prod-col-left .houzzzy {
top: 65% !important;
}
#prod-details #prod-col-left #pinit,
#prod-details #prod-col-left .houzzzy {
position: absolute;
z-index: 100;
left: 0;
top: 50%;
width: 68px;
height: 68px;
margin-top: -34px;
background-color: #2c2c2d;
font-size: 24px;
line-height: 68px;
color: #d5d6d3;
}
#prod-details #prod-col-left .houzzzy {
/* display:none;/* 29-08-16 R */ background-attachment: scroll;
background: #2c2c2d url('../images/huzzzy_new_2.png') no-repeat center;
background-size: auto;
overflow: hidden !important;
}
#prod-details #prod-col-left #pinit:hover {
color: #fff;
}
#prod-details #prod-col-left .pager {
position: absolute;
z-index: 100;
left: 0;
bottom: 40px;
width: 100%;
margin-left: -18px;
text-align: center;
}
#prod-details #prod-col-left .pager span {
display: inline-block;
*display: inline;
*zoom: 1;
width: 24px;
height: 24px;
margin-left: 18px;
background-color: #2c2c2d;
color: #2c2c2d;
cursor: pointer;
}
#prod-details #prod-col-left .pager .cycle-pager-active {
background-color: #bab959;
color: #bab959;
}
#prod-details #prod-col-right {
font-size: 14px;
line-height: 2;
}
#prod-details #prod-col-right .inner {
height: auto;
padding: 25px 35px 20px 35px;
}
#prod-details .product_speicifications {
margin-top: 35px;
}
#prod-details .product_speicifications .product_specifications-list {
border-bottom: 1px solid #262626;
}
#prod-details #prod-content ul {
list-style-type: disc;
margin: 0 0 20px 0;
}
#prod-details #prod-content ul li {
list-style-type: disc;
margin-left: 18px;
padding-left: 10px;
float: none;
display: list-item;
line-height: 24px;
}
#prod-details #prod-content.prod-content--tab ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 70px;
-moz-column-gap: 70px;
column-gap: 70px;
}
@media (max-width:650px) {
#prod-details #prod-content.prod-content--tab ul {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 0px;
-moz-column-gap: 0px;
column-gap: 0px;
}
}
@media (max-width:480px) {
#prod-details #prod-col-left #pinit {
width: 44px;
height: 44px;
font-size: 18px;
line-height: 50px;
}
}
#prod-breadcrumb {
font-size: 14px;
}
#prod-title {
display: block;
margin: 35px 0;
font-size: 34px;
}
#prod-links-list {
margin-left: -8px;
}
#prod-links-list li {
display: block;
width: 33%;
margin-bottom: 10px;
float: left;
}
#prod-links-list a {
margin: 5px;
text-align: center;
white-space: nowrap;
width: auto;
padding: 0;
}
#prod-links-list a:hover {
background-color: #3e3f3f;
}
#prod-related {
position: relative;
padding: 20px 100px 70px;
}
#prod-related .title {
font-size: 14px;
text-transform: uppercase;
}
#prod-related .prev-prod,
#prod-related .next-prod {
position: absolute;
top: 50%;
width: 68px;
height: 68px;
margin-top: -34px;
background-color: #191919;
border: 0;
color: #d5d6d3;
}
#prod-related .prev-prod:hover,
#prod-related .next-prod:hover {
color: #fff;
}
#prod-related .prev-prod [class^="icon-"],
#prod-related .next-prod [class^="icon-"] {
font-size: 36px;
}
#prod-related .prev-prod {
left: 0;
}
#prod-related .next-prod {
right: 0;
}
#prod-related-list {
margin-left: -4px;
text-align: center;
text-transform: uppercase;
}
#prod-related-list .prod-group {
width: 100%;
}
#prod-related-list .prod-item {
width: 33%;
margin-bottom: 5px;
float: left;
color: #fff;
}
#prod-related-list .prod-item .inner {
padding: 35px;
margin-left: 4px;
background-color: #3e3f3f;
}
#prod-related-list .prod-item .prod-image {
height: 180px;
}
#prod-related-list .prod-item .prod-image img {
display: block;
width: auto;
height: 100%;
margin: 0 auto;
}
#prod-related-list .prod-item .prod-image .no-image {
width: 100%;
height: 178px;
line-height: 178px;
border: 1px solid #666;
color: #666;
}
#prod-related-list .prod-item .prod-title {
margin-top: 20px;
}
.page-cooking-with-ilve .gio-content {
width: 38%;
margin-right: 2%;
}
.page-cooking-with-ilve .gio-info {
width: 60%;
}
.page-cooking-with-ilve .gio-info .youtube {
width: 100%;
height: 0;
padding-bottom: 56%;
margin-bottom: 20px;
position: relative;
}
.page-cooking-with-ilve .gio-info .youtube iframe {
width: 100%;
height: 100%;
position: absolute;
display: block;
}
.page-cooking-with-ilve .gio-info .additional-text {
width: 58%;
margin-right: 2%;
}
.page-cooking-with-ilve .gio-info .additional-image {
width: 40%;
}
.page-cooking-with-ilve .gio-info .additional-image img {
width: 100%;
}
@media (max-width:768px) {
.page-cooking-with-ilve .left,
.page-cooking-with-ilve .right {
float: none;
width: auto;
}
.page-cooking-with-ilve .gio-info .additional-text {
width: auto;
}
.page-cooking-with-ilve .gio-info .additional-image {
margin: auto;
}
}
.page-downloads {
/* New layout */
}
.page-downloads .cad_files {
display: none;
}
.page-downloads .download-text {
width: 50%;
}
.page-downloads .download-text .fixed {
background: red;
position: fixed;
}
.page-downloads .download-list {
width: 45%;
margin-left: 5%;
}
.page-downloads .download-list a {
color: #fff;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
text-transform: uppercase;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.page-downloads .download-list a:hover {
border-bottom-color: #ffffff;
}
.page-downloads .download-list a .icon-pdf,
.page-downloads .download-list a .icon-cad {
vertical-align: middle;
font-size: 32px;
margin-right: 10px;
}
.page-downloads .download-list a .file-name {
font-size: 14px;
text-transform: uppercase;
}
.page-downloads .download-list a.active {
border-bottom: 1px solid #ffffff;
}
.page-downloads .page-content button {
float: right;
margin-top: 20px;
}
.page-downloads .list {
display: none;
}
.page-downloads .list.active {
display: block;
}
.page-downloads .left_menu li {
display: block;
float: none;
text-transform: uppercase;
font-size: 16px;
line-height: 40px;
background: #191919;
cursor: pointer;
text-indent: 20px;
border-bottom: 1px solid #4d4d4d;
}
.page-downloads .left_menu li ul {
display: none;
}
.page-downloads .left_menu li ul li {
background: #404040;
color: #ffffff;
}
.page-downloads .left_menu li ul li:hover,
.page-downloads .left_menu li ul li.sub-active {
background-color: #e6e6e6;
color: #191919;
}
.page-downloads .left_menu > li.active {
background-color: #ffffff;
color: #191919;
border: 1px solid #191919;
}
.page-downloads .left_menu > li.active ul {
display: block;
border-top: 1px solid #191919;
}
.page-downloads .right.download-list .brochures.list > div,
.page-downloads .right.download-list .cad_files > div {
display: none;
}
.page-downloads .right.download-list .brochures.list > div.sub-active,
.page-downloads .right.download-list .cad_files > div.sub-active {
display: block;
}
.download_menu {
max-width: 410px;
}
.download-form-page {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 2;
display: none;
}
.download-form-page:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #4c4c4c;
opacity: 0.6;
}
.download-form-page .download-form-container {
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
*zoom: 1;
position: relative;
width: 570px;
padding: 75px 75px;
background-color: #262626;
margin: 0 auto;
clear: both;
top: 130px;
}
.download-form-page .download-form-container:before,
.download-form-page .download-form-container:after {
content: " ";
display: table;
}
.download-form-page .download-form-container:after {
clear: both;
}
.download-form-page .download-form-container input[type=submit] {
margin-top: 20px;
}
.download-form-page .close {
position: absolute;
top: 20px;
right: 20px;
font-size: 16px;
cursor: pointer;
}
.download-form-page div.wpcf7-validation-errors,
.download-form-page div.wpcf7-mail-sent-ok {
clear: both;
}
.download-form-page div.wpcf7-mail-sent-ok {
text-align: center;
}
.download-form-page #subscribe .wpcf7-list-item-label {
margin-left: 5px;
vertical-align: middle;
}
.download-form-page #subscribe .wpcf7-list-item {
margin-left: 0;
}
.download-form-page input[name="subscribe"] {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
width: 20px;
height: 20px;
position: relative;
border: none;
border-radius: 0;
outline: none;
background-image: none;
-webkit-appearance: none;
visibility: hidden;
}
.download-form-page .subscribe {
position: relative;
display: block;
}
.download-form-page .subscribe label,
.download-form-page .subscribe .wpcf7-list-item {
display: block;
}
.download-form-page .subscribe .wpcf7-list-item-label {
position: absolute;
z-index: 2;
top: 5px;
left: 0;
display: block;
width: 100%;
padding-left: 25px;
cursor: pointer;
}
.download-form-page .subscribe:before {
position: absolute;
z-index: 1;
content: '\2714';
display: block;
width: 20px;
height: 20px;
z-index: 2;
top: 4px;
left: 1px;
font-size: 18px;
line-height: 20px;
padding-left: 2px;
background-color: #b3b3b3;
color: #b3b3b3;
text-align: center;
}
.download-form-page .subscribe.checked:before {
color: #000;
}
@media (max-width:720px) {
.download-form-page .download-form-container {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 20px;
}
}
@media (max-width:650px) {
.page-downloads .download-text {
width: 100%;
}
.page-downloads .download-list {
width: 100%;
margin-top: 40px;
margin-left: 0%;
}
}
#showroom-lists {
margin-bottom: 30px;
}
#showroom-lists li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: none;
display: inline-block;
vertical-align: top;
width: 50%;
padding: 1px;
margin: 0;
}
#showroom-lists li:last-child {
border-bottom: 0;
}
#showroom-lists li a {
color: #fff;
background-color: #191919;
padding: 10px 20px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#showroom-lists li a:hover,
#showroom-lists li a.active {
color: #191919;
background-color: #fff;
}
#showroom-details li {
float: none;
font-size: 14px;
opacity: 0;
visibility: hidden;
height: 0;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
-ms-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
#showroom-details li.active {
opacity: 1;
visibility: visible;
height: auto;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
-ms-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
#showroom-details li span {
display: block;
margin-top: 10px;
font-weight: bold;
}
#showroom-details li .address span {
margin-top: 0;
}
#showroom-photos li {
float: none;
display: none;
}
#showroom-photos li.active {
display: block;
}
#showroom-photos li img {
display: block;
width: 100%;
height: auto;
}
.page-template-page-class-bookings-php .col {
vertical-align: top;
}
.page-template-page-class-bookings-php .col-1 {
float: left;
width: 460px;
}
.page-template-page-class-bookings-php .col-1 .col-inner {
margin-right: 55px;
}
.page-template-page-class-bookings-php .col-1 .page-header {
font-size: 16px;
}
.page-template-page-class-bookings-php .col-2 {
margin-left: 460px;
}
/***********/
.page-template-page-class-bookings .page-content .col-1,
.page-template-page-class-bookings .page-content .col-2{
width:50% ;
margin:0;
}
/****/
.page-template-page-class-bookings-php .custom-checkbox-wrapper {
position: relative;
}
.page-template-page-class-bookings-php .custom-checkbox-wrapper input {
position: absolute;
left: 0;
top: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.page-template-page-class-bookings-php .custom-checkbox-wrapper.checked .custom-checkbox {
border-color: #bab959;
background-color: #bab959;
}
.page-template-page-class-bookings-php .custom-checkbox {
position: absolute;
left: 30px;
top: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
border: 1px solid #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.page-template-page-class-bookings-php .page-header h2 {
font-family: futura-book, Arial, sans-serif;
font-size: 34px;
line-height: 150%;
}
.page-template-page-class-bookings-php .page-header p {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 18px;
}
.page-template-page-class-bookings-php .fancy-select {
position: relative;
}
.page-template-page-class-bookings-php .fancy-select .trigger {
position: relative;
height: 24px;
padding: 24px 30px 20px;
border: 1px solid #fff;
font-size: 18px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.page-template-page-class-bookings-php .fancy-select .trigger.open {
background-color: #191919;
}
.page-template-page-class-bookings-php .fancy-select .trigger:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
top: 50%;
right: 30px;
margin-top: -5px;
border: 10px solid transparent;
border-top-color: #bab959;
}
.page-template-page-class-bookings-php .fancy-select .options {
position: absolute;
z-index: 50;
top: 69px;
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 0;
margin: 0;
background-color: #191919;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
list-style: none;
visibility: hidden;
overflow: auto;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.page-template-page-class-bookings-php .fancy-select .options.open {
visibility: visible;
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.page-template-page-class-bookings-php .fancy-select .options.overflowing {
top: auto;
bottom: 69px;
border-top: 1px solid #fff;
border-bottom: none;
}
.page-template-page-class-bookings-php .fancy-select .options li {
float: none;
height: 24px;
padding: 24px 30px 20px;
cursor: pointer;
white-space: nowrap;
}
.page-template-page-class-bookings-php .fancy-select .options li:hover {
background-color: #262626;
}
.no-js .page-template-page-class-bookings-php .custom-checkbox-wrapper .custom-checkbox {
display: none;
}
.no-js .page-template-page-class-bookings-php .custom-checkbox-wrapper input {
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
#class-category label {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
*display: inline;
*zoom: 1;
width: 100%;
padding: 25px 10px 25px 75px;
margin-top: 10px;
border: 1px solid #fff;
text-align: left;
font-family: futura-book, Arial, sans-serif;
font-size: 18px;
line-height: 100%;
text-transform: uppercase;
color: #fff;
cursor: pointer;
}
#class-category label:first-child {
margin-top: 0;
}
#class-state {
margin-top: 10px;
}
#class-state select {
width: 100%;
}
#class-date {
margin-top: 10px;
}
#class-date .Zebra_DatePicker_Icon_Wrapper {
width: 100%;
}
#class-date input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 24px 30px 20px 30px;
margin: 0;
background-color: transparent;
border: 1px solid #fff;
font-family: Arial, sans-serif;
font-size: 18px;
line-height: 100%;
text-transform: uppercase;
color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
-ms-background-clip: padding-box;
-o-background-clip: padding-box;
background-clip: padding-box;
}
#class-date input::-webkit-input-placeholder {
font: 1em Arial, sans-serif;
color: #ffffff;
}
#class-date input:-moz-placeholder {
/* Firefox 18- */
font: 1em Arial, sans-serif;
color: #ffffff;
}
#class-date input::-moz-placeholder {
/* Firefox 19+ */
font: 1em Arial, sans-serif;
color: #ffffff;
}
#class-date input:-ms-input-placeholder {
font: 1em Arial, sans-serif;
color: #ffffff;
}
#class-date input.placeholder {
font: 1em Arial, sans-serif;
color: #ffffff;
}
#class-search-submit {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 24px 30px 20px 30px;
margin: 0;
margin-top: 10px;
background-color: #bab959;
border: 0;
font-family: futura-book, Arial, sans-serif;
font-size: 18px;
line-height: 100%;
text-transform: uppercase;
color: #fff;
color: #000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#class-search-submit:hover {
background-color: #191919;
color: #fff;
}
#class-results-wrapper {
margin-top: 20px;
}
#class-list-date {
padding: 21px 40px;
margin-top: 20px;
background-color: #404040;
font-family: futura-book, Arial, sans-serif;
font-size: 28px;
line-height: 100%;
text-transform: uppercase;
}
#class-list-items {
font-family: futura-book, Arial, sans-serif;
}
#class-list-items li {
width: 100%;
margin-top: 1px;
}
#class-list-items a {
position: relative;
display: block;
}
#class-list-items a:hover {
color: #fff;
}
#class-list-items a:hover .indicator {
width: 100%;
}
#class-list-items a:hover .class-list-item-day,
#class-list-items a:hover .class-list-item-datetime,
#class-list-items a:hover .plus-sign {
color: #fff;
}
#class-list-items .class-list-item-bg {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
}
#class-list-items .class-list-item-inner {
position: relative;
z-index: 3;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#class-list-items .class-list-item-body {
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
*zoom: 1;
position: relative;
left: 0;
top: 0;
margin-right: 71px;
font-size: 14px;
}
#class-list-items .class-list-item-body:before,
#class-list-items .class-list-item-body:after {
content: " ";
display: table;
}
#class-list-items .class-list-item-body:after {
clear: both;
}
#class-list-items .class-list-item-day {
position: absolute;
left: 0;
top: 20px;
vertical-align: top;
width: 45px;
height: 45px;
padding: 0 20px 0 30px;
font-size: 45px;
line-height: 100%;
color: #bab959;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#class-list-items .class-list-item-middle {
padding: 15px 15px 15px 100px;
vertical-align: top;
}
#class-list-items .class-list-item-datetime {
color: #bab959;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#class-list-items .class-list-item-details {
color: #404040;
}
#class-list-items .plus-sign {
position: absolute;
right: 0;
top: 0;
width: 70px;
height: 100%;
background-color: #fff;
color: #bab959;
text-align: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#class-list-items .plus-sign .class-list-item-inner {
position: absolute;
left: 50%;
top: 50%;
width: 28px;
height: 28px;
margin-left: -14px;
margin-top: -14px;
font-size: 28px;
}
#class-list-items .indicator {
position: absolute;
z-index: 1;
width: 15px;
top: 0;
left: 0;
height: 100%;
background-color: #bab959;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#class-list-pagination .events-table {
display: none;
}
#class-list-pagination .em-pagination {
display: block;
height: 14px;
padding: 28px;
background-color: #404040;
font-family: futura-book, Arial, sans-serif;
font-size: 14px;
line-height: 100%;
text-align: center;
color: #fff;
}
#class-list-pagination .em-pagination strong,
#class-list-pagination .em-pagination a {
display: inline;
color: #fff;
}
#class-list-pagination .em-pagination strong {
color: #bab959;
}
.em-no-events {
padding: 10px 40px;
height: 50px;
background-color: #fff;
font-family: futura-book, Arial, sans-serif;
line-height: 50px;
color: #404040;
}
@media only screen and (max-width:980px) {
.page-template-page-class-bookings-php .col-1 {
float: none;
margin: auto;
}
.page-template-page-class-bookings-php .col-1 .col-inner {
margin-right: 0;
}
.page-template-page-class-bookings-php .col-2 {
float: none;
margin-top: 40px;
margin-left: 0;
}
}
@media only screen and (max-width:500px) {
#class-category label {
font-size: 14px;
}
#class-state,
#class-date {
margin-top: 20px;
}
.page-template-page-class-bookings-php .col-1 {
width: 100%;
}
.page-template-page-class-bookings-php .col-1 .col-inner {
margin-left: 20px;
margin-right: 20px;
}
}
.single-event .breadcrumb {
padding-bottom: 30px;
margin-bottom: 0;
}
.single-event .title-container {
padding-bottom: 0;
}
.single-event .page-content {
font-family: futura-book, Arial, sans-serif;
font-size: 18px;
}
.single-event .col {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
}
.single-event .col-1 {
width: 40%;
}
.single-event .col-1 .col-inner {
margin-right: 40px;
}
.single-event .col-2 {
width: 60%;
}
.single-event .em-booking {
margin: 0;
}
.single-event .em-booking-form label {
float: none;
display: block;
width: auto;
}
.single-event .em-booking-form-details {
width: 100%;
padding: 0;
}
.single-event .em-booking-form input,
.single-event .em-booking-form select,
.single-event .em-booking-form textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 11px;
margin: 0;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
-ms-background-clip: padding-box;
-o-background-clip: padding-box;
background-clip: padding-box;
}
.single-event .em-booking-form input[type="text"],
.single-event .em-booking-form input[type="email"],
.single-event .em-booking-form select,
.single-event .em-booking-form textarea {
background-color: #b9b9b9;
font-size: 16px;
}
.single-event .em-booking-form input[type="text"]:focus,
.single-event .em-booking-form input[type="email"]:focus,
.single-event .em-booking-form select:focus,
.single-event .em-booking-form textarea:focus {
background-color: #fff;
}
.single-event .em-booking-form label {
margin-bottom: 5px;
color: #fff;
font-size: 14px;
line-height: 150%;
}
.single-event #booking_comment {
height: 200px;
resize: none;
}
.single-event #em-booking-submit {
background-color: #bab959;
border: none;
color: #2e2e2e;
text-transform: uppercase;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.single-event #em-booking-submit:hover {
background-color: #2c2c2d;
color: #fff;
}
.single-event .em-booking-form-title {
margin-top: 0;
font-size: 18px;
color: #bab959;
text-transform: uppercase;
}
.single-event div.em-booking-message-error {
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
-ms-background-clip: padding-box;
-o-background-clip: padding-box;
background-clip: padding-box;
}
.single-event .fancy-select {
position: relative;
color: #000;
}
.single-event .fancy-select .trigger {
position: relative;
height: 16px;
padding: 12px 10px;
background-color: #b9b9b9;
font-size: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.single-event .fancy-select .trigger:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
top: 50%;
right: 30px;
margin-top: -5px;
border: 10px solid transparent;
border-top-color: #000;
}
.single-event .fancy-select .options {
position: absolute;
z-index: 50;
top: 39px;
max-height: 200px;
left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 0;
margin: 0;
background-color: #b9b9b9;
list-style: none;
visibility: hidden;
overflow: auto;
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
-o-opacity: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}
.single-event .fancy-select .options.open {
visibility: visible;
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.single-event .fancy-select .options.overflowing {
top: auto;
bottom: 39px;
}
.single-event .fancy-select .options li {
float: none;
height: 16px;
padding: 12px 10px;
background-color: #000;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
cursor: pointer;
white-space: nowrap;
color: #fff;
}
.single-event .fancy-select .options li:hover {
background-color: #fff;
color: #000;
}
.single-event #class-detail-description {
margin-bottom: 50px;
font-size: 16px;
}
#single-class-wrapper {
padding: 30px 100px 70px 100px;
margin: auto;
}
#single-class-wrapper .event-categories a {
color: #fff;
pointer-events: none;
}
#single-class-wrapper .single-class-caption {
color: #bab959;
text-transform: uppercase;
}
#single-class-wrapper .col-2 .em-location-map-container {
display: none;
}
#single-class-title {
padding-bottom: 30px;
margin: 0;
background-color: #191919;
font-size: 34px;
line-height: 150%;
text-transform: uppercase;
text-align: center;
}
#single-class-details-list {
line-height: 150%;
}
#single-class-details-list li {
position: relative;
float: none;
display: block;
padding-left: 60px;
margin-bottom: 30px;
}
#single-class-details-list li .icon-sprite {
position: absolute;
left: 0;
top: 0;
}
#single-class-details-list .em-location-map-container {
position: relative;
width: 110%;
height: 0;
padding-bottom: 100%;
margin-top: 20px;
margin-left: -40px;
}
#single-class-details-list .em-location-map-container .em-location-map {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.icon-sprite {
display: inline-block;
*display: inline;
*zoom: 1;
width: 50px;
height: 50px;
background-image: url('../images/icons.svg');
background-size: 200px 200px;
background-repeat: no-repeat;
}
.no-svg .icon-sprite {
background-image: url('../images/icons.png');
}
.icon-sprite-time {
background-position: 0 0;
}
.icon-sprite-pin {
background-position: -50px -50px;
}
.icon-sprite-calender {
background-position: -100px -100px;
}
.icon-sprite-people {
background-position: -150px -150px;
}
@media only screen and (max-width:980px) {
#single-class-title {
text-align: center;
}
#single-class-wrapper {
padding: 20px;
}
.single-event .col {
display: block;
margin: auto;
}
.single-event .col-1 .col-inner {
margin-right: 0;
}
.single-event .col-2 {
margin-bottom: 40px;
}
.single-event .col-1,
.single-event .col-2 {
width: 460px;
}
}
@media only screen and (max-width:500px) {
.em-location-map-container {
display: none;
}
.single-event .col-1,
.single-event .col-2 {
width: 100%;
}
}
.compare-result {
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
*zoom: 1;
margin: 0 auto;
text-align: center;
}
.compare-result:before,
.compare-result:after {
content: " ";
display: table;
}
.compare-result:after {
clear: both;
}
.compare-result .button-details {
display: inline-block;
*display: inline;
*zoom: 1;
margin: 30px 0;
}
.compare-result-col-4 .compare-result-item {
width: 25%;
}
.compare-result-col-3 {
width: 960px;
}
.compare-result-col-2 {
width: 640px;
}
.compare-result-col-1 {
width: 320px;
}
.compare-result-item {
float: left;
width: 320px;
vertical-align: top;
}
.compare-result-item-inner {
margin: 2px;
}
.compare-result-item-thumbnail {
height: 200px;
padding: 25px 0;
background-color: #3e3f3f;
}
.compare-result-item-thumbnail:before {
content: '';
display: inline-block;
*display: inline;
*zoom: 1;
width: 0;
height: 100%;
vertical-align: middle;
}
.compare-result-item-thumbnail img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
.compare-result-item-content {
padding: 20px;
text-align: left;
}
.compare-result-item-content ul {
list-style-type: disc;
}
.compare-result-item-content ul li {
float: none;
margin: 20px 0;
}
.compare-result-item-excerpt {
min-height: 150px;
}
.clear-all {
background-color: transparent;
color: #bab959;
border: none;
}
.clear-all:hover {
text-decoration: underline;
}
@media (max-width:980px) {
.compare-result-col-3 {
width: 100%;
}
.compare-result-col-3 .compare-result-item {
width: 33%;
}
}
@media (max-width:660px) {
.compare-result .button-details {
width: auto;
}
.compare-result-col-4 .compare-result-item,
.compare-result-col-3 .compare-result-item,
.compare-result-col-2 .compare-result-item {
width: 50%;
}
.compare-result-col-2 {
width: 100%;
}
}
@media (max-width:400px) {
.compare-result-col-1 {
width: 100%;
}
.compare-result-col-4 .compare-result-item,
.compare-result-col-3 .compare-result-item,
.compare-result-col-2 .compare-result-item {
width: 100%;
}
}
.service-tabs {
margin-top: 40px;
}
#product_type_dropdown {
min-height: 40px;
}
#agents-filter {
margin-top: 40px;
visibility: hidden;
}
#agents-filter.visible {
visibility: visible;
}
@media (max-width:1224px) {
.header-image {
width: 100%;
}
}
@media (max-width:768px) {
.header-image-container {
height: 188px;
overflow: hidden;
}
.header-image {
width: auto;
height: 188px;
/*position: absolute;
left: 50%;*/
margin: 0;
/*margin-left: -384px;*/
}
/* Global Layout */
.layout .col {
float: none;
}
.layout-2cols .col-1-lvl1 {
width: 100%;
margin-top: 20px;
}
.layout-2cols .col-2-lvl1 {
width: 100%;
float: none;
margin-left: 0;
}
}
@media (max-width:767px) {
.cliamform-main,
.methodform-main,
.proofform-main,
.thankU-main {
padding: 0 15px;
}
.page-content p {
font-size: 14px;
}
.payCard {
padding-right: 6px;
}
.paypal-icon {
padding-left: 15px;
}
.form-container li.halfLi {
width: 100%;
}
.form-container li.halfLi .leftLi,
.form-container li.halfLi .rightLi {
padding: 0;
}
.cl-redemption-claim .step-progress {
width: auto;
padding: 0 15px;
}
.stepbtn {
width: 20px;
height: 20px;
}
.stepwizard li p {
min-height: 30px;
vertical-align: top;
display: inline-block;
margin: 12px 0 0 0;
font-size: 12px;
line-height: 16px;
}
.stepwizard li {
width: 23%;
}
.stepwizard:before {
top: 33%;
}
.title-container {
padding: 0 15px;
}
.menu_title:after {
right: 15%;
}
.sub-Condition {
padding: 15px 0;
}
.term-condition ul.sub-Condition li {
padding-right: 10px;
padding-left: 15px;
}
.proofform-main .form-container li .checkbx {
width: 100% !important;
margin-bottom: 0 !important;
}
.upload-proof {
min-width: 100%;
font-size: 16px;
}
.thankU-main p {
line-height: 24px;
}
.cliammain-bg img {
max-width: 100%;
}
}
@media (max-width:320px) {
.stepwizard li p {
font-size: 10px;
}
.menu_title:after {
right: 8.5%;
}
.upload-proof {
min-width: 100%;
font-size: 14px;
}
}
@media only screen and (min-width:568px) and (max-width:767px) {
.stepwizard li {
width: 24%;
}
.stepwizard li p {
font-size: 12px;
}
.form-container li.halfLi {
width: 50%;
}
.form-container li.halfLi .leftLi {
padding-right: 10px;
}
.form-container li.halfLi .rightLi {
padding-left: 10px;
}
.menu_title:after {
right: 27%;
}
}
@media (max-width:650px) {
.button {
width: 100%;
}
}
@media (max-width:1040px) {
.nav-top {
padding-left: 30px;
}
#menu-productnav li ul.slider-active {
left: 0 !important;
}
nav.mainNav ul li a {
padding: 0 15px;
font-size: 16px;
}
.nav-top {
padding-left: 15px;
}
.menu-productnav-container {
width: 110px;
}
.nav-top ul li {
margin-left: 30px;
}
.nav-top .menu-topnav-container {
margin-right: 30px;
}
}
@media (max-width:880px) {
.nav-top {
padding-left: 10px;
}
.menu-productnav-container {
width: 90px;
}
.nav-top ul li {
margin-left: 20px;
}
.nav-top ul li a {
font-size: 13px;
}
.nav-top .menu-topnav-container {
margin-right: 20px;
}
nav.mainNav ul li a {
padding: 0 10px;
font-size: 13px;
}
}
@media (max-width:768px) {
.cycle-sentinel {
display: none !important;
}
}
@media (max-width:728px) {
.nav-top ul li {
margin-left: 16px;
}
.nav-top .menu-topnav-container {
margin-right: 16px;
}
nav.mainNav ul li a {
padding: 0 8px;
font-size: 12px;
}
}
@media (max-width:650px) {
nav.mainNav {
margin-left: 0px;
}
.menu-topnav-container {
display: none;
}
.nav-top {
height: 55px;
border-bottom: 1px solid #000;
}
.nav-bottom {
width: 100%;
height: 120px;
background-color: #191919;
}
.nav-bottom .logo {
display: block;
float: none;
clear: both;
margin: 0 auto;
width: 164px;
padding: 28px 0 0 0;
}
.nav-bottom-container {
padding: 0;
}
.nav-bottom-container .mainNav {
padding: 0;
width: 100%;
}
.mobileNavButton {
position: absolute;
top: -55px;
right: 0;
height: 55px;
display: block;
width: 55px;
height: 54px;
background-color: #2c2c2d;
padding: 18px 16px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
cursor: pointer;
}
.mobileNavButton span {
width: 22px;
height: 3px;
background-color: #fff;
margin-bottom: 5px;
margin-left: 1px;
display: block;
}
.nav-top {
padding: 0;
}
.nav-top form {
position: absolute;
top: 0;
right: 0px;
float: none;
width: 100%;
}
.nav-top form div {
width: 100%;
margin: 0;
}
.nav-top form div input[type="text"] {
width: 0;
padding: 0;
height: 55px;
border: none;
background-color: #2c2c2d;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.nav-top form .icon-search {
height: 55px;
width: 55px;
color: #fff;
border-left: 1px solid #000;
background-color: #191919;
top: 0;
right: 55px;
left: auto;
}
.nav-top form .icon-search:before {
position: absolute;
top: 18px;
left: 18px;
}
.nav-top form.active-search div input[type="text"] {
width: 100%;
padding: 0 10px;
}
.showMobile {
display: block;
}
.menu-productnav-container {
float: none;
margin-left: 0;
width: 100%;
}
#menu-productnav .rsArrow {
display: none !important;
}
#menu-productnav li ul li a .product-nav-image {
display: none;
}
nav.mainNav ul li {
z-index: 100;
display: block;
float: none;
height: 60px;
line-height: 60px;
border-bottom: 1px solid #191919;
padding: 0;
margin-left: 10px;
margin-right: 10px;
}
nav.mainNav ul li:first-child {
margin-left: 10px;
}
nav.mainNav ul li:hover a,
nav.mainNav ul li:focus a {
background-color: #191919;
}
nav.mainNav ul li a {
padding: 0 0 0 10px;
}
nav.mainNav ul li ul li {
width: 100%;
margin: 0;
border: none;
height: auto;
line-height: 120%;
}
nav.mainNav ul li ul li a {
padding: 10px 0;
}
nav.mainNav ul li ul li a:before {
content: "";
position: absolute;
left: 0;
background-color: #fff;
height: 1px;
width: 0;
padding: 0;
bottom: 5px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
nav.mainNav ul li ul li a:hover:before,
nav.mainNav ul li ul li a:focus:before {
width: 100%;
}
nav.mainNav ul li ul li:first-child {
margin-left: 0;
}
.main_menu_wrapper {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
display: block;
width: 100%;
}
.main_menu_wrapper .menu-item-has-children:not(.menu-item-type-custom) > a:after {
content: "+";
position: absolute;
color: #fff;
right: 8px;
top: 0;
font-size: 16px;
}
.main_menu_wrapper .sub-menu {
max-height: 0px;
position: relative;
right: auto;
width: 100%;
background-color: #494949;
}
.main_menu_wrapper .sub-menu > li {
padding: 0px 20px;
}
.main_menu_wrapper .sub-menu > li:first-child {
padding-top: 10px;
}
.main_menu_wrapper .sub-menu > li:last-child {
padding-bottom: 10px;
}
.main_menu_wrapper .menu-item--active.menu-item-has-children > a:after {
content: "-";
}
.main_menu_wrapper .menu-item--active .sub-menu {
max-height: 1024px;
opacity: 1;
visibility: visible;
height: auto;
}
.main_menu_wrapper ul li ul li a:hover {
background-color: transparent;
color: inherit;
}
.main_menu_wrapper ul li ul li a:hover:before {
display: none;
}
.menu-productnav-container {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
width: 50%;
}
#menu-productnav .sub-menu {
right: -100%;
top: -1px;
height: auto;
width: 100%;
background-color: #191919;
padding: 10px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#menu-productnav li {
border-top: 1px solid #191919;
margin-top: 20px;
width: auto;
}
#menu-productnav li ul {
z-index: 0;
display: block;
opacity: 0;
visibility: hidden;
height: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#menu-productnav li ul li {
width: 100%;
margin: 0;
border: none;
height: auto;
line-height: 120%;
}
#menu-productnav li ul li a {
display: block;
height: 100%;
width: 100%;
padding: 10px 0;
background-color: transparent;
}
#menu-productnav li ul li a .product-nav-image {
display: none;
}
#menu-productnav li ul li a .product-nav-name {
display: block;
position: static;
width: 100%;
text-align: left;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#menu-productnav li ul li a .product-nav-name:before {
background-color: #fff;
height: 1px;
padding: 0;
bottom: 5px;
}
#menu-productnav li ul li:hover .product-nav-name:before {
width: 100%;
}
#menu-productnav li:hover > .sub-menu,
#menu-productnav li:focus > .sub-menu {
opacity: 1;
visibility: visible;
height: auto;
}
.mainNavContainer {
display: block;
overflow: hidden;
opacity: 0;
height: 0;
position: absolute;
top: -1px;
background-color: #2c2c2d;
z-index: 90;
width: 100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.mainNavContainer.mobileNav {
overflow: visible;
opacity: 1;
left:0;
height: auto;
position: absolute;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
}
@media (max-width:650px) and (max-width:650px) {
nav.mainNav ul li {
height: auto;
}
}
@media (max-width:650px) and (max-width:650px) {
nav.mainNav ul li:first-child {
text-align: left;
margin-right: 10px;
margin-left: 10px;
}
}
@media (max-width:650px) and (max-width:650px) {
nav.mainNav ul li:hover a,
nav.mainNav ul li:focus a {
background-color: transparent;
}
}
@media (max-width:1040px) {
.button {
padding: 0 30px;
}
.footer-top .newsletter-subscribe-container .newsletter-subscribe {
margin-top: 20px;
left: auto;
margin-right: 0;
}
.footer-top .newsletter-subscribe-container .newsletter-subscribe label {
display: block;
}
.footer-top .newsletter-subscribe-container .newsletter-subscribe input[type="text"] {
margin-right: 0;
margin-top: 5px;
margin-left: 0;
}
footer .footer-bottom {
padding-left: 15px;
}
}
@media (max-width:900px) {
footer .footer-bottom #menu-item-8699 {
width: 15%;
}
footer .footer-bottom #menu-item-8699 li {
float: none;
display: block;
margin-right: 0;
}
}
@media (max-width:880px) {
.footer-top .newsletter-subscribe-container .newsletter-subscribe {
margin-right: 0;
}
.footer-top .newsletter-subscribe-container .newsletter-subscribe label {
display: block;
}
.footer-top .newsletter-subscribe-container .newsletter-subscribe input[type="text"] {
margin-right: 0;
margin-top: 5px;
margin-left: 0;
}
.footer-top .newsletter-subscribe-container .icon-facebook {
width: 45px;
}
footer .footer-bottom .random-links li a {
padding: 0 20px;
}
footer .footer-bottom .random-links .copyright {
padding-right: 20px;
}
}
@media (max-width:768px) {
.footer-top {
position: relative !important;
bottom: 0px !important;
background-color: #000;
height: auto;
width: 100%;
padding: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.footer-top .button {
position: static;
float: none;
margin: 0 auto 20px auto;
}
.footer-top .newsletter-subscribe-container {
text-align: center;
}
.footer-top .button-subscribe {
width: auto;
}
.footer-top .inner-wrapper {
border-left: none;
border-right: none;
height: 100%;
width: 100%;
background-color: #2c2c2d;
padding-top: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.footer-top .newsletter-subscribe-container {
width: 100%;
float: none;
}
.footer-top .newsletter-subscribe-container .newsletter-subscribe {
float: none;
margin: 0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
position: static;
}
.footer-top .newsletter-subscribe-container .newsletter-subscribe label {
display: block;
width: 100%;
text-align: center;
margin-bottom: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.footer-top .newsletter-subscribe-container .newsletter-subscribe input[type="text"] {
width: 100%;
padding: 0 10px;
margin: 0;
}
.footer-top .newsletter-subscribe-container .newsletter-subscribe input[type="submit"] {
width: 100%;
height: 50px;
line-height: 50px;
margin: 15px 0;
}
.footer-top .social-links {
width: 100%;
overflow: hidden;
float: none;
border-top: 1px solid #000;
}
.footer-top .social-links a:nth-of-type(1),
.footer-top .social-links a:nth-of-type(2),
.footer-top .social-links a:nth-of-type(3) {
width: 33.333%;
border-bottom: 1px solid #000;
}
.footer-top .social-links a:nth-of-type(3) {
border-right: none;
}
.footer-top .social-links a.icon-youtube,
.footer-top .social-links a.icon-blog {
width: 50% !important;
}
footer {
border-top: none;
padding-top: 0;
}
footer .footer-bottom {
margin-bottom: 200px;
padding-left:0;
padding-top:0;
}
footer .footer-bottom .random-links {
height: auto;
padding: 40px 0;
overflow: hidden;
border-bottom: 1px solid #2e2e2e;
}
footer .footer-bottom .random-links span,
footer .footer-bottom .random-links ul li {
text-align: center;
width: 100%;
margin: 5px 0;
}
footer .footer-bottom .main-footer-links {
display: none;
}
.home .footer-top {
padding-top: 0;
}
}
/*************************************************************/
/****************** 27_MARCH UPDATE STRAT **********/
/******************************************************/
.row {
margin-left: 0px;
margin-right: 0px;
box-sizing:border-box;
}
.own-wrap {
margin-right: auto;
margin-left: auto;
padding-left: 0px;
padding-right: 0px
}
@media (min-width:768px) {
.own-wrap {
width: 730px
}
}
@media (min-width:992px) {
.own-wrap {
width: 970px
}
}
@media (min-width:1200px) {
.own-wrap {
width: 1070px
}
}
.cf:before,
.cf:after,
.own-wrap:before,
.own-wrap:after,
.own-wrap-fluid:before,
.own-wrap-fluid:after,
.row:before,
.row:after {
content: " ";
display: table
}
.cf:after,
.own-wrap:after,
.own-wrap-fluid:after,
.row:after {
clear: both
}
.col {
box-sizing: border-box;
position: relative;
margin: 0;
padding: 0;
float: left;
}
.xsml-1 {
width: 8.33333%
}
.xsml-offset-1 {
margin-left: 8.33333%
}
.xsml-push-1 {
left: 8.33333%;
right: auto
}
.xsml-pull-1 {
right: 8.33333%;
left: auto
}
.xsml-2 {
width: 16.66667%
}
.xsml-offset-2 {
margin-left: 16.66667%
}
.xsml-push-2 {
left: 16.66667%;
right: auto
}
.xsml-pull-2 {
right: 16.66667%;
left: auto
}
.xsml-3 {
width: 25%
}
.xsml-offset-3 {
margin-left: 25%
}
.xsml-push-3 {
left: 25%;
right: auto
}
.xsml-pull-3 {
right: 25%;
left: auto
}
.xsml-4 {
width: 33.33333%
}
.xsml-offset-4 {
margin-left: 33.33333%
}
.xsml-push-4 {
left: 33.33333%;
right: auto
}
.xsml-pull-4 {
right: 33.33333%;
left: auto
}
.xsml-5 {
width: 41.66667%
}
.xsml-offset-5 {
margin-left: 41.66667%
}
.xsml-push-5 {
left: 41.66667%;
right: auto
}
.xsml-pull-5 {
right: 41.66667%;
left: auto
}
.xsml-6 {
width: 50%
}
.xsml-offset-6 {
margin-left: 50%
}
.xsml-push-6 {
left: 50%;
right: auto
}
.xsml-pull-6 {
right: 50%;
left: auto
}
.xsml-7 {
width: 58.33333%
}
.xsml-offset-7 {
margin-left: 58.33333%
}
.xsml-push-7 {
left: 58.33333%;
right: auto
}
.xsml-pull-7 {
right: 58.33333%;
left: auto
}
.xsml-8 {
width: 66.66667%
}
.xsml-offset-8 {
margin-left: 66.66667%
}
.xsml-push-8 {
left: 66.66667%;
right: auto
}
.xsml-pull-8 {
right: 66.66667%;
left: auto
}
.xsml-9 {
width: 75%
}
.xsml-offset-9 {
margin-left: 75%
}
.xsml-push-9 {
left: 75%;
right: auto
}
.xsml-pull-9 {
right: 75%;
left: auto
}
.xsml-10 {
width: 83.33333%
}
.xsml-offset-10 {
margin-left: 83.33333%
}
.xsml-push-10 {
left: 83.33333%;
right: auto
}
.xsml-pull-10 {
right: 83.33333%;
left: auto
}
.xsml-11 {
width: 91.66667%
}
.xsml-offset-11 {
margin-left: 91.66667%
}
.xsml-push-11 {
left: 91.66667%;
right: auto
}
.xsml-pull-11 {
right: 91.66667%;
left: auto
}
.xsml-12 {
width: 100%
}
.xsml-offset-12 {
margin-left: 100%
}
.xsml-push-12 {
left: 100%;
right: auto
}
.xsml-pull-12 {
right: 100%;
left: auto
}
@media (min-width:768px) {
.sml-1 {
width: 8.33333%
}
.sml-offset-1 {
margin-left: 8.33333%
}
.sml-push-1 {
left: 8.33333%;
right: auto
}
.sml-pull-1 {
right: 8.33333%;
left: auto
}
.sml-2 {
width: 16.66667%
}
.sml-offset-2 {
margin-left: 16.66667%
}
.sml-push-2 {
left: 16.66667%;
right: auto
}
.sml-pull-2 {
right: 16.66667%;
left: auto
}
.sml-3 {
width: 25%
}
.sml-offset-3 {
margin-left: 25%
}
.sml-push-3 {
left: 25%;
right: auto
}
.sml-pull-3 {
right: 25%;
left: auto
}
.sml-4 {
width: 33.33333%
}
.sml-offset-4 {
margin-left: 33.33333%
}
.sml-push-4 {
left: 33.33333%;
right: auto
}
.sml-pull-4 {
right: 33.33333%;
left: auto
}
.sml-5 {
width: 41.66667%
}
.sml-offset-5 {
margin-left: 41.66667%
}
.sml-push-5 {
left: 41.66667%;
right: auto
}
.sml-pull-5 {
right: 41.66667%;
left: auto
}
.sml-6 {
width: 50%
}
.sml-offset-6 {
margin-left: 50%
}
.sml-push-6 {
left: 50%;
right: auto
}
.sml-pull-6 {
right: 50%;
left: auto
}
.sml-7 {
width: 58.33333%
}
.sml-offset-7 {
margin-left: 58.33333%
}
.sml-push-7 {
left: 58.33333%;
right: auto
}
.sml-pull-7 {
right: 58.33333%;
left: auto
}
.sml-8 {
width: 66.66667%
}
.sml-offset-8 {
margin-left: 66.66667%
}
.sml-push-8 {
left: 66.66667%;
right: auto
}
.sml-pull-8 {
right: 66.66667%;
left: auto
}
.sml-9 {
width: 75%
}
.sml-offset-9 {
margin-left: 75%
}
.sml-push-9 {
left: 75%;
right: auto
}
.sml-pull-9 {
right: 75%;
left: auto
}
.sml-10 {
width: 83.33333%
}
.sml-offset-10 {
margin-left: 83.33333%
}
.sml-push-10 {
left: 83.33333%;
right: auto
}
.sml-pull-10 {
right: 83.33333%;
left: auto
}
.sml-11 {
width: 91.66667%
}
.sml-offset-11 {
margin-left: 91.66667%
}
.sml-push-11 {
left: 91.66667%;
right: auto
}
.sml-pull-11 {
right: 91.66667%;
left: auto
}
.sml-12 {
width: 100%
}
.sml-offset-12 {
margin-left: 100%
}
.sml-push-12 {
left: 100%;
right: auto
}
.sml-pull-12 {
right: 100%;
left: auto
}
}
@media (min-width:992px) {
.mid-1 {
width: 8.33333%
}
.mid-offset-1 {
margin-left: 8.33333%
}
.mid-push-1 {
left: 8.33333%;
right: auto
}
.mid-pull-1 {
right: 8.33333%;
left: auto
}
.mid-2 {
width: 16.66667%
}
.mid-offset-2 {
margin-left: 16.66667%
}
.mid-push-2 {
left: 16.66667%;
right: auto
}
.mid-pull-2 {
right: 16.66667%;
left: auto
}
.mid-3 {
width: 25%
}
.mid-offset-3 {
margin-left: 25%
}
.mid-push-3 {
left: 25%;
right: auto
}
.mid-pull-3 {
right: 25%;
left: auto
}
.mid-4 {
width: 33.33333%
}
.mid-offset-4 {
margin-left: 33.33333%
}
.mid-push-4 {
left: 33.33333%;
right: auto
}
.mid-pull-4 {
right: 33.33333%;
left: auto
}
.mid-5 {
width: 41.66667%
}
.mid-offset-5 {
margin-left: 41.66667%
}
.mid-push-5 {
left: 41.66667%;
right: auto
}
.mid-pull-5 {
right: 41.66667%;
left: auto
}
.mid-6 {
width: 50%
}
.mid-offset-6 {
margin-left: 50%
}
.mid-push-6 {
left: 50%;
right: auto
}
.mid-pull-6 {
right: 50%;
left: auto
}
.mid-7 {
width: 58.33333%
}
.mid-offset-7 {
margin-left: 58.33333%
}
.mid-push-7 {
left: 58.33333%;
right: auto
}
.mid-pull-7 {
right: 58.33333%;
left: auto
}
.mid-8 {
width: 66.66667%
}
.mid-offset-8 {
margin-left: 66.66667%
}
.mid-push-8 {
left: 66.66667%;
right: auto
}
.mid-pull-8 {
right: 66.66667%;
left: auto
}
.mid-9 {
width: 75%
}
.mid-offset-9 {
margin-left: 75%
}
.mid-push-9 {
left: 75%;
right: auto
}
.mid-pull-9 {
right: 75%;
left: auto
}
.mid-10 {
width: 83.33333%
}
.mid-offset-10 {
margin-left: 83.33333%
}
.mid-push-10 {
left: 83.33333%;
right: auto
}
.mid-pull-10 {
right: 83.33333%;
left: auto
}
.mid-11 {
width: 91.66667%
}
.mid-offset-11 {
margin-left: 91.66667%
}
.mid-push-11 {
left: 91.66667%;
right: auto
}
.mid-pull-11 {
right: 91.66667%;
left: auto
}
.mid-12 {
width: 100%
}
.mid-offset-12 {
margin-left: 100%
}
.mid-push-12 {
left: 100%;
right: auto
}
.mid-pull-12 {
right: 100%;
left: auto
}
}
@media (min-width:1200px) {
.lrg-1 {
width: 8.33333%
}
.lrg-offset-1 {
margin-left: 8.33333%
}
.lrg-push-1 {
left: 8.33333%;
right: auto
}
.lrg-pull-1 {
right: 8.33333%;
left: auto
}
.lrg-2 {
width: 16.66667%
}
.lrg-offset-2 {
margin-left: 16.66667%
}
.lrg-push-2 {
left: 16.66667%;
right: auto
}
.lrg-pull-2 {
right: 16.66667%;
left: auto
}
.lrg-3 {
width: 25%
}
.lrg-offset-3 {
margin-left: 25%
}
.lrg-push-3 {
left: 25%;
right: auto
}
.lrg-pull-3 {
right: 25%;
left: auto
}
.lrg-4 {
width: 33.33333%
}
.lrg-offset-4 {
margin-left: 33.33333%
}
.lrg-push-4 {
left: 33.33333%;
right: auto
}
.lrg-pull-4 {
right: 33.33333%;
left: auto
}
.lrg-5 {
width: 41.66667%
}
.lrg-offset-5 {
margin-left: 41.66667%
}
.lrg-push-5 {
left: 41.66667%;
right: auto
}
.lrg-pull-5 {
right: 41.66667%;
left: auto
}
.lrg-6 {
width: 50%
}
.lrg-offset-6 {
margin-left: 50%
}
.lrg-push-6 {
left: 50%;
right: auto
}
.lrg-pull-6 {
right: 50%;
left: auto
}
.lrg-7 {
width: 58.33333%
}
.lrg-offset-7 {
margin-left: 58.33333%
}
.lrg-push-7 {
left: 58.33333%;
right: auto
}
.lrg-pull-7 {
right: 58.33333%;
left: auto
}
.lrg-8 {
width: 66.66667%
}
.lrg-offset-8 {
margin-left: 66.66667%
}
.lrg-push-8 {
left: 66.66667%;
right: auto
}
.lrg-pull-8 {
right: 66.66667%;
left: auto
}
.lrg-9 {
width: 75%
}
.lrg-offset-9 {
margin-left: 75%
}
.lrg-push-9 {
left: 75%;
right: auto
}
.lrg-pull-9 {
right: 75%;
left: auto
}
.lrg-10 {
width: 83.33333%
}
.lrg-offset-10 {
margin-left: 83.33333%
}
.lrg-push-10 {
left: 83.33333%;
right: auto
}
.lrg-pull-10 {
right: 83.33333%;
left: auto
}
.lrg-11 {
width: 91.66667%
}
.lrg-offset-11 {
margin-left: 91.66667%
}
.lrg-push-11 {
left: 91.66667%;
right: auto
}
.lrg-pull-11 {
right: 91.66667%;
left: auto
}
.lrg-12 {
width: 100%
}
.lrg-offset-12 {
margin-left: 100%
}
.lrg-push-12 {
left: 100%;
right: auto
}
.lrg-pull-12 {
right: 100%;
left: auto
}
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto
}
.pull-right {
float: right !important
}
.pull-left {
float: left !important
}
.hide {
display: none !important
}
.show {
display: block !important
}
.invisible {
visibility: hidden
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.hidden {
display: none !important
}
.tbl {
display: table;
vertical-align: middle;
height: 100%;
width: 100%;
}
.tbl-cell {
display: table-cell;
vertical-align: middle;
height: 100%;
}
/*******************************************/
/*BASIC CSS END*/
/*******************************************/
input {
-webkit-appearance: none;
-webkit-border-radius: 0;
-moz-appearance: none;
-moz-border-radius: 0;
-ms-appearance: none;
-ms-border-radius: 0;
-o-appearance: none;
-o-border-radius: 0;
appearance: none;
border-radius: 0;
}
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search] {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
/*******/
/*html,body{height: 100%; overflow: auto;}*/
.new-home-blk .wrapper{height: 100% !important;overflow: hidden !important; }
/********/
.bdr {
border: 1px solid red;
}
@media (min-width:600px) {
.rsTextContent br {
display: none;
}
}
@media (max-width:1224px) {
.slider {
height: 888px;
}
.slider .rsOverflow {
height: 888px !important;
}
.slider img {
width: 100%;
left: 0;
margin-left: 0;
}
.rsText .rsTextContent img {
width: auto;
}
}
@media (max-width:1024px) {
.slider {
height: 666px;
}
.slider .rsOverflow {
height: 666px !important;
}
.rsText .rsTextContent {
height: 160px;
}
.rsText .rsTextContent a {
padding: 20px 50px 0;
}
.rsText .rsTextContent a:before {
height: 4px;
}
.rsText .rsTextContent .slider-text-container {
width: 550px;
}
.rsText .rsTextContent .slider-heading {
font-size: 35px;
line-height: 45px;
margin-top: 20px;
}
.rsText .rsTextContent .slider-sub-heading {
font-size: 20px;
line-height: 25px;
}
}
@media (max-width:780px) {
.promotions.home article a {
background-color: transparent;
}
.promotions.home article a:hover {
background-color: transparent;
}
}
@media (max-width:768px) {
.slider {
height: 520px;
}
.slider .rsOverflow {
height: 520px !important;
}
.rsText .rsTextContent {
height: 130px;
}
.rsText .rsTextContent a {
padding: 20px 50px 0;
}
.rsText .rsTextContent a:before {
height: 4px;
}
.rsText .rsTextContent .slider-text-container {
width: 450px;
}
.rsText .rsTextContent .slider-heading {
font-size: 30px;
line-height: 40px;
margin-top: 8px;
}
.rsText .rsTextContent .slider-sub-heading {
font-size: 15px;
line-height: 20px;
}
.promotions article a {
padding: 30px 15px 0 15px;
}
.promotions article span {
font-size: 18px;
}
.promotions article span.promotion-line {
margin-top: 30px;
}
}
@media (max-width:768px) {
.home .main {
background-color: #000;
}
.slider {
height: 360px;
}
.slider .rsOverflow {
height: 360px !important;
}
.slider img {
width: 100%;
height: auto;
left: 0;
margin-left: 0;
}
.rsText .rsTextContent {
height: 210px;
}
.rsText .rsTextContent a {
padding: 0;
background: none;
}
.rsText .rsTextContent a:before {
display: none;
}
.rsText .rsTextContent a:hover {
background: none;
}
.rsText .rsTextContent a:hover .slider-heading span,
.rsText .rsTextContent a:hover .slider-sub-heading span {
background: rgba(255, 255, 255, 0.8);
color: #191919;
}
.rsText .rsTextContent img {
display: none;
}
.rsText .rsTextContent .slider-text-container {
width: 100%;
}
.rsText .rsTextContent .slider-text-container .right {
float: left;
margin-left: 20px;
width: 80%;
}
.rsText .rsTextContent .slider-heading,
.rsText .rsTextContent .slider-sub-heading {
text-align: left;
}
.rsText .rsTextContent .slider-heading span,
.rsText .rsTextContent .slider-sub-heading span {
background: rgba(0, 0, 0, 0.8);
color: #fff;
vertical-align: top;
display: inline-block;
margin-top: 2px;
padding: 5px 10px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.promotions.home {
margin: 15px;
}
.promotions.home article {
float: none;
width: 100%;
margin: 0;
border-left: none;
border-bottom: 1px solid #000;
border-top: 1px solid rgba(255, 255, 255, 0.3);
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.promotions.home article:first-child {
border-top: none;
margin-bottom: 0;
}
.promotions.home article:last-child {
border-bottom: none;
}
.promotions.home article a {
padding: 30px 25px;
}
.promotions.home article span.promotion-line {
display: none;
}
}
@media (max-width:415px) {
.slider {
height: 360px;
}
.slider .rsOverflow {
height: 360px !important;
}
.slider img {
height: 100%;
width: auto;
left: 50%;
margin-left: -208px;
}
}
@media (max-width:768px) {
.page-contact .page-content .left,
.page-catalog .page-content .left,
.page-enquiries .page-content .left,
.page-catalog-request .page-content .left,
.page-template-page-templatescontact-page-php .page-content .left,
.page-template-page-newsletter-php .page-content .left,
.page-template-page-templatespage-service-php .page-content .left {
width: 100%;
margin-right: 0%;
float: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding-bottom: 5px;
margin-bottom: 20px;
}
.page-contact .page-content .right,
.page-catalog .page-content .right,
.page-enquiries .page-content .right,
.page-catalog-request .page-content .right,
.page-template-page-templatescontact-page-php .page-content .right,
.page-template-page-newsletter-php .page-content .right,
.page-template-page-templatespage-service-php .page-content .right {
width: 100%;
float: none;
}
.page-contact .page-content .form-container li input[type="submit"],
.page-catalog .page-content .form-container li input[type="submit"],
.page-enquiries .page-content .form-container li input[type="submit"],
.page-catalog-request .page-content .form-container li input[type="submit"],
.page-template-page-templatescontact-page-php .page-content .form-container li input[type="submit"],
.page-template-page-newsletter-php .page-content .form-container li input[type="submit"],
.page-template-page-templatespage-service-php .page-content .form-container li input[type="submit"] {
height: 50px;
line-height: 50px;
}
.page-catalogue .right,
.page-enquiries .right,
.page-catalog-request .right {
height: auto;
}
}
@media (max-width:400px) {
.form-container li {
width: 100%;
margin-bottom: 20px;
}
.form-container li.postcode {
width: 100%;
float: none;
}
.form-container li.state {
width: 100%;
}
}
@media (max-width:780px) {
.promotions {
max-width: 980px;
margin: 0 auto;
}
.promotions article h2 {
font-size: 16px;
font-weight: bold;
margin-bottom: 6px;
}
.promotions article h1 {
font-size: 24px;
line-height: 28px;
text-align: left;
margin-bottom: 15px;
}
.promotions article img {
width: 100%;
height: auto;
}
.promotions article p {
margin-bottom: 25px;
}
.promotions article a {
color: #1a1a1a;
font-size: 16px;
padding: 8px 15px;
background-color: #dbdbdb;
text-decoration: none;
}
.promotions article a:hover {
color: #dbdbdb;
background-color: #1a1a1a;
}
}
@media (max-width:768px) {
.promotions {
float: none;
max-width: 100%;
margin: 0 0 0 0;
}
.promotions article {
float: left;
width: 100%;
margin-left: 0;
margin-bottom: 40px;
border-top: 0;
padding-top: 0;
}
.promotions article:first-child {
margin-bottom: 40px;
}
.promotions article h2 {
font-size: 16px;
font-weight: bold;
margin-bottom: 6px;
border-bottom: 1px solid #222;
padding-bottom: 5px;
}
.promotions article h1 {
font-size: 20px;
line-height: 25px;
text-align: left;
margin-bottom: 10px;
font-weight: normal;
}
.promotions article img {
display: none;
width: 100%;
height: auto;
}
.promotions article p {
margin-bottom: 25px;
}
.promotions article a {
color: #1a1a1a;
font-size: 16px;
padding: 8px 15px;
background-color: #dbdbdb;
text-decoration: none;
}
.promotions article a:hover {
color: #dbdbdb;
background-color: #1a1a1a;
}
.promotion-page article .left,
.promotion-page article .right {
width: 100%;
float: none;
}
.promotion-page article .left {
margin-right: 0%;
}
}
@media (max-width:650px) {
#retailer-filter input[type="tel"] {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#retailer-filter #submit {
margin-top: 10px;
}
#retailer-filter .or {
width: 100%;
text-align: center;
}
}
@media (max-height:1050px) {
.fancybox-close {
top: 0px;
}
}
@media (max-width:880px) {
.fancybox-prev {
left: 0px;
}
.fancybox-next {
right: 0px;
}
}
@media (max-width:650px) {
.page-gallery .gallery li {
width: 50%;
padding-bottom: 50%;
}
.page-gallery .gallery li:nth-of-type(2n+2) {
border-right: none;
}
}
@media (max-width:768px) {
.page-recipes .recipe-nav ul li {
width: 100%;
border-right: 0;
margin-bottom: 5px;
}
.page-recipes .ingredients {
width: 100%;
margin-right: 0%;
}
.page-recipes .method {
width: 100%;
}
}
@media (max-width:650px) {
.page-recipes .recipe-mobile-nav {
display: block;
padding: 5px;
margin-bottom: 1px;
border: 1px solid #3e3f3f;
background-color: transparent;
width: 100%;
font-size: 13px;
height: 50px;
color: #fff;
text-transform: uppercase;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.page-recipes .recipe-mobile-nav:hover {
background-color: #3e3f3f;
}
.page-recipes .recipe-description {
width: 100%;
margin-top: 25px;
}
.page-recipes .recipe-nav {
width: 100%;
margin-right: 0;
}
.page-recipes .recipe-nav ul {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.5s ease;
-moz-transition: max-height 0.5s ease;
-o-transition: max-height 0.5s ease;
-ms-transition: max-height 0.5s ease;
transition: max-height 0.5s ease;
}
.page-recipes .recipe-nav ul.active {
max-height: 1000px;
-webkit-transition: max-height 0.5s ease;
-moz-transition: max-height 0.5s ease;
-o-transition: max-height 0.5s ease;
-ms-transition: max-height 0.5s ease;
transition: max-height 0.5s ease;
}
.page-recipes .recipe-nav ul li {
width: 100%;
height: auto;
border-right: 0;
margin-bottom: 1px;
}
.page-recipes .recipe-nav a img {
display: none;
}
.page-recipes .recipe-nav a p {
width: 100%;
height: auto;
line-height: 18px;
margin: 0;
background-color: #191919;
text-align: center;
font-size: 13px;
padding: 15px;
}
}
@media (max-width:980px) {
#product-gallery .item {
width: 100%;
}
#product-gallery img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
#prod-details #prod-col-left {
position: relative;
height: auto;
background-color: #3e3f3f;
text-align: center;
text-transform: uppercase;
}
#prod-details #prod-col-left .inner {
margin: 80px 70px 35% 70px;
}
#prod-related-list .prod-item .inner {
padding: 20px;
}
}
@media (max-width:768px) {
#product-gallery .cycle-sentinel,
#prod-related .cycle-sentinel {
display: block !important;
}
#prod-details #prod-col-left .inner {
margin: 50px 70px 45% 70px;
}
#prod-links-list li {
width: 100%;
float: none;
margin-bottom: 8px;
}
#prod-related {
position: relative;
padding: 70px 50px;
}
#prod-related .prev-prod {
left: -15px;
}
#prod-related .next-prod {
right: -15px;
}
#prod-related-list .prod-item .inner {
padding: 10px;
}
}
@media (max-width:650px) {
.single .page-content {
padding-top: 15px;
}
#prod-details #prod-col-left,
#prod-details #prod-col-right {
width: 100%;
float: none;
}
#prod-details #prod-col-left {
position: relative;
padding-bottom: 60px;
padding-top: 30px;
}
#prod-details #prod-col-left .inner {
margin: 0px 50px 20px 50px;
}
#prod-details #prod-col-left .pager {
bottom: 30px;
}
#prod-details #prod-col-right .inner {
padding: 30px 15px;
}
#prod-related {
position: relative;
padding: 20px 50px 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#prod-related .title {
text-align: center;
margin-bottom: 30px;
}
#prod-related-list .prod-item {
width: 100%;
margin-bottom: 5px;
float: left;
color: #fff;
}
}
/* COLOR PALETTE DESIGN
-----------------------------*/
@font-face {
font-family: 'Helvetica-Bold';
src: url('../fonts/Helvetica-Bold.eot') format('embedded-opentype'), url('../fonts/Helvetica-Bold.eot') format('woff'), url('../fonts/Helvetica-Bold.ttf') format('truetype'), url('../fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
font-weight: normal;
font-style: normal;
}
.colour-features {
float: left;
width: 100%;
padding: 20px 40px 0;
box-sizing: border-box;
background: #1b1b1b;
}
.product_image_utilities {
position: static;
z-index: 100;
width: 50%;
float: left;
bottom: inherit;
top: inherit;
left: inherit;
}
.product_image_utilities h4,
.included-features h4 {
font-size: 16px;
text-transform: uppercase;
font-family: 'Helvetica-Bold', futura-book, Arial, sans-serif;
margin-bottom: 10px;
font-weight: normal;
}
.included-features h4 {
margin-bottom: 20px;
}
.product_image_utilities p {
font-size: 14px;
}
.color-list .product_image_colours > span {
float: left;
}
.color-list span.product_image_colours-code {
width: 40px;
height: 40px;
border-radius: 100%;
background-size: 54px !important;
margin-right: 12px;
}
.color-list {
margin-bottom: 30px;
}
.ral-block {
padding-top: 0;
}
.ral-block img {
max-width: 50px;
padding-right: 15px;
}
.included-features {
float: left;
width: 50%;
padding-left: 35px;
box-sizing: border-box;
padding-bottom: 5px;
}
.included-features li {
width: 45px;
float: none;
display: inline-block;
vertical-align: bottom;
margin-bottom: 30px;
padding-right: 3.5%;
text-align: center;
}
.included-features li:nth-child(8n) {
padding-right: 0;
}
.included-features li img {
max-width: 45px;
max-height: 60px;
}
/* INNER PAGE || BECOME AN ILVE COOK
-------------------------------------*/
.ilve-booking-form .require-note,
.page-template-page-narrow-wrapper .require-note {
text-align: right;
margin-bottom: 0;
font-size: 14px;
}
.page-template-page-class-bookings-php .fancy-select .trigger.open {
color: #b3b3b3;
}
.page-template-page-narrow-wrapper .fancy-select .trigger.open {
color: #000;
}
.ilve-booking-form .fancy-select .trigger:after,
.page-template-page-narrow-wrapper .fancy-select .trigger:after,
.page-template-page-narrow-wrapper .fancy-select .trigger.open:after {
/*content:'▼';*/
content: '';
position: absolute;
right: 21px;
font-size: 20px;
top: 0px;
color: #000;
background: url(../images/select-down-arrow.svg) no-repeat center;
background-size: 20px;
width: 20px;
height: 40px;
}
.ilve-booking-form .fancy-select .trigger.open:after {
display: none;
}
li.liAppType {
margin-bottom: 0;
}
.liAppType label {
margin-bottom: 3px;
display: table;
}
.liAppType .wpcf7-list-item {
width: 40%;
display: inline-block;
margin-left: 0;
margin-bottom: 15px;
vertical-align: top;
}
.liAppType .wpcf7-list-item:nth-child(3n) {
width: 28%;
}
.liAppType .wpcf7-list-item:nth-child(3n-1) {
width: 31%;
}
.liAppType > label {
margin-bottom: 5px;
display: inline-block;
}
.liAppType .wpcf7-list-item input[type="checkbox"] {
display: table-cell;
width: 13px;
vertical-align: middle;
}
.liAppType .wpcf7-list-item .wpcf7-list-item-label {
font-size: 14px;
display: table-cell;
padding-left: 8px;
vertical-align: top;
}
.ilve-booking-form .form-container li > label,
.page-template-page-narrow-wrapper .form-container li > label {
font-size: 14px;
font-family: 'futura-book', Arial, sans-serif;
}
.form-container input[type="submit"] {
width: 100%;
}
.page-template-page-class-bookings-php .ilve-booking-form .fancy-select .trigger:before {
border-top: 3px solid transparent;
}
.page-template-page-narrow-wrapper .page-content {
max-width: 600px;
}
/* Checkbox Design
--------------------------*/
.liAppType > label {
display: block;
}
.form-container li .checkbx,
.css-booking .checkbx {
display: inline-block;
width: 39%;
margin-bottom: 12px;
vertical-align: top;
}
.form-container li .checkbx:nth-of-type(3n),
.css-booking .checkbx:nth-of-type(3n) {
width: 28%;
}
.form-container li .checkbx:nth-of-type(3n-1),
.css-booking .checkbx:nth-of-type(3n-1) {
width: 30.5%;
}
.checkbx input {
display: none;
}
.liAppType label {
margin-bottom: 3px;
display: table;
}
.checkbx input[type="checkbox"] + label span {
display: table-cell;
vertical-align: middle;
padding-left: 15px;
font-size: 14px;
line-height: 18px;
font-family: 'futura-book', Arial, sans-serif;
}
.checkbx input[type="checkbox"] + label span br {
display: block;
}
.checkbx input[type="checkbox"] + label span.cbimg {
width: 35px;
height: 35px;
margin: 0;
vertical-align: middle;
background: #b9b9b9;
cursor: pointer;
box-sizing: border-box;
background-position: 0 5px;
padding: 0;
}
input[type="checkbox"]:checked + label span.cbimg {
background: #bab959; /*background: #b9b9b9 url(../images/checkbox-checked.svg) no-repeat;
background-position: center;
background-size: 25px;*/
}
.em-booking-form-details .require-note {
float: right;
font-size: 15px;
}
.wpcf7-form.sent .wpcf7-mail-sent-ok {
background-color: #f1fff0;
border: 1px solid #a8d144 !important;
margin: 50px 0px 10px;
padding: 10px;
color: #333;
border-radius: 3px;
}
/*checkbox align*/
.input-field-subscribe_newsletter input {
display: inline-block;
vertical-align: middle;
width: auto !important;
}
.input-field-subscribe_newsletter label {
display: inline-block !important;
vertical-align: middle;
margin: 0 0 0 10px !important;
}
.page-learn-about-my-ilve-class .wpcf7-checkbox input[type="checkbox"] {
vertical-align: middle;
}
.page-contact .wpcf7-checkbox input[type="checkbox"] {
vertical-align: middle;
margin-top: 5px;
}
.page-contact .wpcf7-checkbox .wpcf7-list-item-label {
vertical-align: middle;
display: inline-block;
}
.page-contact .subscribe {
margin-bottom: 12px;
}
.page-learn-about-my-ilve-class .wpcf7-checkbox .wpcf7-list-item-label {
font-size: 14px;
line-height: 18px;
font-family: 'futura-book', Arial, sans-serif;
margin-left: 10px;
}
.page-learn-about-my-ilve-class .subscribe span.wpcf7-list-item {
margin-left: 0;
}
/* updated 15-06-17 start */
.main_menu_wrapper ul li.mobile-nav-menu-search {
display: none;
}
/* updated 15-06-17 end */
@media (max-width:1024px) {
#product-list {
width: 100%;
}
/* COLOR PALETTE DESIGN
-----------------------------*/
.colour-features {
background: #262626;
}
.included-features li,
.included-features li:nth-child(8n) {
padding-right: 20px;
}
}
@media (max-width:980px) {
.ilve-booking-form {
max-width: 460px;
margin: 0 auto;
}
}
@media (max-width:768px) {
#product-list .product-item {
width: 49.6%;
}
.product_image_utilities,
.included-features {
float: none;
width: 100%;
padding: 20px 0 0 0;
}
.colour-features {
padding: 20px 15px 0;
}
.css-booking .checkbx {
width: 48.5%;
}
.form-container li .checkbx,
.css-booking .checkbx,
.liAppType .wpcf7-list-item,
.liAppType .wpcf7-list-item:nth-child(3n),
.liAppType .wpcf7-list-item:nth-child(3n-1),
.form-container li .checkbx:nth-of-type(3n),
.css-booking .checkbx:nth-of-type(3n),
.form-container li .checkbx:nth-of-type(3n-1),
.css-booking .checkbx:nth-of-type(3n-1) {
width: 48.5%;
margin-bottom: 5px;
}
/* updated 15-06-17 start */
.new-home-blk .header-image{left:0; margin-left:0; min-width: 450px;}
/* updated 15-06-17 end */
}
@media (max-width:650px) {
#product-filter {
margin-bottom: 30px;
padding: 30px 0;
}
#product-filter dl {
padding: 0 8px;
}
#product-filter dd input[type="checkbox"] + label .checkbox-fake {
display: block;
margin: 5px auto;
}
#product-filter dd input[type="checkbox"] + label .label-text {
width: 100%;
display: block;
margin-left: 0px;
}
/* Checkbox Design
--------------------------*/
.form-container li .checkbx,
.css-booking .checkbx {
width: 48.5%;
}
/* updated 15-06-17 start */
.main_menu_wrapper ul li.mobile-nav-menu-search {
display: block;
}
.new-home-blk #product-filter dl{width:100%; position:relative}
.new-home-blk #product-filter dd input[type="checkbox"] + label .label-text {
margin-left:30px;
}
#product-filter dt{margin-bottom:0;}
#product-filter .filters-container{display:none;}
#product-filter .filter-list.filter-open dt{margin-bottom:15px;}
#product-filter .filter-list.filter-open .filters-container{display:block;}
#product-filter dt > span.cat-trigger {
width: 20px;
display: inline-block;
height: 20px;
float: right;
position:relative
}
#product-filter dt > span.cat-trigger:before {
content: '';
width: 12px;
height: 2px;
display: block;
background: #fff;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%) rotate(-45deg);
-moz-transform: translateY(-50%) rotate(-45deg);
-ms-transform: translateY(-50%) rotate(-45deg);
-o-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
}
#product-filter dt > span.cat-trigger:after {
content: '';
width: 12px;
height: 2px;
display: block;
background: #fff;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%) rotate(45deg);
-moz-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
-o-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
#product-filter .filter-open dt > span.cat-trigger:before{
-webkit-transform: translateY(-50%) rotate(45deg);
-moz-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
-o-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
#product-filter .filter-open dt > span.cat-trigger:after{
-webkit-transform: translateY(-50%) rotate(-45deg);
-moz-transform: translateY(-50%) rotate(-45deg);
-ms-transform: translateY(-50%) rotate(-45deg);
-o-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
}
.new-home-blk #product-filter .back-filter.show{display:none !important;}
.new-home-blk #product-filter.active{height:auto !important;}
/* updated 15-06-17 end */
}
@media (max-width:500px) {
#product-list .product-item {
width: 100%;
}
#product-list .button-details {
width: auto;
}
#prod-details #prod-col-left #pinit,
#prod-details #prod-col-left .houzzzy {
width: 44px;
height: 48px;
}
.ilve-booking-form {
max-width: 100%;
padding: 0 20px;
}
}
@media (max-width:400px) {
.page-built-in-ovens .title-container,
.page-dishwashers .title-container,
.page-accessories .title-container,
.page-coffee-machines .title-container,
.page-cooktops .title-container,
.page-freestanding-cookers .title-container,
.page-microwaves .title-container,
.page-rangehoods .title-container,
.page-sinks .title-container,
.page-splashbacks .title-container,
.page-warmer-drawers .title-container,
.page-wine-cellars .title-container {
padding-bottom: 30px;
}
#product-wrapper .button {
background-color: transparent;
height: 40px;
line-height: 40px;
font-size: 14px;
text-transform: uppercase;
width: 95%;
margin: 10px auto;
padding: 0 30px;
border: 1px solid #3e3f3f;
color: #fff;
text-align: center;
}
#product-wrapper .button:hover {
background-color: #3e3f3f;
}
#product-wrapper .refine-filter {
margin-top: 40px;
margin-bottom: 20px;
}
.refine-filter {
display: block;
}
#product-filter {
max-height: 0;
overflow: hidden;
background-color: #3e3f3f;
margin-bottom: 20px;
position: relative;
padding: 0;
-webkit-transition: max-height 0.5s ease;
-moz-transition: max-height 0.5s ease;
-o-transition: max-height 0.5s ease;
-ms-transition: max-height 0.5s ease;
transition: max-height 0.5s ease;
}
#product-filter.active {
max-height: 1000px;
overflow: visible;
-webkit-transition: max-height 0.5s ease;
-moz-transition: max-height 0.5s ease;
-o-transition: max-height 0.5s ease;
-ms-transition: max-height 0.5s ease;
transition: max-height 0.5s ease;
}
#product-filter:before {
content: "Filters";
position: absolute;
top: -60px;
left: 15%;
height: 60px;
width: 120px;
background-color: #3e3f3f;
text-align: center;
line-height: 60px;
text-transform: uppercase;
font-size: 14px;
display: none;
}
#product-filter .filters-container {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
z-index: 10;
background-color: #3d3d3d;
}
#product-filter .back-filter {
display: block;
opacity: 0;
visibility: hidden;
position: absolute;
bottom: 5px;
left: 5px;
right: 5px;
width: 97%;
margin: 0;
border: 1px solid #505050;
padding: 0;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#product-filter .back-filter:hover {
background-color: #505050;
}
#product-filter .back-filter.show {
opacity: 1;
visibility: visible;
}
/*
#product-fil*/
/* updated 15-06-17 start */
.new-home-blk #product-filter .filters-container{
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
position:static;
}
.new-home-blk #product-filter.active{max-height:2000px;}
/* updated 15-06-17 end */
}
/* update 03-11-2017 start */
/*for equal height of homepage social media post*/
@media screen and (min-width:1025px){
.ff-layout-grid article.ff-item .picture-item__inner {
height: 209px !important;
overflow: hidden;
}
.home .ff-stream{padding-bottom: 45px;}
}
@media screen and (max-width: 1024px) and (min-width:768px){
.ff-layout-grid article.ff-item .picture-item__inner {
height: 272px !important;
overflow: hidden;
}
}
@media screen and (max-width: 767px) and (min-width:390px){
.ff-layout-grid article.ff-item .picture-item__inner {
height: 190px !important;
overflow: hidden;
}
}
@media screen and (max-width: 767px) and (orientation:landscape ){
.ff-layout-grid article.ff-item .picture-item__inner {
height: 230px !important;
overflow: hidden;
}
}
@media screen and (max-width: 389px) and (orientation:portrait ){
.ff-layout-grid article.ff-item .picture-item__inner {
margin-bottom: 8px;
}
}
/* update 03-11-2017 end */
/*change 07-12-2017 start*/
@media (max-width: 1366px){
/*banner*/
.main.own-main .top-mn-banner-blk .own-bnner-blk .own-banner-back-blk .own-over-blk .over-content .to-next{
padding-top: 10%;
}
/*banner end*/
.cl-has-video .own-vdo-blk .looping_video-videos {
width: 150%;
left: -25%;
display: block;
}
.main.own-main .top-mn-banner-blk .own-bnner-blk .own-banner-back-blk .looping_video{
padding-bottom: 0;
height: 100%;
}
.main.own-main .top-mn-banner-blk .own-bnner-blk .own-banner-back-blk .looping_video > video {
height: 130%;
top: -15%;
width: 130%;
left: -15%;
display: block;
}
}
@media (min-width: 800px){
.cl-has-video .own-vdo-blk {
display: block;
padding-bottom: 0;
height: 100%;
background-position-y: 3px !important;
background-position-x: -5px !important;
}
}
@media (max-width: 800px){
/*banner*/
.main.own-main .top-mn-banner-blk .own-bnner-blk .own-banner-back-blk .own-over-blk .over-content .to-next{
padding-top: 25%;
}
/*banner end*/
.cl-has-video .own-vdo-blk .looping_video-videos{
width: 155%;
height: 155%;
left: -24%;
top: -24%
}
.cl-has-video .own-vdo-blk {
display: block;
padding-bottom: 0;
height: 100%;
background-position-y: 3px !important;
background-position-x: -5px !important;
}
}
@media (max-width: 767px){
/*banner*/
.main.own-main .top-mn-banner-blk .own-bnner-blk .own-banner-back-blk .own-over-blk .over-content .to-next{
padding-top: 10%;
}
/*banner end*/
}
@media (max-width: 560px){
.main.own-main .top-mn-banner-blk .own-bnner-blk .own-banner-back-blk .own-over-blk .over-content .to-next{
padding-top: 42%;
}
}
/*change 07-12-2017 end*/