/*
Theme Name: C2h Website
Theme URI: http://underscores.me/
Author: Sonalake
Author URI: http://sonalake.com/
Description: ClubstoHire Theme
Version: 1.0.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: c2h-website
Domain Path: /languages
Tags:

This theme, like WordPress, is licensed under the GPL.

ClubstoHire-Sonalake is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# General Styling
# Helper Styles
# Buttons and Inputs
# Header
# Navigation
# Widgets
# Content
# Footer
# Infinite scroll
# Media
--------------------------------------------------------------*/

/*
CTH Orange		#faa61a	- RGB: 250 166 26;
CTH Light Blue	#589fd6	- RGB: 88 159 214;
CTH Dark Blue	#14487f	- RGB: 20 72 127;

Green           #25bf51
Grass Green     #387b0e

font-family: "Museo700-Regular";
font-family: 'Roboto', sans-serif;
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/* FONTS */
@font-face {
    font-family: "Museo300-Regular";
    src: url(fonts/Museo300-Regular.otf);
	font-display: swap;
}

@font-face {
    font-family: "Museo500-Regular";
    src: url(fonts/Museo500-Regular.otf);
	font-display: swap;
}

@font-face {
    font-family: "Museo700-Regular";
    src: url(fonts/Museo700-Regular.otf);
	font-display: swap;
}

@font-face {
    font-family: "MuseoSans_500";
    src: url(fonts/MuseoSans_500.otf);
	font-display: swap;
}

@font-face {
    font-family: "MuseoSans_700";
    src: url(fonts/MuseoSans_700.otf);
	font-display: swap;
}

* {
    font-family: 'Roboto', sans-serif;
}

html {
    font-family: 'Roboto', sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}
html { -webkit-font-smoothing: antialiased; }
body {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
    cursor: pointer;
}

a:active, a:hover, h4:active, h4:hover, p:active, p:hover {
    outline: 0;
    text-decoration: none;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

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

li {
    list-style-type: none;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled], html input[disabled] {
    cursor: default;
}

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

input {
    line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*--------------------------------------------------------------
# General Styling
--------------------------------------------------------------*/
body, button, input, select, textarea {
    color: #404040;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 1px;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1.5px;
}

p {
    margin-bottom: 1.5em;
    font-family: 'Roboto', sans-serif;
}

a {
    color: royalblue;
    font-family: 'Roboto', sans-serif;
}

a:visited {
    color: purple;
}

a:hover, a:focus, a:active {
    color: midnightblue;
}

a:focus {
    outline: thin dotted;
}

a:hover, a:active {
    outline: 0;
}

dfn, cite, em, i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code, kbd, tt, var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark, ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

html {
    box-sizing: border-box;
}

*, *:before, *:after { 
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul, ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul, li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

.vertical-centre {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.vertical-bottom {
    position: relative;
    top: 100%;
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

/*--------------------------------------------------------------
# Helper Styles
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.nopadding {
    padding: 0;
}

.nopadding-left {
    padding-left: 0 !important;
}

.nopadding-right {
    padding-right: 0 !important;
}

.height-inherit {
    height: inherit;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Buttons and Inputs
--------------------------------------------------------------*/
/*button, input[type="button"], input[type="reset"], input[type801="submit"] {
        border: 1px solid;
        border-color: #ccc #ccc #bbb;
        border-radius: 3px;
        background: #e6e6e6;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 
                                inset 0 15px 17px rgba(255, 255, 255, 0.5), 
                                inset 0 -5px 12px rgba(0, 0, 0, 0.05);
        color: rgba(0, 0, 0, .8);
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1;
        padding: .6em 1em .4em;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}*/

button a:hover {
    text-decoration: none;
}

button , input[type="button"], input[type="reset"], input[type="submit"]{
    box-shadow: none;
    border: 0px solid;
    outline-style: none;
    outline: none;
    background-color: transparent;
}

.booking-button, input.booking-button, .payment-confirm button, button.cth-button, button.cth-url-button, .payment-form-type-btns .btn {
    background-color: #faa61a;
    color: #FFFFFF;
    border-radius: 6px;
    width: 100%;
    font-size: 1.4em;
    text-transform: uppercase;
    border: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    padding: .2em .8em;
    text-shadow: none;
    font-weight: 900;
}

input.booking-button {
    font-size: 1.8em;
    margin-top: .4em;
    letter-spacing: 3px;
    padding: .4em .8em;
}

.payment-confirm {
    margin-top: 1em;
}

.payment-form-type-btns {
    margin-top: 10px;
}

.payment-confirm button, .payment-form-type-btns .btn {
    display: inline-block;
    width: auto;
    padding: .2em 1.8em;
}

.review-cart-message {
    margin-top: 1em;
}

.review-cart-message * {
    display: inline-block;
    color: #589fd6;
}

.review-cart-message i {
    font-size: 1.4em;
    position: relative;
    top: .05em;
}

button.cth-url-button {
    width: auto;
    margin: 0 0 1em 0;
}

button.cth-button {
    width: auto;
    margin: 1.2em 0;
}

.cth-url-button a {
    color: #ffffff;
}

.booking-button,
input.booking-button:hover,
.booking-button:hover,
input.booking-button:hover,
.payment-confirm button:hover,
.payment-form-type-btns .btn:hover,
button.cth-button:hover,
button.cth-url-button:hover,
.coupon-code button:hover,
.loyalty button:hover{
    background-color: #589fd6;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    border-color: initial;
    box-shadow: none;
}

button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), 
        inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #666;
    /*border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 3px;*/
}

button p {
    font-family: "Museo700-Regular";
    margin: .2em;
}

select {
    border: 1px solid #ccc;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
    color: #111;
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
# background image for Menu, Header, Progress & Filters
--------------------------------------------------------------*/
.progress-image-bg {
}

.progress-image-bg-header {
    background-position: 0 -5em;
    margin: 0 -15px;
    padding: 0 15px;
}

#progress-image-bg-container {
    background-image: url(images/booking-bg.jpg);
    background: 
        url(images/booking-bg.jpg) 600px 10px no-repeat,
        url(images/booking-bg-repeat.jpg) 10px 10px repeat-y;
    background-position: 0 -40px, 0, 0;
    /*background-repeat: no-repeat;*/
    background-size: auto;
    background-color: #589fd6;
    color: #1a1919;
    min-height: calc(100vh - 421px); /* 421 = height of navbar + footer */
}

.progress-image-bg-paymentheading {
    background-position: 0 -37em;
    display: none;
}                

.payment-image-bg {
    background-image: url(images/booking-bg.jpg);
    background-position: 0 -37em;
}

.booking-image-bg {
    height: auto;
    background-position: 0 -37em;
}


/* Anything bigger than SM */
@media only screen and (min-width : 768px) {
    #progress-image-bg-container {
        background-position: 0 -230px, 0, 0;
    }

    .progress-image-bg-complete-main {
        padding-top: 5em;
    }
}

/* Anything bigger than MD */
@media only screen and (min-width : 992px) {
    #progress-image-bg-container {
        background-position: 0 -100px, 0, 0;
    }
    .progress-image-bg-header {
        height: 18em;
    }
    .progress-image-bg-progress,
    .progress-image-bg-extrasheading {
        height: 14em;
    } 
}

/* Anything bigger than regular monitor size */
@media only screen and (min-width : 1600px) {
    .results-image-bg, .extras-image-bg {
        background-position: 0 -51em;
    }
    .results-image-bg, .extras-image-bg {
        background-position: 0 -51em, 0, 0;
    }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.container-fluid-zero .site-header {
    margin-left: -15px;
    margin-right: -15px;
}

.site-header {
    /* check this for consistent logo light blue */
    /*background-color: #56a1d5;*/
}

.site-header-booking {
    position: relative;
    /*height: 8em;*/
}
.site-header-booking .header-logo {
    margin: 0;
}

.c2h-logo {
    text-align: center;
    margin: 16px 0 24px;
}
.c2h-logo a {
    display: block;
}
.c2h-logo img {
    max-height: 11em;
    margin: 2em 0;
}

.booking-message h1 {
    font-size: 2em;
    font-family: "Museo700-Regular";
    color: #ffffff;
    text-align: center;
}

.site-header-booking .nav-button {
    color: #ffffff;
}

.site-header-booking .nav-button .burger-icon span, 
.site-header-booking .nav-button .burger-icon span::before, 
.site-header-booking .nav-button .burger-icon span::after {
    background-color: #ffffff;
}


/* Anything bigger than XS */ 
@media only screen and (min-width: 480px) {
    .c2h-logo {
        text-align: left;
        margin: 0 0 24px;
    }
    .site-header-booking .header-logo {
        height: 75px;
    }
}

/* Anything bigger than SM */
@media only screen and (min-width : 768px) {
    .c2h-logo {
        text-align: left;
        margin: 0 0 23px;
    }
    .site-header-booking .header-logo {
        height: auto;
    }
    .booking-message h1 {
        text-align: left;
    }
}

/* Anything bigger than MD */
@media only screen and (min-width : 992px) {
    .booking-message h1 {
        margin: 36px 3em 0 0;
    }
}

/* Anything bigger than LG */
@media only screen and (min-width : 1200px) {
    .c2h-logo {
        text-align: left;
        margin: 0;
    }
    .site-header-booking .c2h-logo {
        text-align: center;
        margin: 0;
        -ms-transform: translateY(-20%);
        -webkit-transform: translateY(-20%);
        -moz-transform: translateY(-20%);
        -o-transform: translateY(-20%);
        transform: translateY(-20%);
    }
    .booking-message h1 {
        margin: 60px 3em 0 0;
    }
}


/*****************************************************************************************
****                                     Navigation                                   ****
*****************************************************************************************/

.mini-cart-static-container {
    position: absolute;
    top: 10px;
    right: 30px;
}

.mini-cart-static {
    position: relative;
    display: inline-block;
    background-color: #faa61a;
    border-radius: 10px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.5);
    padding: .5em;
    height: 4em;
    overflow: hidden;
    cursor: pointer;
}


.mini-cart-static-messsage {
    display: none;
    position: absolute;
    padding: .6em;
    text-align: center;
    left: -25%;
    color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.5);
    background-color: #14487f;
}

.mini-cart-static-messsage h4 {
    font-size: 1em;
    font-weight: 500;
    padding: 0;
    margin: 0;
    color: #ffffff;
}

.mini-cart-static:hover {
    background-color: #14487f;
}

.mini-cart-static:hover +  .mini-cart-static-messsage{
    display:block;
}

.mini-cart-static img {
    height: 100%;
}



/* Anything bigger than XS */ 
@media only screen and (min-width: 480px) {
    .mini-cart-static-container {
        position: relative;
    }
}

/* Anything bigger than SM */
@media only screen and (min-width : 768px) {
    .mini-cart-static {
        margin-top: .5em;
        margin-right: 2em;
    }
}

.menu-items {
    margin: 1em 0 0;
    float: right; 
    padding: 0;
}

.menu-items > li {
    display: inline-block;
}

.menu-items .text, .nav-separator-item {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    margin: 0px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.nav-separator-item {
    margin: 0 .5em;
    color: #faa61a;
}

.nav-lang .wpml-ls-statics-shortcode_actions,
.nav-lang .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu,
.nav-lang .wpml-ls-statics-shortcode_actions a {
    border: none;
    background-color: transparent;
    padding: 0;
}

.nav-button {
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    font-weight: 400;
    color: #FFFFFF;
    z-index: 11;
    /* margin-left: 20px; */
}

.nav-contact-item {
    margin-right: .5em;
    text-transform: uppercase;
}

.nav-contact-item a, .nav-contact-item a:hover {
    color: #FFFFFF;
}

.nav-contact-item a:hover {
    text-decoration: none;
}

.nav-lang-item {
    margin-right: .5em;
    width: 3em;
}

.nav-lang-item img {
    width: 100%;
}

.nav-button .text:hover, .nav-contact-item:hover, .nav-lang-item:hover, .site-footer p:hover {
    background-color: #589fd6;
}

.overlay {
    display: none;
    position: fixed;
    left: 5%;
    width: 90%;
    height: 50vh;

    min-width: 200px;
    max-height: 799px;
    -webkit-box-shadow: 0 3px 6px rgba(111,111,111,0.2);
    box-shadow: 0 3px 6px rgba(111,111,111,0.2);
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-top: 1px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 12000;
}

.overlay .menu {
    list-style: none;
    margin: 0;
    padding: 8px 0;
}

.overlay .menu li a {
    color: #333;
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 12px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.overlay .menu li a:hover {
    background-color: #589fd6;
    color: #fff;
    text-decoration: none;
}

/* Anything bigger than XS */ 
@media only screen and (min-width: 480px) {
    .menu-items {
        margin: 1.8em 8.333333% 0 0;
        padding-top: .2em;
        float: right;
        margin-right: 0px;
    }
    .overlay {
        position: absolute;
        right: 0;
        left: auto;
        width: auto;
        height: auto;
    }
    .overlay .menu {
        padding: 2px 0;
    }
    .overlay .menu li a {
        padding: 6px 20px;
    }
}

/* Anything bigger than MD */
@media only screen and (min-width : 992px) {
    .menu-items {
        height: 4em;
    }

}




/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.byline, .updated:not(.published) {
    display: none;
}

.single .byline, .group-blog .byline {
    display: inline;
}

.page-content, .entry-content, .entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

#main {
    min-height: calc(100vh - 421px); /* 421 = height of navbar + footer */
}

.menu-cta-grad {
    position: absolute;
    background: transparent; /* Old browsers */
    background: -webkit-linear-gradient(top, rgba(8, 34, 90,1), rgba(0,0,0,0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, rgba(8, 34, 90,1), rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, rgba(8, 34, 90,1), rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, rgba(8, 34, 90,1), rgba(0,0,0,0)); /* Standard syntax (must be last) */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#223286', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    top: 0;
    left: 0;
    width: 100%;
    height: 30em;
}

.testgrad {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,e5e5e5+100 */
    background: transparent; /* Old browsers */
    background: -moz-linear-gradient(top,  #000000 0%, #e5e5e5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #000000 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #000000 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}


/*****************************************************************************************
****                                 HOME PAGE Styles                                 ****
*****************************************************************************************/
.home_container {
    margin: 0 -15px;
}

.home_container .menu-cta-clubs {
    position: relative;
    background-color: #ffffff;
    background-image: url("images/home-image.jpg") !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0;
    padding: 0 15px;
}
body.custom-background {
   
    background-image: none !important;
    //  background-repeat: no-repeat;
}
.logo img {
    position: absolute;
    bottom: 0;
    max-width: none;
    width: 100%;
}

.logo-welcome {
    margin-top: 60px;
}

.welcome-message {
    margin-top: 2em;
    text-align: center;
}

.logo-welcome h1, .logo-welcome h3 {
    color: white;
    font-family: 'Museo700-Regular', sans-serif;
}
.logo-welcome h1 {
    font-size: 2.4em;
    letter-spacing: initial;
    line-height: 1em;
}
.logo-welcome h3 {
    font-size: 1.8em;
    line-height: 1.4em;
    margin-bottom: 0;
}

.logo img, .logo-welcome h1, .logo-welcome h3 {
    -webkit-filter: drop-shadow(4px 4px .5em #31465d);
    filter: drop-shadow(4px 4px .5em #31465d);
}

/* Anything bigger than XS */ 
@media only screen and (min-width: 480px) {
    .logo-welcome {
        margin-top: 0;
        height: 90px;
    }
    .logo img {
        height: 100%;
        width: auto;
        max-width: 100%;
    }
    .welcome-message {
        float: right;
        padding: 0 2em 0 4em;
        text-align: right;
        padding-right:0px;
    }
    .home-search-offer-banner{
        background-image: url(images/ads/ad_banner.jpg);
        height: 90px;
        width: 728px;
        margin: 0 auto;
        background-repeat: no-repeat;
        display: block;

    }
}

/* Anything bigger than MD */
@media only screen and (min-width : 992px) {
    .logo img {
        height: auto;
        top: 20px;
    }
    .call-to-action-container {
        padding: 10em 2em;
        width: 100%;
    }
    .home-search-offer-banner{
        background-image: url(images/ads/ad_banner.jpg);
        height: 90px;
        width: 728px;
        margin: 0 auto;
        background-repeat: no-repeat;
        display: block;

    }
}

/* Anything bigger than LG */
@media only screen and (min-width : 1200px) {
    .call-to-action-container {
        padding: 12em 2em;
    }
}



.call-to-action-container.cta-booking-change {
    padding-top: 6em;
    padding-bottom: 7em;
}

.call-to-action {
    margin: 4em auto;
    padding: 20px 40px;
    padding-bottom: 30px;
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.call-to-action form {
    margin-top: 20px;
}

.call-to-action form input {
    width: 100%;
    display: inline-block;
    border-radius: 0px;
    border: none;
    border-bottom: solid 2px #0288D1;
    box-shadow: none;
    color: #222222;
    margin-bottom: 15px;
}

.call-to-action .datepicker-input[readonly] {
    background-color: #FFFFFF;
    cursor: pointer;
}

.call-to-action .datepicker-hook {
    width: 100%;
    height: 0;
    display: inline-block;
    float: left;
}

.popover.popover-datepicker.bottom {
    margin-top: 60px;
}

.call-to-action form .date-picker-icon {
    position: absolute;
    top: 24px;
    right: 8px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
    font-size: 9px;
}

.call-to-action form label {
    text-transform: uppercase;
    color: #003b78;
}

.call-to-action form input:focus, .call-to-action form input:valid, .call-to-action form select:focus, .call-to-action form select:valid {
    box-shadow: none;
    outline: none;
}

.call-to-action form input::-webkit-input-placeholder {
    font-family: 'Roboto', sans-serif;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.call-to-action form input:focus::-webkit-input-placeholder, 
.call-to-action form input:valid::-webkit-input-placeholder {
    color: #0288D1;
    font-size: 11px;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    visibility: visible !important;
}

.orange-call-to-action-button,
#subscribe-newsletter form .orange-call-to-action-button,
.call-to-action form .book-now-btn {
    width: inherit;
    font-weight: 400;
    font-size: 16px;
    margin-top: 10px;
    text-shadow: none;
    padding: 12px 15px;
    background-color: #faa61a;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;
    border: 0px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    -webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    -moz-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.orange-call-to-action-button {
    display: inline-block;
    width: initial;
}

.orange-call-to-action-button:hover,
.orange-call-to-action-button:visited,
.orange-call-to-action-button:focus {
    color: #FFFFFF;
    text-decoration: none;
}

.orange-call-to-action-button:hover,
.orange-call-to-action-button:visited,
.orange-call-to-action-button:focus,
#subscribe-newsletter form .orange-call-to-action-button:hover,
.call-to-action form .book-now-btn:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !important;
}

.book-now-btn h4 {
    font-size: 2.4em;
    font-family: "Museo700-Regular";
    text-transform: uppercase;
}

.call-to-action .error {
    display: block;
}

.cta-top-group {
    padding: 0 3em;
}

.cta-graphic {
    height: 5.6em;
    /*width: 33%;*/
    background-image: url("images/arc.png");
    background-position: 0px 1em;
    background-size: 100% 100%;
    background-position-y: 0;
    background-repeat: no-repeat;
}

.cta-graphic-3 {
    background: url(images/golfball-30.png), url(images/arc.png);
    background-position: center top, left top;
    background-size: 30px, 80% 100%;
    background-repeat: no-repeat;
}

.cta-graphic img {
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222);
}

.cta-graphic img {
    max-height: 100%;
}


/*****************************************************************************************
****                                 CTA ACTION Styles                                ****
*****************************************************************************************/
/* General CTA Action styling */
.cta-action-group {
    padding: 2em 0;
}
.cta-action {
    height: 8em;
    margin-bottom: 1em;
    background-color: white;
    border-radius: 0 .6em .6em 0; /* top left, top right, bottom right, bottom left */
    background-image: url("images/cta-arrow.png"), linear-gradient(to right,  #DBDBDB 0%,#ffffff 32%,#ffffff 65%,#DBDBDB 100%);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: -15em 0, 0 0;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.5);
    transition: all .2s ease-in-out;
}
.cta-action:hover {
    background-image: url("images/cta-arrow-lightblue.png");
    transform: scale(1.06);
}
.cta-action .form-group {
    position: relative;
    padding: 0 .2em;
}
.cta-action .form-group label {
    float: left;
    width: 35%;
}
.cta-action .cta-title {
    font-size: 1.6em;
    margin: 0;
    margin-left: .3em;
    font-family: "Museo700-Regular";
    color: #00467f;
    letter-spacing: 0;
}
.cta-action:hover .cta-title {
    color: #ffffff;
}

/* Destination CTA Action styling */
.cta-dest, .form-group, .form-group label {
    height: inherit;
}
.cta-dest-arrow {
    background-position: -12em 0, 0 0;
}
.cta-dest .dest-drop {
    float: left;
    height: 8em;
    padding: 2.7em 0 2em;
    width: 60%;
    text-align: center;
}

/* Anything bigger than SM */
@media only screen and (max-width : 480px) {
    .cta-dest-arrow {
        background-position: -16em 0, 0 0;
    }
    .cta-dest .cta-title {
        font-size: 16px;
    }
    .cta-dest .select2-container--default .select2-selection--single .select2-selection__placeholder,
    .cta-dest .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 17px;
    }
}

/* Anything bigger than SM */
@media only screen and (min-width : 481px) {
    .cta-dest-arrow {
        background-position: -12em 0, 0 0;
    }
    .cta-dest .dest-drop .cta-title {
        font-size: 1.6em;
    }
    .cta-dest .select2-container--default .select2-selection--single .select2-selection__placeholder,
    .cta-dest .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 18px;
    }
}

/* Anything bigger than SM */
@media only screen and (min-width : 992px) {
    .cta-action {
        background-position: -17.8em 0, 0 0;
    }
    .cta-dest-arrow {
        background-position: -16em 0, 0 0;
    }
    .cta-dest .cta-title {
        font-size: 16px;
    }
    .cta-dest .select2-container--default .select2-selection--single .select2-selection__placeholder,
    .cta-dest .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 17px;
    }
}


/* Datepicker CTA Action styling */
.daterange-drop-con {
    float: left;
    height: 8em;
    padding: 2.7em 0 2em;
    width: 65%;
    text-align: center;
	border-radius: 5px;
}
.datepicker-input {
    background: none;
    color: #00467f !important;
    cursor: pointer;
    // font-size: 18px;
    font-family: "Museo700-Regular";
    font-weight: bold;
    height: 28px;
    border: none;
    padding: 0 0 0 10px;
    text-transform: uppercase;
    //text-align: center;
    width: 100%;
}
.arrow-down {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 16px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 16px solid #faa61a;
    cursor: pointer;
}
.datepicker-disabled {
    color: #666;
    cursor: not-allowed;
    font-size: .9em;
}
.datepicker-disabled input, .datepicker-disabled .arrow-down {
    cursor: not-allowed;
}


/* Custom Select2 styling */
.select2-container--default .select2-selection--single {
    background-color: transparent;
    border: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    right: 50%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #faa61a transparent transparent transparent;
    border-width: 16px 11px 0 11px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container .select2-selection--single .select2-selection__rendered {
    color: #00467f;
    text-transform: uppercase;
    font-size: 18px;
    font-family: "Museo700-Regular";
    letter-spacing: 0;
	//text-align: center;
	padding: 0 0 0 5px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    height: 2.8em;
    padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    right: 10px;
    font-size: 1.2em;
}
.select2-results__option {
    font-size: 12px;
    font-family: "MuseoSans_500";
}
.select2-results__group {
    font-family: "Museo700-Regular";
	font-size: 14px;
}
.select2-results__message {
    position: absolute;
    left: 0%;
    background-color: #faa61a;
    color: #ffffff;
    padding: .5em;
    border-radius: 8px;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.5);
}
.select2-container--open .select2-dropdown--below {
    border-top: 1px solid #aaa;
}

/* Anything bigger than SM */
@media only screen and (min-width : 992px) {
    .select2-container--default .select2-selection--single .select2-selection__placeholder,
    .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 17px;
    }
}

/* Anything bigger than SM */
@media only screen and (min-width : 1200px) {
    .select2-container--default .select2-selection--single .select2-selection__placeholder,
    .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 18px;
    }
}

.cta-book {
    padding: 0;
    text-align: center;
    color: #ffffff;
}

.cta-book button {
    position: relative;
    top: -2em;
    height: 12em;
    max-width: 10em;
    font-family: "MuseoSans_900";
    line-height: 1.2em;
    background-image: url(images/bookbutton.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    box-shadow: none;
    border: 0px solid;
    outline-style: none;
    outline: none;
    font-size: 1em;
    -webkit-filter: drop-shadow(5px 5px 5px #9a5b01);
    filter: drop-shadow(5px 5px 5px #9a5b01);
    transition: all .2s ease-in-out;
}

.cta-book button:hover {
    transform: scale(1.2);
}


/* Anything bigger than XS */ 
@media only screen and (min-width: 480px) {
    .daterange-drop-con {
        width: 65%;
    }
    .cta-action .form-group label {
        width: 35%;
    }
}
/* Anything bigger than SM */
@media only screen and (min-width : 768px) {
    .cta-book {
        height: 8em;
        float: right;
    }
    .daterange-drop-con {
        width: 60%;
    }
    .cta-action .form-group label {
        width: 40%;
    }
}

/* Anything bigger than MD */
@media only screen and (min-width : 992px) {

    .daterange-drop-con {
        width: 65%;
    }
    .cta-action .form-group label {
        width: 22%;
    }
}

/* Anything bigger than LG */



.cta-change-booking {
    padding-top: 2em;
    padding-bottom: 8em;
}

#time-warning {
    display: none;
}

.locreq24, .break-booking {
    font-size: 1.2em;
    font-weight: 500;
    width: 47%;
    margin: 0 20%;
    padding: .5em;
    border-radius: 5px;
    background-color: #faa61a;
    color: #ffffff;
    margin-bottom: 1em;
    text-align: center;
    position: absolute;
}

.locreq24 p, .locreq24 strong {
    display: inline-block;
    margin: 0 auto;
}

.break-booking {
    position: relative;
    border-radius: 6px;
    padding: 20px;
    transition: all 1s;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    width: 70%;
    margin-left: 15%;
    margin-bottom: 0;
}

.break-booking.animate {
    transform: scale(1.06);
}

.break-booking b {
    font-size: 1.4em;
    font-weight: 900;
    font-family: "Museo700-Regular";
}

.home-title {
    color: #3c8bcb;
    font-weight: normal;
    font-size: 16px;
    margin: 1em 0;
    text-transform: uppercase;
}


/* Anything bigger than SM */
@media only screen and (min-width : 768px) {
    .break-booking {
        margin-top: 30px;
    }
}

/* Anything bigger than MD */
@media only screen and (min-width : 992px) {
    .break-booking {
        margin-top: 0px;
    }
}


/*****************************************************************************************
****                             EQUIPMENT HOMEPAGE Styles                            ****
*****************************************************************************************/
.home-equipment-title {
    color: #ffffff;
    text-align: center;
    padding: 0 0 1em 0;
}
.home-equipment-title h3 {
    font-family: "Museo700-Regular";
    text-shadow: 0px 0px 12px rgba(0, 8, 0, 0.87);
}

.home-equipment {
    background-color: #ffffff;
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: center;
}
.equipment-logo {
    height: 8em;
}
.equipment-logo img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ffffff;
    padding: 1em;
}

/* Anything bigger than XS */ 
@media only screen and (min-width: 480px) {
    .equipment-logo {
        margin: 4em 0;
    }
    .equipment-logo img {
        width: 80%;
        margin: 0 auto;
        display: block;
    }
}

/* Anything bigger than SM */
@media only screen and (min-width : 768px) {
    .equipment-logo {
        margin: 2em 0;
    }
    .equipment-logo img {
        width: 100%;
        margin: 0;
    }
}

/* Anything bigger than MD */
@media only screen and (min-width : 992px) {
    .equipment-logo {
        margin: 4em 0;
    }
    .equipment-logo img {
        width: 70%;
        display: inline-block;
    }
}


/*****************************************************************************************
****                               PROMO HOMEPAGE Styles                              ****
*****************************************************************************************/
.promo-container {
    background-color: #14487f;
    margin-bottom: 2em;
}
.promo-section {
    background-color: #13487f;
    /*background-image: url(images/promo-crop-xs.jpg);*/
    background-size: 100% 260px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.promo-section-inner {
    min-height: 26em;
    padding: 260px 20px 20px;
    color: #fff;
    font-family: "Museo500-Regular";
}
.promo-section-inner h1 {
    font-weight: bold;
}
.promo-section-inner .promo-quote {
    font-family: "Museo500-Regular";
    font-size: 18px;
    font-style: italic;
    margin: 0.25em 0;
    padding: 0.35em 0px;
    line-height: 1.45;
    position: relative;
}
.promo-section-inner .promo-quotee {
    font-family: "Museo500-Regular";
    font-size: 18px;
    font-weight: bold;
    /*margin-left: 40px;*/
}
.promo-section-inner p {
    font-family: "Museo500-Regular";
    font-size: 18px;
    font-style: italic;
    margin: 0.25em 0;
    padding: 0.35em 0px;
    line-height: 1.45;
    position: relative;
}
.promo-section-inner .promo-quotee span {
    color: #faa619;
    /*margin-left: 24px;*/
    font-family: inherit;
}

/* Anything bigger than XS */ 
@media only screen and (min-width: 480px) {
    .promo-section {
        /*background-image: url(images/promo-crop.jpg);*/
        background-size: auto 100%;
    }
    .promo-section-inner {
        margin-left: 40%;
        padding: 20px 40px 20px 85px;
    }
}

/* Anything bigger than SM */
@media only screen and (min-width : 768px) {
    .promo-section {
        background-image: none;
    }
    .promo-section-inner {
        padding: 0 40px;
        margin-left: 0;
    }
}

/* Anything bigger than MD */
@media only screen and (min-width : 992px) {
    .promo-section {
        /*background-image: url(images/promo-crop.jpg);*/
        background-size: 40% auto;
    }
    .promo-section-inner {
        margin-left: 40%;
        padding: 20px 40px 20px 85px;
    }
}
@media only screen and (min-width : 768px) and (max-width : 992px) {
    .promo-section {
        background-image: none;
        background-size: 100%;
    }
    .promo-section-inner {
        padding: 0 40px;
        margin-left: 0;
    }

}

/*****************************************************************************************
****                            NEWSLETTER HOMEPAGE Styles                            ****
*****************************************************************************************/
.newsletter-container {
    background-color: #14487f;
    height: 18em;
    margin-bottom: 2em;
}

.newsletter-a h4, .newsletter-b, a.newsletter-c {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.newsletter-a h4 {
    font-family: "Museo700-Regular";
    color: #ffffff;
    font-size: 1.8em;
    text-transform: initial;
    padding: 0 1em;	
}

.newsletter-field-item label {
    display: block;
    color: #ffffff;
}

.newsletter-field-item input {
    border-radius: 8px;
    padding: .6em 1em;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
    width: 100%;
}

.newsletter-field-item {
    opacity: 0;
    padding: 0 .4em;
}

.newsletter-field-item.slide-left {
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(-100px, 0px, 0px);
    -webkit-transform: translate3d(-100px, 0px, 0px);
    -o-transform: translate(-100px, 0px);
    -ms-transform: translate(-100px, 0px);
    transform: translate3d(-100px, 0px, 0px);
}

.newsletter-field-item.slide-left.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.newsletter-field-item.slide-down {
    opacity: 0;
    transition: all 700ms linear;
    transform: translate(0,-10em);
}

.newsletter-field-item.slide-down.in-view {
    opacity: 1;
    transform: translate(0,0em);
}

.logo.slide-left {
    opacity: 0;
    transition: all 400ms linear;
    transform: translate(-10em,0);
}

.logo.slide-left.in-view {
    opacity: 1;
    transform: translate(0em,0);
}

.newsletter-c {
    text-align: center;
}

.newsletter-c img {
    width: 85%;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
    transition: all .2s ease-in-out;
}

.newsletter-c img:hover {
    width: 90%;
}

.newsletter-c h4 {
    font-family: "Museo700-Regular";
    color: #ffffff;
}

.newsletter-submit {
    margin: 1em 0;
}

.newsletter-submit {
    margin: 0 auto;
    text-align: center;
}

.newsletter-submit button, .mailing-success {
    font-size: 1.2em;
    text-transform: uppercase;
    color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.5);
    padding: .25em .4em;
    float: left;
}

.newsletter-submit button {
    background-color: #faa61a;
    margin-top: .35em;
    float: none;
}

.newsletter-submit button:hover {
    background-color: #337ab7;
    color: #ffffff;
}

.mailing-success {
    display: none;
    top: 7em;
    background-color: #33c02c;
    box-shadow: none;
    text-align: center;
}

.mailing-message {

}

#subscribe-newsletter .newsletter-block .material {
    margin: 0 0 2em;
}

#subscribe-newsletter form .orange-call-to-action-button {
    margin-bottom: 20px;
    /*width: initial;*/
}

.newsletter-form label.error {
    position: absolute;
    margin-top: .5em;
    padding: .5em;
    border-radius: 5px;
    background-color: #faa61a;
    color: #ffffff;
    margin-bottom: 1em;
    text-align: center;
}

.newsletter-form label {
    min-width: 100%;
}

/* Anything bigger than MD */
@media only screen and (min-width : 992px) {
    .newsletter-field-item fieldset {
        position: relative; 
        top: 50%; 
        -ms-transform: translateY(-60%);
        -webkit-transform: translateY(-60%); 
        -moz-transform: translateY(-60%);
        -o-transform: translateY(-60%);
        transform: translateY(-60%); 
    }
    .newsletter-c > div {
        position: relative; 
        top: 50%; 
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%); 
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); 
    }
    #cth_subscribe {
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

/* # Newsletter section of Home page */

/* SOCIAL section of Home page */

.social-container {
    text-align: center;
}

.social-panel {
    position: relative;
    height: 24em;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
}

img.scale, .vid-panel-con img {
    /*width: 100%;
    max-height: 100%;*/
    transition: all .2s ease-in-out;
}

.social-panel img:hover {
    transform: scale(1.2);
}

.social-logo-container {
    position: relative;
    width: 100%;
    height: 40%;
    top: 50%;
    transform: translateY(-50%);
}

.social-logo-container * {
    filter: drop-shadow(5px 5px 5px #222);
}

.social-logo-container h3 {
    font-family: "Museo700-Regular";
    font-weight: bold;
    font-size: 2.6em;
    color: #ffffff;
    line-height: 2;
    border-bottom: .2em solid #ffffff;
    width: 70%;
    margin: 0 auto;
}

.social-logo-container h3:hover {
    text-decoration: none;
}

.social-logo {
    height: 8em;
}

.social-dropdown, .testimonial-items-show {
    display: none;
    background: url('images/cth-swing-man.jpg') no-repeat;
    background-size: cover;
    background-color: #545353;
    border-top: .5em solid #faa61a;
    border-bottom: .3em solid #faa61a;
    -moz-box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,.55);
    -webkit-box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,.55);
    box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,.55);
}

.soc-facebook {
    text-align: center;
}

.facebook-block {
    text-align: center;
}

.fb-page {
    max-width: 500px;
}

/* # SOCIAL section of Home page */

.home-news {
    background-color: #f5f5f5;
}

.home-news .facebook-block,
.home-news .blog-block {
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 10px;
    background-color: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}

.home-news .facebook-block {
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.home-news .blog-block {
    padding: 10px 20px;
    width: 100%;
}
.home-news .blog-block .post {
    color: #c9c9c9;
    font-weight: 300;
    margin-bottom: 20px;
}
.home-news .blog-block .post .post-details:after,
.home-news .blog-block .post .post-details:before {
    display: table;
    content: " ";
}
.home-news .blog-block .post .post-details:after {
    clear: both;
}
.home-news .blog-block .post .post-title a,
.home-news .blog-block .post .post-title a:hover,
.home-news .blog-block .post .post-title a:focus,
.home-news .blog-block .post .post-title a:visited {
    color: #00467e;
}
.home-news .blog-block .post .post-date {
    color: #acacac;
    margin-top: 10px;
    margin-bottom: 10px;
}

.home-news .blog-block .post .read-more,
.home-news .blog-block .post .read-more:hover,
.home-news .blog-block .post .read-more:focus,
.home-news .blog-block .post .read-more:visited {
    color: #3c8bcb;
    font-weight: normal;
}

.home-news > .container > .row,
.home-news > .container > .row > div[class*='col-sm'],
.home-news > .container > .row > div[class*='col-xs'] {
    display: flex;
}

/* Small Devices, Tablets eg: 800x600, iPad */
@media only screen and (min-width : 768px) {
    .home-news .facebook-block,
    .home-news .blog-block {
        min-height: 580px;
    }
    .home-news .blog-block .post {
        margin-bottom: 0px;
    }
    .home-news .blog-block .post .post-title {
        float: left;
    }
    .home-news .blog-block .post .post-date {
        float: right;
    }
    .home-news .blog-block .post .read-more {
        float: right;
    }
}

/* Medium Devices, Desktops eg: 1024x768 */
@media only screen and (min-width : 992px) {
    .home-news .blog-block {
        padding: 10px 20px 20px;
    }
}

/* HOME PAGE TESTIMONIALS & VIDEO */

.vid-player video, .cth-video {
    width: 100%;
    max-width: 640px;
}

.close-vid-player {
    position: absolute;
    right: .5em;
    top: .5em;
    font-size: x-large;
    background: rgba(255, 255, 255, .5);
    padding: .2em;
    border-radius: .2em;
    z-index: 18;
}

#vid-player-container, #testimonials-container {
    display: none;
    text-align:center;
}

#test-panel {
    /*display: none;*/
}

#testimonials-container {
    /*display: block;*/
}

.vid-player video, .cth-video {
    width: 100%;
    max-width: 640px;
}

.close-vid-player, .close-test-player {
    position: absolute;
    right: .5em;
    top: .5em;
    font-size: x-large;
    background: rgba(255, 255, 255, .5);
    padding: .2em;
    border-radius: .2em;
    z-index: 18;
}

.testimonial-items-show {
    background-color: #53a12c;
    color: #ffffff;
    overflow-y: auto;
}

.testimonial-items-show h3 {
    font-family: "Museo700-Regular";
    font-size: 1.6em;
    margin: .2em;
    font-style: italic;
}

.test-item h4, .test-name h4 {
    font-family: "Museo700-Regular";
    color: #faa61a;
}

.test-item > h4, .speech-triangle {
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222);
}

.test-item h4 {
    background-color: #ffffff;
    padding: 1em;
    margin-bottom: 0;
    border-radius: 6px;

}

.test-item .speech-triangle, .test-item .test-name {
    display: inline-block;
}

.test-item .speech-triangle {
    width: 0;
    height: 0;

    border-style: solid;
    border-color: transparent #ffffff transparent transparent;
    border-width: 0px 42px 42px 0px;
    vertical-align: top;
    overflow: hidden;
}

.test-items-group {
    text-align: center;
}

.test-item {
    position: relative;
    width: 80%;
    left: 10%;
    margin-bottom: 2em;
}

.test-item .test-name h4 {
    background-color: initial;
    margin: 0;
    padding: 0;
}

/* END HOME PAGE TESTIMONIALS & VIDEO */


/* Locations section of Home page */
.home-locations {
    background-color: #FFFFFF;
    padding-bottom: 20px;
}

.location-block {
    position: relative;
    display: block;
    overflow: hidden;
}

.home-locations .location-block:hover {
    text-decoration: none;
}

.home-locations .location-block img {
    height: 167px;
    width: auto;
    max-width: none;
    min-width: 100%;
}

.location-block .wp_cart_product_name h4 {
    margin: .5em auto;
    font-family: "Museo700-Regular";
    font-size: 1.2em;
    opacity: 1;
}

.locations-container {
    position: relative;
    background-color: #000000;
    border-top: .5em solid #faa61a;
    text-align: center;
    overflow: hidden;
    margin-bottom: 2em;
}

.locations-container::before {
    content: "";

    /* Expand element */
    position: absolute;
    z-index: 13;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;

    -moz-box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,.55);
    -webkit-box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,.55);
    box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,.55);

    /* Disable click events */
    pointer-events: none;
}

.locations-button {
    position: absolute;
    width: auto;
    left: 50%;
    font-size: 1.2em;
    color: #ffffff;
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 0px 4px 21px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 4px 21px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 4px 21px 0px rgba(0,0,0,0.5);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0 auto;
    background-color: #faa61a;
    padding: .2em;
    z-index: 14;
}

.locations-button:hover {
    background-color: #337ab7;
    color: #ffffff;
}

.locations-button a {
    text-decoration: none;
    color: #ffffff;
    font-family: "Museo700-Regular";
    font-size: 1.2em;
}

.locations-button a:hover {
    text-decoration: none;
    color: #ffffff;
}

.location-block {
    overflow: hidden;
    height: 18em;
}

.location-block img {
    transition: all .2s ease-in-out;
    width: auto;
}

.location-block img:hover {
    transform: scale(1.2);
}

.location-title {
    position: absolute;
    bottom: 0;
    height: auto;
    width: 100%;
    padding: .2em;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    text-align: center;
}

.location-title h5 {
    font-family: "Museo700-Regular";
    font-size: 1.4em;
    opacity: 1;
}

/* # Locations section of Home page */


#equipment {
    background-color: #c8ced0;
    /*background: linear-gradient(#c8ced0, #aaa);*/
}

.booking-progress {
    background-color: #FFFFFF;
    font-size: 0px; /* Solution for whitespace issue with display: inline-block in child element*/
    display: table;
    width: 100%;
}

.booking-progress .progress-item {
    cursor: not-allowed;
    width: 20%;
    padding: .3em 0;
    display: table-cell;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    border: 0px;
    color: #9E9E9E;
    background-color: #e6e6e6;
    vertical-align: middle;
    border-top: 5px solid;
    border-color: #9E9E9E;
}
.booking-progress .progress-item:hover {
    background: #f0f0f0;
}
.booking-progress .progress-item h4 {
    text-transform: uppercase;
    font-weight: 900;
}

.booking-progress .progress-item.current {
    cursor: pointer;
    border-color: #0288D1;
    position: relative;
    background: #d1dee4;
}
.booking-progress .progress-item.current:hover {
    background: #FFFFFF;
}

.booking-progress .progress-item.current h4 {
    text-transform: uppercase;
}

.booking-progress .progress-item.current p {
    font-weight: 900;
    margin-bottom: .3em;
}

.booking-progress .progress-item.current .indicator {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 15px solid #FFFFFF;
    box-shadow: inset 0px 0px 10px 1px rgba(0,0,0,0.16);
    position: absolute;
    bottom: -2px;
    right: calc(50% - 12px);
}

.booking-progress .progress-item.completed {
    cursor: pointer;
    border-color: #3c763d;
    background-color: #18cf61;
}
.booking-progress .progress-item.completed:hover {
    background: #4EF591;
}

.booking-progress .progress-item.completed h4, .booking-progress2 h4 {
    font-family: "Museo700-Regular";
    font-size: 2em;
    color: #ffffff;
    margin-top: 0;
    text-transform: uppercase;
}

.booking-progress2 .change-dates p {
    display: inline-block;
    text-transform: uppercase;
    font-size: 1em;
    color: #ffffff;
    width: auto;
}

.booking-progress2 .change-dates p:hover {
    background-color: #14487f;
}

.completed2 h4, .completed2 p {
    color: #14487f;
}

.completed2 p, .progress-item2 p {
    font-size: 1.4em;
}
.completed2 p, .progress-itemWithlogin p {
    font-size: 1.4em;
}

.booking-progress .progress-item.completed p, .booking-progress2 p {
    color: #ffffff;
    font-weight: 900;
    margin-bottom: .3em;
}
.booking-progress .progress-itemWithlogin.completed p, .booking-progress2 p {
    color: #ffffff;
    font-weight: 900;
    margin-bottom: .3em;
}

.booking-progress2 {
    height: 10em;
}

.progress-item2, .progress-divider {
    display: inline-block;
    filter: drop-shadow(.6em 0px .4em #31465d);
    overflow: hidden;
}
.progress-itemWithlogin, .progress-divider {
    display: inline-block;
    filter: drop-shadow(.6em 0px .4em #31465d);
    overflow: hidden;
}

.progress-item2 {
    background: url('images/chev-blue-200.png') no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    text-align: center;
}
.progress-itemWithlogin {
    background: url('images/chev-blue-200.png') no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    text-align: center;
}

.progress-item2:hover {
    text-decoration: none;
}
.progress-itemWithlogin:hover {
    text-decoration: none;
}

.progress-item2.current h4, .progress-item2.current p {
    color: #14487f;
}
.progress-itemWithlogin.current h4, .progress-itemWithlogin.current p {
    color: #14487f;
}

.progress-divider {
    background: url('images/chevron-blue-blue-200.png') no-repeat;
    background-size: auto 100%;
    background-position: 50% 0;
    width: 5%;
    height: 100%;
    float: left;
}

.divide-current-left {
    background: url('images/chev-blue-orange-200.png') no-repeat;
    background-size: auto 100%;
    background-position: 50% 0;
}

.divide-current-right {
    background: url('images/chev-orange-blue-200.png') no-repeat;
    background-size: auto 100%;
    background-position: 50% 0;
}

.divide-current-last {
    background: url('images/chev-orange-last-200.png') no-repeat;
    background-size: auto 100%;
    background-position: 50% 0;
}

.divider-last {
    background: url('images/chevron-blue-none-200.png') no-repeat;
    background-size: auto 100%;
    background-position: 50% 0;
}
.progress-item2.current {
    background: url('images/chev-orange-200.png') no-repeat;
    background-size: 100% 100%;
}
.progress-itemWithlogin.current {
    background: url('images/chev-orange-200.png') no-repeat;
    background-size: 100% 100%;
}

/* Anything bigger than SM */
@media only screen and (min-width : 768px) {
    .progress-item2 {
        border-right: 4px solid #13487f;
        width: 25%;
        float: left;
    }
    .progress-itemWithlogin {
        border-right: 4px solid #13487f;
        width: 25%;
        float: left;
    }

    .progress-item2.last {
        border-right: none;
    }
    .progress-itemWithlogin.last {
        border-right: none;
    }

    .booking-progress .progress-item.completed h4, .booking-progress2 h4 {
        font-size: 20px;
    }
}
/* Anything bigger than MD */
@media only screen and (min-width : 992px) {
    .progress-item2 {
        margin-bottom: 4em;
    }
    .progress-itemWithlogin {
        margin-bottom: 4em;
    }
    .booking-progress .progress-item.completed h4, .booking-progress2 h4 {
        font-size: 2em;
    }
}
/* Anything bigger than LG */
@media only screen and (min-width : 1200px) {


    .progress-item2 {
        border-right: none;
        width: 20%;
    }
    .progress-itemWithlogin {
        border-right: none;
        width: 20%;
    }
}

#booking .booking {
    padding: 20px 0px;
    background-color: #FFFFFF;
    height: calc(100vh - 550px);
}

#booking .booking form {
    margin-top: 20px;
}

#booking .booking form input {
    width: 100%;
    display: inline-block;
    border-radius: 0px;
    border: none;
    border-bottom: solid 2px #0288D1;
    box-shadow: none;
    color: #222222;
    margin-bottom: 15px;
}

#booking .booking .datepicker-input[readonly] {
    background-color: #FFFFFF;
    cursor: pointer;
}
#booking .booking .datepicker-hook {
    width: 100%;
    height: 0;
    display: inline-block;
    float: left;
}
/* Extra Small Devices, Phones eg: 640x480 */ 
@media only screen and (min-width : 480px) {
    #booking .booking .datepicker-hook {
        width: 0px;
        height: 45px;
    }
}

#booking .booking form .date-picker-icon {
    position: absolute;
    top: 24px;
    right: 8px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
    font-size: 9px;
}

#booking .booking form label {
    text-transform: uppercase;
    color: #003b78;
}

#booking .booking form input:focus,
#booking .booking form input:valid,
#booking .booking form select:focus,
#booking .booking form select:valid {
    box-shadow: none;
    outline: none;
}

#booking .booking form input::-webkit-input-placeholder {
    font-family: 'Roboto', sans-serif;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

#booking .booking form input:focus::-webkit-input-placeholder, 
#booking .booking form input:valid::-webkit-input-placeholder {
    color: #0288D1;
    font-size: 11px;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    visibility: visible !important;
}
#booking .booking .error {
    display: block;
}


#booking .equipment-filters .green-call-to-action-button {
    margin-right: 15px;

}

#booking .equipment-filters .filters {
    margin-left: 15px;
    padding: 10px 0;
}

#booking .equipment-filters .manufacturer-container {
    display: inline-block;
    width: 160px;
}

#booking .equipment-filters .btn-group {
    margin-right: 15px;	
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

#booking .equipment-filters .filter-btn {
    border: 0px;
    background-color: #f5f5f5;
    color: #424242;
    text-shadow: none;
    box-shadow: none;
    padding: 8px 12px;
    font-weight: 300;
}

#booking .equipment-filters input[type=radio]:checked + label {
    background-color: #0288D1;
    color: white;
}

#booking .equipment-filters .filter-btn:hover {
    z-index: 1;
    background-color: #E0E0E0;
}

#booking .equipment-filters .filter-btn.active {
    background-color: #0288D1;
    color: white;
}

#booking .equipment-filters .filter-btn.active:hover {
    background-color: #0288D1;
}

.equipment-filters2 {
    z-index: 24;
}

#filter-form {
    margin-bottom: 100px;
}
#filter-form.filter-form-hidden {
    height: 64px;
    overflow: hidden;
    margin: 0 0 10px;
}
.filter-title {
    position: relative;
    color: #ffffff;
    padding: .4em;
}
.filter-title h3 {
    font-family: "Museo700-Regular";
    color: #ffffff;
    margin: 10px 0;
    text-transform: uppercase;
    font-size: 15px;
}

.filter-section {
    border: 1px solid #14487f;
    text-align: center;
}
.filter-section .btn-group {
    width: 100%;
}

.filter-section .btn:hover {
    color: #ffffff;
}

.filter-section.filter-section-1 button,
.filter-section.filter-section-2 button
 {
    width: 30%;
}

.filter-section button {
    width: 25%;
}

.arrow-right-con {

    display: inline-block;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 20px solid #faa61a;
}

.arrow-right2 {
    display: none;
}

button.filter-btn {
    min-height: 4em;
    color: #ffffff;
    font-weight: 900;
    font-size: 1em;
    text-align: center;
    text-transform: uppercase;
    border: none;
    padding: 0;
    background-size: 3.2em;
    background-repeat: no-repeat;
    background-position: 50% 0;
    /*filter: drop-shadow(5px 5px 5px #222);*/
}

/*button.filter-btn.active { 
        background-image: url("images/golf-ball-100.png");
}*/

button .filter-btn-image { 
    background-repeat: no-repeat;
    background-size: 4em;
    background-position: 50%;
    height: 4em;
    filter: drop-shadow(5px 5px 5px #222);
}

button .filter-btn-image.active { 
    background-image: url(images/golf-ball-100.png);
}

button .filter-btn-image { 
    background-image: url("images/golf-hole-100.png");
}

button .filter-btn-image:hover { 
    background-image: url("images/golf-ball-drop-100.png");
    border:	none;
}

button .filter-btn p {
    width: 6em;
}

.filter-section button p {
    height: 2.4em;
    font-family: inherit;
    color: #000000;
    font-size: 1em;
    line-height: 1.1;
    font-weight: 900;
}

.equipment-filters2 .select2-selection__placeholder {
    color: #ffffff;
}

.filterFixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0px 0px 18px rgba(0,0,0,0.45);   
    padding: 0 15px;
}

.equipment-filters2-fixed {
    /*background-image: url(images/sky-strip.jpg);*/
    background-color: #b7dcf9;
    background-position: 0;
    padding-bottom: .4em;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.5);
    z-index: 10000;
}

#manufacturer {
    width: 250px;
}


/* Anything bigger than SM */
@media only screen and (min-width : 768px) {
    #filter-form {
        margin-bottom: 250px;
    }
}

/* Anything bigger than MD */
@media only screen and (min-width : 992px) {
    #filter-form {
        margin-bottom: 0;
    }
    .manufacturer-container {
        margin: 0;
    }
    .filter-section {
        margin: 0;
        background-color: transparent;
    }
    .filter-section-0 {
        border-top: 0;
        border-bottom: 0;
    }
    .arrow-right2 {
        display: block;
        position: absolute;
        top: 50%;
        left: 100%;
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-left: 20px solid #faa61a;
    }
    .filter-title {
        height: 7.5em;
    }
    .filter-title h3 {
        font-size: 24px;
        margin: 0;
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    button .filter-btn-image { 
        background-size: 3em;
    }
    .filter-section button p {
        font-size: 10px;
    }
}

/* Anything bigger than LG */
@media only screen and (min-width : 1200px) {
    button .filter-btn-image { 
        background-size: 4em;
    }
    .filter-section button p {
        font-size: 1em;
    }
}

.upsells-heading {
    width: 100%;
    height: 175px;
    display: inline-block;
    background-color: #0288D1;
    padding: 15px;
}

.upsells-heading h3 {
    color: #FFFFFF;
    font-weight: 100;
    margin: 15px;
}

.clubs .booking-results {
    margin-bottom: 15px;
}

.upsells .booking-results {
    margin-top: -125px;
    margin-bottom: 15px;
}

.clubs .booking-results .wp_cart_product_display_box, .rev-prod-disp-box, .cth_equipment_display_box {
    background-color: #FFFFFF;
    width: 100%;
    text-align: center;
    border: 0px;
    padding: .6em;
    margin: 0 0 2em 0;
}

.cth_equipment_display_box_detail {
    background-color: #696969;
}

.clubs .booking-results .wp_cart_product_display_box .wp_cart_product_name p {
    font-family: "Museo500-Regular";
    color: #14487f;
    margin: 0;
    font-size: 1.1em;
    line-height: 1;
    letter-spacing: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.clubs .booking-results .wp_cart_product_display_box .wp_cart_product_thumbnail {
    height: 20em;
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
}

.clubs .booking-results .wp_cart_product_display_box .wp_cart_product_thumbnail img {
    height: 100%;
    margin-top:10px;
    max-height: 100%;
}

.clubs .booking-results .wp_cart_product_display_box .promotionImage img {
    margin-left: 20px;
}

.clubs .booking-results .wp_cart_product_display_bottom {
    padding: 0 1em 1em 1em;
    background-color: #ffffff;
}

.clubs .booking-results .wp_cart_product_display_box .wp_cart_product_thumbnail.single-image {
    border-bottom: 1px solid #EEEEEE;
    margin: 0 0 15px;
}

.clubs .booking-results .wp_cart_product_display_box .wp_cart_product_thumbnail.single-image img {
    max-height: 300px;
    margin-bottom: 15px;
    overflow: hidden;
}

.clubs .booking-results .wp_cart_product_display_box .wp_cart_product_name, 
.upsells .booking-results .wp_cart_product_display_box .wp_cart_product_name {
    padding: .5em;
    color: #3a3a3a;
    font-size: 1.5em;
    font-weight: 900;
    letter-spacing: 1px;
}

.clubs .booking-results .wp_cart_product_display_box .wp_cart_product_name {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left,  #DBDBDB 0%, #ffffff 32%, #ffffff 65%, #DBDBDB 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #DBDBDB 0%,#ffffff 32%,#ffffff 65%,#DBDBDB 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #DBDBDB 0%,#ffffff 32%,#ffffff 65%,#DBDBDB 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#d1d1d1',GradientType=1 ); /* IE6-9 */

    height: 3.5em;
    padding: .5em;
}

.clubs .booking-results .wp_cart_product_display_box .wp_cart_product_details {
    display: none;
    padding: .4em 2em .4em 2em;
    background-color: #e6e6e6;
    min-height: 7em;
}

.clubs .booking-results .wp_cart_product_display_box .wp_cart_product_details p {
    margin-top: .5em;
    text-align: left;
    letter-spacing: 1px;
    font-weight: 500;
    color: #6b6b6b;
}

.clubs .booking-results .wp_cart_product_display_box .wp_cart_product_price {
    padding: .5em 4px.5em 8px;
    text-align: right;
}

.clubs .booking-results .wp_cart_product_display_box .wp_cart_product_price label {
    float: left;
    font-size: 18px;
    margin-top: 4px;
    margin-bottom: 0;
}

/*float: left;
font-size: 16px;
margin-top: 9px;*/

.clubs .booking-results .wp_cart_product_display_box .wp_cart_product_price {
    font-weight: 900;
    color: #14487f;
    font-size: 1.6em;
    letter-spacing: initial;
}

.clubs .booking-results .wp_cart_product_display_box .wp_cart_product_button {
    height: 3.6em;
}

.upsells .booking-results .wp_cart_product_display_box .wp_cart_product_name {
    padding: 0px;
    margin: 0px;
}

.upsells .booking-results .wp_cart_product_display_box {
    background-color: #FFFFFF;
    width: 100%;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    border: 0px;
    border-radius: 5px;
    padding: 15px;
    margin: 10px 0;
    text-align: inherit;
}

.upsells .booking-results .wp_cart_product_display_box .wp_cart_product_thumbnail,
.upsells .booking-results .wp_cart_product_display_box .wp_cart_product_display_bottom,
.upsells .booking-results .wp_cart_product_display_box .wp_cart_product_name {
    display: inline-block;
}

.upsells .booking-results .wp_cart_product_display_box .upsell-tag {
    display: inline-block;
    float: right;
}

.upsells .booking-results .wp_cart_product_display_box .upsell-tag .wp_cart_product_upsell_tag {
    padding: 4px 8px;
    background: #FAA61A;
    color: #FFFFFF;
    border-radius: 5px;
}

.upsells .booking-results .wp_cart_product_display_box .product-description {
    overflow: scroll;
    text-overflow: ellipsis;
    height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
}

.upsells .booking-results .wp_cart_product_display_box .product-description .wp_cart_product_description {
    font-style: normal;
    font-size: 14px;
    font-weight: 300;
    color: #9E9E9E;
}

.booking-results .wp_cart_product_display_box .wp_cart_product_price span, .upsell-price span {
    color: #589fd6;
    font-weight: 500;
}

/*.clubs .booking-results .wp_cart_product_display_box .wspsc_add_cart_submit, 
.upsells .booking-results .wp_cart_product_display_box .wspsc_add_cart_submit {
        font-family: "Museo700-Regular";
        color: #FFFFFF;
        padding: 8px 12px;
        text-shadow: none;
        font-size: 1.4em;
    letter-spacing: initial;
        border: 0px;
        font-weight: 900;
}*/

.wp-cart-button-form input {
    font-family: "Museo700-Regular";
    width: 100%;
    color: #FFFFFF;
    padding: 8px 12px;
    text-shadow: none;
    font-size: 1.4em;
    letter-spacing: initial;
    border: 0px;
    font-weight: 900;
}


.clubs .booking-results .wp_cart_product_display_box .wspsc_add_cart_submit:hover, 
.upsells .booking-results .wp_cart_product_display_box .wspsc_add_cart_submit:hover {

}

.clubs .booking-results .wp_cart_product_display_box .wspsc_detail_button {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    margin: 0;
    width: 100%;
    background-image: url(images/results-details-drop-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 4em;
    padding: .1em 1em .4em 1em;
    filter: drop-shadow(5px 5px 5px #aeafaf);
    transition: all .2s ease-in-out;
}

.clubs .booking-results .wp_cart_product_display_box .wspsc_detail_button:hover {
    background-image: url(images/results-details-drop-hov2.png);
    height: 4.6em;
    background-size: 100% 120%;
}

.clubs .booking-results .wp_cart_product_display_box .wspsc_detail_button p {
    height: inherit;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: inherit;
    font-weight: 900;
}

.clubs .booking-results .wp_cart_product_display_box .wp_cart_button_wrapper, .upsell-item .wp_cart_button_wrapper {
    /*position: relative;
    top: 3px;*/
    background-image: url(images/chevron-orange-right-200.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50% 0;
    display: inline-block;
    margin: 0;
}

.clubs .booking-results .wp_cart_product_display_box .wp_cart_button_wrapper {
    width: 70%;
}

.clubs .booking-results .wp_cart_product_display_box .wp_cart_button_wrapper:hover, .upsells-container .wp_cart_button_wrapper:hover {
    background-image: url(images/chevron-darkblue-right-200.png);
}

.clubs .booking-results .wp_cart_product_display_box:hover, .clubs .booking-results .wp_cart_product_display_box:hover .wp_cart_product_name {
    background: #faa61a;
}

.clubs .booking-results .wp_cart_product_display_box .wp_cart_button_wrapper:hover {
    cursor: pointer;
}

.no-items-found-message {
    background-color: #ffffff;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.5);
    margin: 0 0 10px;
    padding: 1em;
    border-bottom: 1px solid #eee;
    border-radius: .6em;
}

.no-items-found-message h2, .no-items-found-message h4 {
    font-family: "Museo700-Regular";
    color: #14487f;
}

/*  DETAILS MODAL START  */

.set-details {
    background-color: #fff;
    display: none;
    overflow: hidden;
}
 .quick-view .sub_images>img {
    max-height: 5em;
	width:5em;
    cursor:pointer;
	border:1px solid #ccc;
	margin:2px;
	display: inline-block;
}
.quick-view .product_img img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    padding: 1px;
	background:#fff;
}
/* Position the "next button" to the right */
.quick-view .prev, .quick-view .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  text-decoration:none;
  background-color: rgba(0,0,0,0.8);
}
.quick-view  .next {
  left: 20px;
  border-radius: 3px 0 0 3px;
}
.quick-view  .prev {
  right: 20px;
  border-radius: 3px 0 0 3px;
}
.quick-view .prev:hover, .quick-view .next:hover {
  background-color: rgba(0,0,0,0.8);
}
.quick-view .quantity-spinner-set-panel .btn-link, .quick-view .quantity-spinner-extra-panel .btn-link {
    font-size: 1.6em;
    color: #ffffff;
    padding: 0 0.1em;
    margin-top: 8px;
}
.quick-view ul{margin:0;}

.quick-view .wp_cart_button_wrapper{
	background-image: url(images/chevron-orange-right-200.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50% 0;
    display: inline-block;
    margin: 0 5px;
    height: 45px;
    line-height: 45px;
	width:50%;
}
.quick-view .wp_cart_product_price label {    
	margin-right:20px !important;
}.quick-view .wp_cart_product_price span {
    font-weight: 500;
}
#setclubdetails .modal-content.bg-primary {
    background: #007bff;
}
.quick-view .wp_cart_product_price {
    font-weight: 900;
    color: #faa61a;
    font-size: 1.6em;
    letter-spacing: initial;	
}
.set-details .details-thumbs {
    height: 5.5em;
    margin-top: 3%;
    background-color: #ffffff;
}

.details-desc-container {
    background-color: #589fd6;
    height: 15em;
    overflow: scroll;
}

.set-details .details-thumbs ul, .details-features ul {
    padding: 0;
    margin: 0;
}

.set-details .details-thumbs li {
    display: inline-block;
    list-style-position: inside;
    box-shadow: 7px 5px 15px #888888;
}

/*.set-details .details-thumbs button {
    border: none;
    padding: 0;
    border-radius: initial;
    background-color: transparent;
    background: transparent;
}*/

.set-details .details-thumbs p {
    text-align: left;
}

.set-details .details-thumbs img {
    max-height: 5em;
    max-width: 5em;
    cursor:pointer;
    height: 80px;
    width: 80px;
}

.set-details .details-images {
    display: none;
}

.details-text-thumb {
    height: 3em;
}

.details-features ul li {
    display: none;
    height: 15em;
}

.details-features ul li:first-child {
    display: block;
    padding: 12px 0;
    overflow: hidden;
}

.details-features ul li:first-child p {
    text-align: left;
}

.details-features ul li img {
    /*max-height: 100%;*/
    height: 100%;
}

.details-features p {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}

.details-feature {
    padding: 0 1em;
    background-color: #589fd6;
    color: white;
}

.details-modal {
    display: none;
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}


.details-modal-closed {
    display: none;
}

#details-modal-close-button {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

#details-modal-close-button:hover,
#details-modal-close-button:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.details-modal-overlay {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.details-modal-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 20px 50px 20px 20px;
}

.details-modal .details-modal-close-button {
    position: absolute;

    /* don't need to go crazy with z-index here, just sits over .modal-guts */
    z-index: 1;

    top: 10px;

    /* needs to look OK with or without scrollbar */
    right: 20px;

    border: 0;
    background: black;
    color: white;
    padding: 5px 10px;
    font-size: 1.3rem;
}
/* DETAILS MODAL END */

.extrasheading h2,
.cth_equipment_container h2,
.upsell-title h2,
.collection-form-container h2,
.delivery-form-container h2,
.payment-form-container h2,
.complete-confirmation-container h2 {
    font-family: "Museo700-Regular";
    font-size: 26px;
    color: #14487f;
    line-height: inherit;
    text-align: center;
}

.upsell-shoe-dropdown select {
    margin-top: 12px;
    width: auto;
    /*font-size: 1.6em;*/
}

.upsell-thumbnail {
    height: auto;
    width: 5em;
    float: left;
    text-align: center;
}

.upsell-price p {
    font-weight: 900;
    font-size: 1.6em;
    color: #14487f;
    margin-top: 20px;
    text-align: center;
}

.cth_equipment_container hr, .upsell-item hr, .collection-form-container hr, .delivery-form-container hr, .payment-form-container hr, .complete-confirmation-container hr {
    height: 3px;
    margin: 0 0 1em 0;
}

.cth_equipment_container hr, .upsell-item hr {
    background-color: #589fd6;
}

.collection-form-container hr, .delivery-form-container hr, .payment-form-container hr, .complete-confirmation-container hr {
    background-color: #faa61a;
}

.protection-logo img {
    margin-top: 2em;
}

.protection-additional {
    display:inline-block;
    border-radius: .4em;
    background-color: #589fd6;
    padding: .4em .8em;
    cursor: pointer;
}

.protection-additional:hover {
    background-color: #14487f;
}

.protection-additional:hover .arrow-down2 {
    border-left: .6em solid transparent;
    border-right: .6em solid transparent;
    border-bottom: 1em solid #faa61a;
    border-top: none;
}

.protection-additional.hide-table {
    background-color: #14487f;
}

.protection-additional p {
    display: inline-block;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: 900;
    color: #ffffff;
    margin: 0;
}

.protection-additional i {
    display: inline-block;
    color: #faa61a;
    font-size: 2em;
    margin: -1em 0 0 0;
}

.protection-additional .arrow-down2 {
    position: relative;
    display: inline-block;
    top: .2em;
    width: 0;
    height: 0;
    border-left: .6em solid transparent;
    border-right: .6em solid transparent;
    border-top: 1em solid #faa61a;
}


/* Anything bigger than XS */ 
@media only screen and (min-width: 480px) {
    .upsell-thumbnail img {
        max-height: 230px;
    }
}

/* Anything bigger than SM */
@media only screen and (min-width : 768px) {
    .extrasheading h2,
    .cth_equipment_container h2,

    .collection-form-container h2,
    .delivery-form-container h2,
    .payment-form-container h2,
    .complete-confirmation-container h2 {
        font-size: 30px;
    }

    .extrasheading h2,
    .cth_equipment_container h2,
    .upsell-title h2 {
        text-align: left;
    }

    .upsell-thumbnail img {
        max-height: 100%;
    }
    .upsell-price p {
        text-align: right;
    }
}

/* Anything bigger than MD */
@media only screen and (min-width : 992px) {
    .protection-logo img, .upsell-logo img, .upsell-thumbnail img {
        max-width: 90%;
    }	
	.cardoverley article.card {
		border: unset;
	}
}

/* Terms & Conditions */

.terms-and-conditions-container, .terms-and-conditions-container1  {
    display: none;
    height: 40em;
    width: 90%;
    overflow: scroll;
    background-color: aliceblue;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
    padding: 0 2em;
}

.tsandcs {
    display: inline-block;
}

.terms-and-conditions-sub-container {
    font-size: 2em;
}

.terms-and-conditions-sub-container h1, .terms-and-conditions-sub-container h2, .terms-and-conditions-sub-container h3 {
    font-family: "Museo700-Regular";
}

.terms-and-conditions-sub-container h1 {
    font-size: 1.8em;
}

.terms-and-conditions-sub-container h2 {
    font-size: 1.4em;
}

.terms-and-conditions-sub-container h3 {
    font-size: 1.2em;
}

/* END Terms & Conditions */

/** insurance table **/

.protection-additional {
    position: relative;
    height: auto;
}

.costs-table, .close-costs-button {
    display: none;
}

.costs-table {
    font-size: 1em;
    border-radius: 6px;
}

.costs-table td {
    background-color: #d4dee6;
    border: 4px solid white;
    text-align: center;
    padding: .6em .2em;
}

.costs-table h5 {
    color: #14487f;
    font-size: 1.25em;
    letter-spacing: initial;
}

.arrow-up2 {
    border-left: .6em solid transparent;
    border-right: .6em solid transparent;
    border-bottom: 1em solid #faa61a;
}

.extrasheading h2 {
    filter: drop-shadow(0em 0 .4em #ffffff);
    font-size: 22px;
    text-align: center;
}

.insurance-information {
    margin: 0;
}

/* UPSELL ITEMS */

.wp_upsell_display_box {
    background-color: #ffffff;
    margin: 10px 0;
    padding: 1em;
    border-bottom: 1px solid #eee;
    border-radius: .6em;
    min-height: 22em;
}

/* END UPSELL ITEMS */

.insurance-information .col-centered{
    float: none;
    margin: 0 auto;
}
.insurance-information h3 {
    color: #212121;
    font-weight: 300;
    margin: 15px;
    margin-top: 30px;
}

#insurance .insurance-information .warning {
    color: #ff3a35;
    text-transform: uppercase;
    font-weight: 600;
}

#insurance .insurance-information .highlight {
    color: #0288D1;
    text-transform: uppercase;
    font-weight: 600;
}

#insurance .insurance-information .insurance-input {
    position: relative;
    display: block;
    margin: 15px;
    padding: 10px;
    text-align: center;
}

#insurance .insurance-information .insurance-input span {
    color: #212121;
    position: relative;
    font-weight: 600;
    bottom: 6px;
    text-transform: uppercase;
}

#insurance .insurance-information .insurance-input label {
    width: 75px;
    height: 8px;
    background: #ff3a35;;
    position: relative;
    display: inline-block;
    border-radius: 46px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

#insurance .insurance-information .insurance-input label::after {
    content: ' ';
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    left: 45px;
    top: -12px;
    z-index: 2;
    background: #B71C1C;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

#insurance .insurance-information .insurance-input input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
}

#insurance .insurance-information .insurance-input input:hover + label::after {
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
}

#insurance .insurance-information .insurance-input input:checked + label::after {
    left: 0px;
}

#insurance .insurance-information .insurance-input input:checked + label {
    background: #45ab4a;
}

#insurance .insurance-information .insurance-input input:checked + label:after {
    background: #2c6f2f;
}

#insurance .button-container {
    margin: 30px;
}

#insurance .button-container button,
#collection-form .button-container button,
#delivery-form .button-container button,
.button-container button,
#payment-form .button-container button {
    width: inherit;
    font-weight: 400;
    font-size: 16px;
    margin-top: 10px;
    text-shadow: none;
    padding: 12px 15px;
    background-color: #45ab4a;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;
    border: 0px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    -webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    -moz-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
#payment-form button.disabled,
#freebie-form button.disabled,
#walkin-form button.disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

#insurance .button-container button:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !important;
}

/* Anything bigger than XS */ 
@media only screen and (min-width: 480px) {
    .extrasheading h2 {
        font-size: 30px;
    }
}

/* Anything bigger than SM */
@media only screen and (min-width : 768px) {
    .extrasheading h2 {
        text-align: left;
    }
    #insurance .insurance-information .insurance-input {
        position: relative;
        display: block;
        margin: 15px;
        padding: 10px;
        text-align: right;
    }
}

/* Anything bigger than MD */
@media only screen and (min-width : 992px) {
    .extrasheading h2 {
        margin: 0;
    }
}

/** Green Call to Action Button **/
.green-call-to-action-button {
    display: inline-block;
    width: initial;
    background-color: #faa61a;
    padding: .1em .8em;
    float: right;
    margin: .5em;
    text-shadow: none;
    border: 0px;
    font-size: 16px;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    font-weight: 900;
    text-transform: uppercase;
}
.green-call-to-action-button.large {
    font-weight: 400;
    padding: 12px 15px;
    text-transform: uppercase;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    -webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    -moz-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.green-call-to-action-button:hover,
.green-call-to-action-button:visited,
.green-call-to-action-button:focus {
    color: #FFFFFF;
    text-decoration: none;
}
.green-call-to-action-button:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !important;
}

/** Blue Call to Action Button **/
.blue-call-to-action-button {
    display: inline-block;
    width: initial;
    background-color: #3da8e1;
    color: #FFFFFF;
    padding: 8px 12px;
    text-shadow: none;
    border: 0px;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    font-weight: 300;
}
.blue-call-to-action-button.large {
    font-weight: 400;
    padding: 12px 15px;
    text-transform: uppercase;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    -webkit-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    -moz-transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.blue-call-to-action-button:hover,
.blue-call-to-action-button:visited,
.blue-call-to-action-button:focus {
    color: #FFFFFF;
    text-decoration: none;
}
.blue-call-to-action-button:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !important;
}

/* Warning and error messages on booking form */
.call-to-action-warning {
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    color: #ffffff;
    display: inline-block;
    background: #448AFF;
    padding: 10px 20px 10px 20px;
}

.call-to-action-error {
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    color: #ffffff;
    display: inline-block;
    background: #FF5252;
    padding: 10px 20px 10px 20px;
}

#coll-form-group {
    margin: 0 auto;
    padding: 20px 40px;
    padding-bottom: 30px;
    background-color: #FFFFFF;
}

/* DETAILS & PAYMENT */

.paymentheading {

}

/* DETAILS & PAYMENT END */

/** Select2 & DateRangePicker OVERRIDES **/

/*.select2-container--default .select2-selection--single {
        height: 29px !important;
    display: inline-block;
    float: left;
    border-radius: 0px !important;
    border: none !important;
    box-shadow: none;
    color: #222222;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 22px !important;
        color: #222222 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
        background-color: #0288D1 !important; 
}*/

/* Below is Commented out by Gordon */

/*.select2 {
    width: 100%;
}

.select2-selection {
    width: 100%;
}

.select2-selection__arrow {
    height: 2em;
    top: 1em;
    right: 50%;
}

.select2-container--default .select2-selection--single {
        background-color: transparent;
}*/

.daterangepicker {
    margin-top: 8px !important;
}

.daterangepicker .daterangepicker_input {
    display: none;
}

.daterangepicker td.in-range {
    background-color: #efefef;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #357ebd;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #faa61a;
    color: #FFFFFF;
}

.daterangepicker td.highlighted_date {
    background-color: #AECBE4;
    border-radius: 0;
}
.daterangepicker td.selected_date {
    background-color: #357ebd;
    color: #FFFFFF;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.daterangepicker td.current_date {
    background-color: #357ebd;
    color: #FFFFFF;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/** END Select2 & DateRangePicker OVERRIDES **/



/** Equipment page styling **/
.cth_equipment_display_box, .collection-form-container, .delivery-form-container, .payment-form-container, .complete-confirmation-container {
    background-color: #FFFFFF;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.5);
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 1em;
    border-bottom: 1px solid #eee;
    border-radius: .6em;
    min-height: 22em;
}

.cth_equipment_container {
    padding: 0 1em;
    text-align: left;
}

.cth_equipment_display_box .cth_product_thumbnail {
    text-align: center;
}
.cth_equipment_display_box .cth_product_thumbnail img {
    max-width: 220px;
}
.cth_equipment_display_box .cth_product_name {
    font-size: 21px;
    line-height: 1.2;
    font-weight: 400;
    margin: 20px 0 10px;
}
.cth_equipment_display_box .product-description,
.cth_equipment_display_box .product-feature,
.cth_equipment_display_box .product-locations,
.cth_equipment_display_box .product-brand {
    font-size: 14px;
    line-height: 1.5;
    color: #2d2d2d;
}
.cth_equipment_display_box .product-locations,
.cth_equipment_display_box .product-brand {
    margin: 0 0 20px;
}
.cth_equipment_display_box .product-brand strong {
    text-transform: uppercase;
    display: inline-block;
    width: 140px;
}

.cth_equipment_thumbnail_container img {
    max-width: initial;
}

.page-template-equipment .pagination-links {
    margin: 10px 0 20px;
    text-align: center;
}
.page-template-equipment .pagination-links .prev-btn {
    float: left;
}
.page-template-equipment .pagination-links .next-btn {
    float: right;
}
.page-template-equipment .pagination-links .pagination-info {
    display: inline-block;
    margin-top: 10px;
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .cth_equipment_display_box .cth_product_thumbnail img {
        max-width: 200px;
    }

    .cth_equipment_thumbnail_container img {
        max-width: initial;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .cth_equipment_display_box, .collection-form-container, .delivery-form-container {
        margin-top: 0;
    }
    .cth_equipment_display_box .cth_product_thumbnail img {
        max-width: 220px;
    }

    .cth_equipment_thumbnail_container img {
        max-width: initial;
    }
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

.collection-form-container, .delivery-form-container, .payment-form-container {
    margin-bottom: 2em;
}

.collection-form-container h2, .delivery-form-container h2 {
    margin-top: .5em;
}

fieldset.pay-terms-and-conditions p, fieldset.pay-terms-and-conditions a {
    display: inline-block;
    font-size: 1em;
    font-weight: normal;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 10px;
} 
fieldset.pay-terms-and-conditions h4{
    color:#14487f;

    padding:0px;
    margin:0px;
}
.coll-contact {
    padding-bottom:10px;
}
fieldset.pay-terms-and-conditions {
    background-color: #589fd6;
    border-radius: .6em;
    vertical-align: middle;
}

fieldset.pay-terms-and-conditions p {
    color: #ffffff;
}

fieldset.pay-terms-and-conditions a {
   /* color: #14487f;*/
    color: #000000;
    font-weight: bold;
    font-size: 1em;

}

fieldset.pay-terms-and-conditions a:hover {
    background-color: #ffffff;
    color: #589fd6;
    text-decoration: none;
}

.pay-terms-and-conditions label.checkbox-info {
    color: #ffffff;
    font-weight: 500;
    margin: 0;
}
.pay-terms-and-conditions label.checkbox-info {
    color: #ffffff;
    font-weight: 500;
    margin: 0;
}
.pay-terms-and-conditions label.radio-info {
    color: #ffffff;
    font-weight: 500;
    margin: 0;
}

.details-form-drop {
    display: inline-block;
}

.coll-form-container {
    background-color: #FFFFFF;
}

#payment-form *  {
    opacity: 0.8;
}

.coll-form {
    margin: 0 auto 4em auto;
}

.form-right-align {
    float: right;
    margin-right: 1em;
}

.form-left-align {
    float: left;
    margin-left: 1em;
}

.cart-col-container-details {
    margin-top: 20px;
}
#cth_form_coll_country, #cth_form_deliv_country {
    width: 100%;
}

/* Forms Material  */

.material {
    position: relative;
    padding: 0;
    margin: 10px 0px;
    border: none;
    overflow: visible;
}
.material input {
    box-sizing: border-box;
    width: 100%;
    padding: 12px 10px 8px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    cursor: text;
}
.material input::-webkit-input-placeholder {
    -webkit-transition: color 300ms ease;
    transition: color 300ms ease;
}
.material input:not(:focus)::-webkit-input-placeholder {
    /*color: transparent;*/
}
.material hr {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 1px;
    border: none;
    background: #607D8B;
    font-size: 1px;
    will-change: transform, visibility;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform: scaleY(.3);
    transform: scaleY(.3);
    /*visibility: hidden;*/
    z-index: 4;
}
.material input:focus ~ hr {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    visibility: visible;
}
.material input[type=checkbox], .material input[type=checkbox] ~ .checkbox-info, .earlylate_group input[type=checkbox] {
    display: inline-block;
    width: auto;
    margin: 0 .5em 0 0;
}
.material label {
    /*position: absolute;
    top: 10px;
    left: 10px;
    font-size: 100%;*/
    margin: 0 0 0 .6em; 

    font-weight: initial;
    color: #14487f;
    -webkit-transform-origin: 0 -150%;
    transform-origin: 0 -150%;
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease;
    /*pointer-events: none;*/
}

.mobile-code {
    color: lightgrey;
}

.earlylate-warning {
    color: #ffffff;
    font-size: 1.2em;
    font-weight: 500;
    background-color: #faa61a;
    padding: .4em;
    border-radius: .6em .6em 0 0;
    margin: 0;
}

.earlylate_group {
    background-color: #589fd6;
    padding: .4em;
    border-radius: 0 0 .6em .6em;
}
.earlylate_group label.checkbox-info {
    margin: 0;
}

.charge-accepted {
    background-color: #25bf51;
}

#cth_form_deliv_terms,
#cth_form_coll_terms,
#cth_form_coll_earlylate,
#cth_form_deliv_earlylate {
    padding: 20px;
    text-align: left;
}

#cth_form_coll_earlylate, #cth_form_deliv_earlylate {
    display: none;
}

#cth_form_deliv_terms input[type=checkbox], #cth_form_coll_terms input[type=checkbox], #cth_form_deliv_terms input[type=radio], #cth_form_coll_terms input[type=radio] {
    float: none;
    cursor: pointer;
}


.labelcontainer {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    padding-bottom:10px;
    cursor: pointer;
    font-size: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color:#ffffff;

}

/* Hide the browser's default radio button */
.labelcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.labelcontainer:hover input ~ .checkmark {
    background-color: #ffffff;
}

/* When the radio button is checked, add a blue background */
.labelcontainer input:checked ~ .checkmark {
    background-color: #faa61a;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.labelcontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.labelcontainer .checkmark:after {
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
}

.earlylateerror {
    display: none;
    color: red;
}

/* Anything bigger than XS */ 
@media only screen and (min-width: 480px) {
    #cth_form_deliv_terms,
    #cth_form_coll_terms,
    #cth_form_coll_earlylate,
    #cth_form_deliv_earlylate {
        padding: 20px 20px 0px 20px;
    }
    .earlylate-warning {
        padding: .4em 4em;
    }
    .earlylate_group {
        padding: .4em 4em;
    }
}

/* Anything bigger than MD */
@media only screen and (min-width : 992px) {
    .cart-col-container-details {
        margin-top: 0;
    }
}

.material label.select-label {
    width: 100%;
    margin-bottom: 2px;
}

.material .checkbox-info {
    width: 100%;
    text-transform: none;
}

.material .checkbox-info p {
    font-size: 1em;
    font-weight: normal;
    color: #ffffff;
    display: inline-block;
    width: auto;
}

.material .checkbox-info input {
    display: inline-block;
    margin-top: 4px;
    cursor: pointer;
}
/* END Forms Material  */

/* Material Select dropdown */
.mdl-select {
    font-family: inherit;
    background-color: transparent;
    background: url('images/dropdownarrow1a.png') 100% / .7em no-repeat;
    /*background: url('images/dropdownarrow1.png') 96% / 15% no-repeat #F7F5F5;*/
    /*float: left;*/
    padding: 4px 0;
    font-size: 16px;
    color: rgba(96,125,139, 0.6);
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    border: none;
    border-bottom: 1px solid rgba(0,0,0, 0.12);
    margin: 0 1em 0 0;
    padding: .5em 1em .5em .5em;
}

/* Remove focus */
.mdl-select:focus {
    outline: none;
}

#payment-form .mdl-select,#order-payment-form .mdl-select {
    float: none;
    display: block;
}

/* Hide label */
.mdl-selectfield label {
    display: none;
}

/* Use custom arrow */
.mdl-selectfield select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.mdl-select select {
    background-color: green;
}

.mdl-selectfield {
    font-family: 'Roboto','Helvetica','Arial',sans-serif;
    position: relative;
}
.mdl-selectfield:after {
    position: absolute;
    top: 0.75em;
    right: 0.5em;
    /* Styling the down arrow */
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: .25em solid transparent;
    border-right: .25em solid transparent;
    border-top: 0.375em solid rgba(0,0,0, 0.12);
    pointer-events: none;
}

/* END Material Select dropdown */

/*  Payment/Review form  */
#payment-form .select-inline label,#order-payment-form .select-inline label {
    display: block;
}

#payment-form .select-inline select,#order-payment-form .select-inline select  {
    display: inline-block;
    float: left;
    width: auto;
    margin-right: 0;
}

#payrev-form-group {
    margin-bottom: 20px;
}

.payment-form-container .card-logos img {
    width: 35%;
}

.payment-alert .alert {
    margin: 20px 0 0;
}

.card-logos {
    text-align: center;
    margin-top: 1.4em;
    margin-bottom: 20px;
}

/* Remove controls from Safari and Chrome */
#payment-form input[type=number]::-webkit-inner-spin-button, 
#payment-form input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    margin: 0; /* Removes leftover margin */
}

/* Review */

.rev-item {
    border-bottom: 1px solid lightgrey;
}

.rev-item-quantity input {
    border: 1px solid lightgrey;
    margin-top: .8em;
}

.rev-delete {
    height: 1em;
    border: none;
    margin-top: .8em;
}

.total {
    float: right;
}

.club-item, .upsell-item {
    margin: 0 0 .5em 0;
}

.club-name h4, .upsell-name h4 {
    display: inline-block;
    padding: 0 0 1em 0;
}

.upsell-item .wp_cart_product_button {
    position: relative;
    height: 4em;
    margin: 1.6em 0 1em;
}

.upsell-item .quantity-spinner-set-panel , .upsell-item .quantity-spinner-extra-panel {
    // width: 6em;
    text-align: center;
}

.upsell-item .wp_cart_button_wrapper {
    //width: 175px;
    margin-left: .2em;
}

.qty select, .qty p {
    display: inline-block;
}

.review-items-list {
    max-height: 30em;
    min-height: 22em;
    overflow:hidden; 
    overflow-y:scroll;
    margin: 2em 0 0 0;
    padding: 0;
    padding-top: 1em;
    border: 1px solid lightgrey;
    margin-bottom: 1em;
}

.review-club {
    margin-top: .8em;
}

.review-club-select {
    display: inline-block;
    width: 50%;
    margin: 0 1em 0 0;
}

.review-club, .review-club p {
    display: inline-block;
}

.review-club p {
    color: rgba(96,125,139, 0.6);
    margin: 0 1em 0 0;
    border-bottom: 1px solid lightgrey;
}

#rev-total, .rev-extras h5, .rev-delete, .club-total, .upsell-total {
    float: right;
    margin-right: 1em; 
}

#rev-total h5 {
    display: inline-block;
    margin-left: 1em;
}

.rev-remove-image {
    border: none;
}

.rev-item .thumbnail {
    margin-left: .3em;
    border: none;
    padding: 0;
}

.rev-item .thumbnail, .rev-item .thumbnail img {
    max-height: 7em;
}

.rev-item-quantity {
    /*border: 1px solid lightgrey;*/
    margin-left: .5em;
}

.cart-button * {
    display: inline-block;
}

#payment-form #cth_cardexp-error {
    display: inline-block;
}


/* Anything bigger than XS */ 
@media only screen and (min-width: 480px) {
    .upsell-item .wp_cart_button_wrapper {
        //width: 18em;
    }
    .payment-form-container .card-logos img {
        width: 16%;
    }
}
/* Anything bigger than SM */
@media only screen and (min-width : 768px) {
    .card-logos {
        margin-bottom: 0;
    }
    .payment-form-container .card-logos img {
        height: 2.4em;
        width: auto;
    }
}

/*--------------------------------------------------------------
# END Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# COMPLETE / COMFIRMATION
--------------------------------------------------------------*/
.progress-image-bg-complete-container {
    background-image: url(images/booking-complete-bg.jpg);
    background-size: 100% auto;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: #7e7c29;

    min-height: calc(100vh - 421px); /* 421 = height of navbar + footer */
}

.progress-image-bg-complete {
    height: 14em;
}

.complete-confirmation-container {
    position: relative;
    border: .4em solid #589fd6;
    padding: 0 10px;
    margin-bottom: 8em;
}

.confirmation-logo {
    position: absolute;
    top: -4em;
    height: 8em;
    transform: translateX(-50%);
    left: 50%;
}

.complete-info-container .complete-message {
    margin: 2em 0;
}

.complete-confirmation-container h2, .complete-confirmation-container h3, .complete-confirmation-container p, .complete-confirmation-container h3 {
    font-family: "Museo700-Regular";
    color: #14487f;
}

.complete-confirmation-container h3 {
    margin-bottom: 1em;
}

.complete-confirmation-container p {
    font-size: 0.9em;
}

h2.complete-container-heading {
    margin-top: 2em;
}

.confirmation-number-con {
    border: 3px solid #faa61a;
    border-radius: 6px;
    margin-bottom: 2em;
}

h4.confirmation-number {
    font-family: "Museo700-Regular";
    display: inline-block;
    color: #14487f;
    text-transform: uppercase;
    font-size: 28px;
}

h4.confirmation-code {
    font-family: "Museo700-Regular";
    font-size: 2.4em;
    color: #faa61a;
}

.complete-confirmation-container .cth-button {

}

.share-add-email {
    color: #14487f;
    width: 10em;
    border-radius: 6px;
    padding: .8em;
    margin: 2em 0 4em 1em;
    cursor: pointer;
}

.share-add-email:hover {
    color: #ffffff;
    background-color: #14487f;
}

.share-add-email h5, .share-add-email i {
    font-size: 1.1em;
    margin: 0;
    display: inline-block;
    width: auto;
    text-transform: uppercase;
}

button.cth-button.share-email-button {
    background-color: #589fd6;
    margin-bottom: 4em;
    margin-left: .8em;
}
button.cth-button.share-email-button.disabled {
    background-color: #AAAAAA;
    cursor: not-allowed;
}
#share-form .spinner {
    width: 30px;
    margin-left: 4px;
}

.cartrawler-logo {
    margin: 0 5em 0 0;
    height: 8em;
}

/* Anything bigger than XS */ 
@media only screen and (min-width: 480px) {
    .progress-image-bg-complete-container {
        background-position: 0 -10em;
    }
    .complete-confirmation-container {
        margin: 8em 4em;
        padding: 0 4em;
        padding-bottom: 2em;
    }

    .confirmation-number-con {
        padding: .4em 1.4em;
    }
    h4.confirmation-code {
        padding-left: .4em;
    }

    .complete-confirmation-container hr {
        margin-bottom: 4em;
    }
}

/* Anything bigger than MD */
@media only screen and (min-width : 992px) {
    .progress-image-bg-complete-container {
        background-position: 0 -14em;
    }
}

/* Anything bigger than LG */
@media only screen and (min-width : 1200px) {
    .progress-image-bg-complete-container {
        background-position: 0 -20em;
    }
}

/* Anything bigger than regular monitor size */
@media only screen and (min-width : 1600px) {
    .progress-image-bg-complete-container {
        background-position: 0 -38em;
    }
}


/*--------------------------------------------------------------
# END COMPLETE / COMFIRMATION
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# CARTRAWLER ADS
--------------------------------------------------------------*/

.cartrawler-ad {
    display: block;
    position: relative;
    background-color: #ffffff;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 2em;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.5);
    text-align: center;
    overflow: hidden;
}

.clubstobuy-ad h4 {
    font-family: 'Roboto', sans-serif;
    color: #565656;
    text-decoration: none;
}

a.cartrawler-ad:hover {
    text-decoration: none;
}

/*--------------------------------------------------------------
# CLUBS TO BUY ADS
--------------------------------------------------------------*/

.clubstobuy-ad {
    position: relative;
    background-color: #ffffff;
    border-radius: 6px;
    padding: 0;
    margin-bottom: 2em;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.5);
    text-align: center;
    overflow: hidden;
}

.clubstobuy-ad.ad-wide {

}

.clubstobuy-ad h4, .clubstobuy-ad p {
    font-family: 'Roboto', sans-serif;
    color: #565656;
    text-decoration: none;
    padding: 0 .5em;
}

.complete-message a:hover, a.clubstobuy-ad-a:hover {
    text-decoration: none;
}

.clubstobuy-logo.clubstobuy-ad-top {
    height: 4em;
    margin: 1em 0 .5em 0;
}

.clubstobuy-ad.ad-wide img.clubstobuy-ad-bottom {
    border-top: 1px solid black;
}

.clubstobuy-ad.ad-square img.clubstobuy-ad-bottom {
    border-top: 1px solid black;
    width: 100%;
    max-width: none;
}

/*--------------------------------------------------------------
# END CLUBS TO BUY ADS
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# AFFILIATES
--------------------------------------------------------------*/

.affiliates-container {
    padding: 0 20em;
}

.affilaite-info-row * {
    display: inline-block;
}

/*--------------------------------------------------------------
# END AFFILIATES
--------------------------------------------------------------*/


/* ==========  Demo CSS ========== */
/*body {
  padding: 20px;
  background: #fafafa;
  font-family: 'Roboto','Helvetica','Arial',sans-serif;
}

.demo {
  width: 200px;
  padding: 20px;
  margin: 0 auto;
  top: 50%;
  margin-top: -2em;
  position: absolute;
  right: 0;
  left: 0;
}*/



/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-info > .row:first-child {
    padding-top: 1em;
}
.site-info > .row {
    background-color: #ffffff;
}

.site-footer h4 {
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 900;
    color: #14487f;
}

.site-footer p {
    color: #14487f;
    margin-bottom: 6px;
}

footer .site-info .social-container {
    margin: 30px 0;
}

footer .site-info .social-container .social {
    display: inline;
}

footer .site-info .social-container .social .social-icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 20px;
    border: 1px solid;
    border-radius: 100%;
    margin: 0 10px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

footer .site-info .social-container .social .social-icon i {
    display: block;
    margin-top: 5px;
    margin-left: 2px;
}

footer .site-info .social-container .social .social-icon.fb {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

footer .site-info .social-container .social .social-icon.fb:hover {
    color: #3B5998;
    background-color: #FFFFFF;
}

footer .site-info .social-container .social .social-icon.twitter {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

footer .site-info .social-container .social .social-icon.twitter:hover {
    color: #55ACEE;
    background-color: #FFFFFF;
}

footer .site-info .social-container .social .social-icon.gplus {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

footer .site-info .social-container .social .social-icon.gplus:hover {
    color: #D34836;
    background-color: #FFFFFF;
}

footer .site-info .social-container .social .social-icon.youtube {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

footer .site-info .social-container .social .social-icon.youtube:hover {
    color: #B31217;
    background-color: #FFFFFF;
}

.footer-links {
    margin-bottom: 2em;
}

.footer-links a {
    display: block;
}

.footer-links a p {
    display: inline-block;
}

.footer-links a p:hover {
    color: #ffffff;
}

.iagt-logo {
    text-align: center;
    margin-bottom: 2em;
}
.iagt-logo img {
    max-width: 10em;
}
/* Anything bigger than SM */
@media only screen and (min-width : 768px) {
    .iagt-logo {
        text-align: left;
        margin-bottom: 0;
    }
    .iagt-logo img {
        width: 100%;
    }
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object {
    max-width: 100%;
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*****************************************************************************************
****                                     FAQ Styles                                   ****
*****************************************************************************************/
.faq-image-bg {
    background-image: url(images/faq-image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #589fd6;
}

.faq-image-bg-header {
    background-position: 0 0;
    margin: 0 -15px;
    padding: 0 15px;
}

#faq_container {
    margin: 0 -15px;
    min-height: calc(100vh - 421px); /* 421 = height of navbar + footer */
}

#faq_container .posts {
    margin: 0;
    padding: 20px;
}
#faq_container .posts > div {
    display: none;
}

/* FAQ Page Title */
#faq_container .posts .expcoll {
    display: block;
    color: #14487f;
    font-family: "Museo700-Regular";
    font-size: 28px;
    text-align: center;
}
#faq_container .posts .expcoll:before {
    content: 'FAQ'; /* Unfortunately this is how we will have to add the FAQ title to the page */
}
#faq_container .posts .expcoll > * {
    display: none;
}

/* FAQ Titles */
#faq_container .posts .cattitle {
    display: block;
    color: #14487f;
    font-family: "Museo700-Regular";
    font-size: 22px;
    margin: 30px 0 10px;
    padding-top: 20px;
    border-top: 3px solid #ee9f2d;
}
#faq_container .posts .selected .cattitle {
    margin-top: 0;
}
#faq_container .posts .cattitle span {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 16px solid #ee9f2d;
    padding-right: 10px;
    margin-top: 7px;
}
#faq_container .posts .catdes {
    display: block;
    color: #548bb4;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin: 0 0 10px; 
    text-transform: uppercase;
}

/* FAQ Questions */
#faq_container .posts .post_title,
#faq_container .posts .ttext1 {
    color: #1a1919;
    font-family: "Museo700-Regular" !important;
    font-size: 14px;
    text-align: left;
}
#faq_container .posts .post_title {
    margin-bottom: 10px;
}

/* FAQ Answers */
#faq_container .posts .atext {
    margin: 0 0 20px 30px;
}
#faq_container .posts .atext p {
    color: #1a1919;
    margin-bottom: 10px;
}
#faq_container .posts .atext strong {
    color: #548bb4;
}

/* Anything bigger than XS */ 
@media only screen and (min-width: 480px) {
    #faq_container .posts .cattitle {
        font-size: 28px;
    }
    #faq_container .posts .cattitle span {
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-left: 20px solid #ee9f2d;
        margin-top: 8px;
    }
    #faq_container .posts .catdes,
    #faq_container .posts .post_title,
    #faq_container .posts .ttext1 {
        font-size: 16px;
    }
}

/* Anything bigger than SM */
@media only screen and (min-width : 768px) {
    .faq-image-bg-container {
        background-image: url(images/faq-image.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #80952e;
        background-position: 0 -42px;
    }
    .faq-image-bg {
        background: none;
    }

    .faq-image-bg-header {
        height: 18em;
    }

    #faq_container {
        background: none;
        padding-top: 28px;
        min-height: calc(100vh - 421px); /* 421 = height of navbar + footer */
    }

    #faq_container .posts {
        background-color: #FFFFFF;
        box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.5);
        margin: 0 4.15% 4em;
        padding: 24px 48px;
        border-bottom: 1px solid #eee;
        border-radius: .4em;
    }
}

/* Anything bigger than MD */
@media only screen and (min-width : 992px) {
    #faq_container {
        padding-top: 228px;
    }
}

/* Anything bigger than LG (custom: normally 1200) */
@media only screen and (min-width : 1600px) {
    .faq-image-bg-container {
        background-position: 0 -300px;
    }
}


/*****************************************************************************************
****                                     404 Styles                                   ****
*****************************************************************************************/
.error404-image-bg {
    background-image: url(images/404-image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    background-color: #cda757;
}

.error404-image-bg-header {
    margin: 0 -15px;
    padding: 0 15px;
}

.error404-block {
    padding: 20px 0px 60px;
}
.error404-block h1 {
    font-weight: 300;
}
.error404-block p a {
    font-weight: bold;
}

.error404-block form label {
    width: 100%;
}
.error404-block form label input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    margin: 20px 0 0;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.error404-block .search-submit {
    display: none;
}

/* Anything bigger than XS */ 
@media only screen and (min-width: 480px) {
}

/* Anything bigger than SM */
@media only screen and (min-width : 768px) {
    .error404-image-bg-container {
        background-image: url(images/404-image.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #cda757;
        background-position: 0 -520px;
    }

    .error404-image-bg-header {
        margin: 0 -15px;
        padding: 0 15px;
    }

    .error404-image-bg {
        background: none;
    }

    .error404-block {
        background: rgba(120, 60, 10, 0.3);
        color: #FFFFFF;
        margin-bottom: 5em;
        padding: 20px 80px 40px;
    }
    .error404-block h1 {
        font-size: 140px;
        font-weight: 300;
    }
    .error404-block p {
        font-size: 26px;
    }
    .error404-block p a {
        color: #333333;
        font-weight: bold;
    }
}

/* Anything bigger than MD */
@media only screen and (min-width : 992px) {
    .error404-image-bg-container {
        background-position: 0 0;
    }
}

/* Anything bigger than LG */
@media only screen and (min-width : 1200px) {
    .error404-image-bg-container {
        background-size: contain;
    }
    .error404-image-bg-header {
        height: 24em;
    }
}

/* Anything bigger than regular monitor size */
@media only screen and (min-width : 1600px) {
    .error404-image-bg-container {
        background-size: cover;
        background-position: 0 0;
    }
    .error404-image-bg-header {
        height: 24em;
    }
}


/*****************************************************************************************
****                                    About Styles                                  ****
*****************************************************************************************/
.about-image-bg {
    background-image: url(images/about-image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #071d10;
}

.about-image-bg-header {
    background-position: 0 0;
    margin: 0 -15px;
    padding: 0 15px;
}

#about_container {
    color: #1a1919;
    margin: 0 -15px;
    min-height: calc(100vh - 421px); /* 421 = height of navbar + footer */
}

#about_container .page {
    padding: 0 4px;
}
#about_container .entry-content {
    margin: 0;
}

/* About Page Title */
#about_container .entry-content h1 {
    display: block;
    color: #14487f;
    font-family: "Museo700-Regular";
    font-size: 24px;
    text-align: center;
}
#about_container .entry-content h1 {
    margin-bottom: 1.5em;
    padding-bottom: 10px;
    border-bottom: 3px solid #ee9f2d;
}

/* About Titles */
#about_container .entry-content h1,
#about_container .entry-content h2,
#about_container .entry-content h3 {
    font-family: "Museo700-Regular";
}

/* Anything bigger than XS */ 
@media only screen and (min-width: 480px) {
    #about_container .entry-content h1 {
        font-size: 32px;
    }

    #about_container .page {
        padding: 0 15px;
    }
}

/* Anything bigger than SM */
@media only screen and (min-width : 768px) {
    .about-image-bg-container {
        background-image: url(images/about-image.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #071d10;
        background-position: 0 -92px;
    }
    .about-image-bg {
        background: none;
    }

    .about-image-bg-header {
        height: 18em;
    }

    #about_container {
        background: none;
        min-height: calc(100vh - 421px); /* 421 = height of navbar + footer */
    }

    #about_container .page {
        background-color: #FFFFFF;
        box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.5);
        margin: 0 4.15% 4em;
        padding: 24px 48px;
        border-bottom: 1px solid #eee;
        border-radius: .4em;
    }
}

/* Anything bigger than MD */
@media only screen and (min-width : 992px) {
    #about_container {
        padding-top: 118px;
    }
}

/* Anything bigger than LG (custom: normally 1200) */
@media only screen and (min-width : 1600px) {
    .about-image-bg-container {
        background-size: 100%;
        background-position: 0 -300px;
    }
}



/*****************************************************************************************
****                                    Race to Quinta Styles                         ****
*****************************************************************************************/
.quinta-lago-bg {
    background-image: url(images/quinta-lago.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #071d10;
}

.quinta-lago-bg-header {
    background-position: 0 0;
    margin: 0 -15px;
    padding: 0 15px;
}


/* Anything bigger than SM */
@media only screen and (min-width : 768px) {
    .quinta-lago-bg-container {
        background-image: url(images/quinta-lago.jpeg);
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #071d10;
        background-position: 0 -92px;
    }
    .quinta-lago-bg {
        background: none;
    }

    .quinta-lago-bg-header {
        height: 18em;
    }


}


/* Anything bigger than LG (custom: normally 1200) */
@media only screen and (min-width : 1600px) {
    .quinta-lago-bg-container {
        background-size: 100%;
        background-position: 0 -300px;
    }
}



/*****************************************************************************************
****                                   Contact Styles                                 ****
*****************************************************************************************/
#contact_container {
    background-color: #13487f;
    color: #ffffff;
    min-height: calc(100vh - 421px); /* 421 = height of navbar + footer */
    padding-top: 20px;
	position:relative;
}
.logincontainer
{
    min-height:0px !important;
}
.registerlink
{
    color:#fff !important;
    text-decoration:none;
}
.registerlink:hover
{
    color:#fff;
    text-decoration:none;
}
.contact-header .nav-button,
.contact-header .nav-contact-item a {
    color: #13487f;
}
.contact-header .header-cta {
    margin-top: 4em; /* 11em = height of the logo */
    //margin-right: 8.33333%;
    color: #589fd6;
    font-family: "Museo700-Regular";
}
.contact-header .header-cta h3 {
    font-size: 30px;
}
.contact-header .header-cta h4 {
    font-size: 24px;
}
.contact-header .c2h-logo {
    //margin-top: 30px;
}

#contact_container .contact-block {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 8px solid #305387;
}

#contact_container .contact-arrow {
    height: 6em;
    background-image: url(images/contact-arrow.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50% 0;
    margin: 10px 0 0 -15px;
}
#contact_container .contact-arrow .icon {
    display: inline-block;
    float: left;
    margin: 0 0 0 20px;
}
#contact_container .contact-arrow .email-icon {
    height: 54px;
    width: 74px;
    margin-top: 17px;
    margin-bottom: 13px;
}
#contact_container .contact-arrow .phone-icon {
    height: 92px;
    width: 58px;
    margin: -14px 0 0 20px;
}
#contact_container .contact-arrow .chat-icon {
    height: 67px;
    width: 91px;
    margin-top: 9px;
    margin-bottom: 8px;
}
#contact_container .contact-arrow .location-icon {
    height: 75px;
    width: 55px;
    margin: 5px 0 0 20px;
    margin-bottom: 0;
}
#contact_container .contact-arrow .social-icon {
    height: 71px;
    width: 84px;
    margin-top: 9px;
    margin-bottom: 4px;
}
#contact_container .contact-arrow h2 {
    color: #13487f;
    display: inline-block;
    font-family: "Museo700-Regular";
    margin: 22px 0 14px 10px;
    font-size: 36px;
    height: 48px;
}

#contact_container .contact-block .contact-inner-block {
    display: block;
    background-color: #FFFFFF;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4e4e7+0,ffffff+33,ffffff+66,e4e4e7+100 */
    background: -moz-linear-gradient(left, #e4e4e7 0%, #ffffff 25%, #ffffff 75%, #e4e4e7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e4e4e7 0%,#ffffff 25%,#ffffff 75%,#e4e4e7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e4e4e7 0%,#ffffff 25%,#ffffff 75%,#e4e4e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-radius: 10px;
    color: #13487f;
    font-family: "Museo500-Regular";
    text-align: center;
    font-size: 20px;
    padding: 10px;
    margin-top: 12px;
    box-shadow: 0px 9px 12px rgba(0, 0, 0, 0.6);
}
#contact_container .contact-block .contact-inner-block.single-line-block {
    padding: 24px 10px;
}

#contact_container .email-block form {
    margin: 0 6% 0 0;
}
#contact_container .email-block form .has-error .control-label {
    color: #fb201c;
}
#contact_container .email-block form .has-error .form-control {
    border-color: #fb201c;
    background-color: #f2dede;
}
#contact_container .email-block .submit-group {
    margin-top: 5px;
}

#contact_container .btn-contact,.btn-register,.btn-login,.btn-forgot {
    color: #fff;
    background: #fba619;
    text-transform: uppercase;
    width: 210px;
    font-weight: bold;
    font-size: 16px;
    padding: 4px;
}
.error-message
{
    color: red;
    font-family: "Museo500-Regular", sans-serif;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 700;
}

#contact_container .social-block {
    border-bottom: none;
    margin-bottom: 100px;
}
#contact_container .social-block .social-square {
    display: block;
    float: left;
    margin: 20px 30px 10px;
    padding: 0px 6px;
    border-radius: 10px;
    box-shadow: 0px 9px 12px rgba(0, 0, 0, 0.6);
}
#contact_container .social-block .social-square.social-square-blue {
    background-color: #5293c6;
}
#contact_container .social-block .social-square.social-square-red {
    background-color: #c53814;
}
#contact_container .social-block .social-square img {
    width: 60px;
}


/* Anything bigger than XS */ 
@media only screen and (min-width: 480px) {
    #contact_container .contact-arrow .icon {
        margin: 0 0 0 20px;
    }
    #contact_container .contact-arrow .email-icon {
        margin-top: 17px;
        margin-bottom: 13px;
    }
    #contact_container .contact-arrow .phone-icon {
        margin: -14px 0 0 20px;
    }
    #contact_container .contact-arrow .chat-icon {
        margin-top: 9px;
        margin-bottom: 8px;
    }
    #contact_container .contact-arrow .location-icon {
        margin: 5px 0 0 20px;
        margin-bottom: 0;
    }
    #contact_container .contact-arrow .social-icon {
        margin-top: 9px;
        margin-bottom: 4px;
    }
    #contact_container .contact-arrow h2 {
        margin: 22px 0 14px 10%;
    }
    #contact_container .social-block .social-square {
        margin: 20px 40px 10px 0;
    }
}

/* Anything bigger than SM */
@media only screen and (min-width : 768px) {
    #contact_container .contact-arrow h2 {
        margin: 27px 0 14px 10%;
        font-size: 26px;
    }
}

/* Anything bigger than MD */
@media only screen and (min-width : 992px) {
    #contact_container .contact-arrow h2 {
        margin: 22px 0 14px 10%;
        font-size: 36px;
    }
}

/* Anything bigger than LG (custom: normally 1200) */
@media only screen and (min-width : 1600px) {
}


/*****************************************************************************************
****                                  Locations Styles                                ****
*****************************************************************************************/
/* override the "default container" styling for locations */
.post-type-archive-cth_location .default-image-bg {
    background-image: none;
    background-color: #13487f;
}
.single-cth_location .default-image-bg {
    background-image: none;
    background-color: #13487f;
}

#locations_container {
    margin: 0 -15px;
}

#locations_container .locations-header {
    margin: 0 4.15% 60px;
}
#locations_container .locations-header h1 {
    border-bottom: 4px solid #fba619;
    font-family: "Museo700-Regular";
    font-size: 32px;
    margin-top: 0;
    position: relative;
    padding: 0 35px 4px 0;
    text-align: center;
}
#locations_container .locations-header img {
    width: 60px;
    position: absolute;
    bottom: -1px;
    margin-left: 10px;
}
#locations_container .locations-header .dest-drop .select2-container--default .select2-selection--single {
    background-color: #fff;
    text-align: center;
    border-radius: 0;
    height: 40px;
    padding: 6px;
    border-bottom: 5px solid #fba619;
}
#locations_container .locations-header .dest-drop .select2-container--default .select2-selection--single .select2-selection__placeholder,
#locations_container .locations-header .dest-drop .select2-container .select2-selection--single .select2-selection__rendered {
    color: #589fd6;
    font-family: "MuseoSans_700";
}
#locations_container .locations-header .dest-drop .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 24px 16px 0 16px;
    margin-left: -8px;
    margin-top: 6px;
}

#locations_container p {
    font-family: "MuseoSans_500";
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.5;
    font-weight: normal;
}
#locations_container p.subheading {
    font-family: "Museo700-Regular";
    font-size: 18px;
    font-weight: bold;
    color: #ffbf0b;
}

#locations_container .location-tile {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    overflow: hidden;
    height: 18em;
    z-index: 20;
}
#locations_container .location-tile .location-tile-inner {
    width: 100%;
    height: 18em;
    overflow: hidden;
    cursor: pointer;
}
#locations_container .location-tile .location-tile-head {
    background-image: url(images/locations-tile-bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-color: transparent;
    height: 16em;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    padding: 8px 0 0;
    position: absolute;
    width: 100%;
    top: 0;
}
#locations_container .location-tile:hover .location-tile-head,
#locations_container .location-tile.active .location-tile-head {
    background-image: url(images/locations-tile-bg-active.png);
}
#locations_container .location-tile .location-tile-inner > img {
    height: 100%;
    width: auto;
    max-width: none;
    min-width: 100%;
    transition: all .2s ease-in-out;
}
#locations_container .location-tile .location-tile-inner > img:hover {
    transform: scale(1.2);
}

#locations_container .location-tile.location-tile-empty {
    cursor: default;
    background-image: url(images/logos/cth-logo-man-only.png);
    background-repeat: no-repeat;
    background-size: auto 95%;
    background-color: transparent;
    background-position: -80% 200%;
}

#locations_container .location-tile.active {
    overflow: visible;
    z-index: 100;
    height: auto;
}
#locations_container .location-detail {
    display: none;
}
#locations_container .location-tile.active .location-detail {
    display: block;
    width: 100%;
    border-bottom: 36px solid #f8f8f8;
}

.all-locations-button-con {
    background-color: #14487f;
    text-align: center;
    padding: .2em 0;
}

.all-locations-button-con button.cth-button {
    margin: 0 0 1em 0;
}

.cth_location {
    background-color: #fff;
    color: #000000;
    letter-spacing: normal;
    margin: 0;
    padding-bottom: 20px;
}
.cth_location .entry-header {
    border-top: 10px solid #fba619;
    padding: 30px 0;
}
.cth_location .entry-header .entry-title,
.cth_location .entry-header .entry-title a,
.cth_location .entry-header .entry-title a:visited {
    font-family: "Museo700-Regular";
    color: #13487f;
    margin: 0;
}
.cth_location .location-high-detail {
    background-color: #e4e5e6;
}
.cth_location .location-high-detail .book-column {
    text-align: center;
    padding: 10px 15px;
}
.cth_location .location-high-detail .book-column .book-now-btn {
    padding: 0;
    text-align: center;
    color: #ffffff;
    position: relative;
    height: 12em;
    max-width: 10em;
    font-family: "MuseoSans_900";
    line-height: 1.2em;
    background-image: url(images/bookbutton.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    box-shadow: none;
    border: 0px solid;
    outline-style: none;
    outline: none;
    font-size: 1em;
    -webkit-filter: drop-shadow(5px 5px 5px #9a5b01);
    filter: drop-shadow(5px 5px 5px #9a5b01);
    transition: all .2s ease-in-out;
}
.cth_location .location-high-detail .book-column .book-now-btn:hover {
    transform: scale(1.2);
}

.cth_location .location-high-detail .detail-column {
    background-color: #f8f8f8;
    padding: 20px 15px;
}
.cth_location .location-high-detail-block {
    margin: 20px 0;
    padding: 0 40px;
}
.cth_location .location-high-detail-block img {
    float: left;
    margin-top: 9px;
    height: 44px;
}
.cth_location .location-high-detail-block .locations-icon-country {
    margin-top: 9px;
    height: 50px;
}
.cth_location .location-high-detail-block .locations-icon-meeting {
    margin-top: 9px;
    margin-left: 6px;
    height: 50px;
}
.cth_location .location-high-detail-block .locations-icon-phone {
    margin-top: 9px;
    margin-left: 6px;
    height: 50px;
}
.cth_location .location-high-detail-block .locations-icon-email {
    margin-top: 20px;
    width: 50px;
    height: 23px;
}

.cth_location .location-high-detail-block .location-high-detail-key-value {
    margin-left: 62px;
    border-bottom: 3px solid #fba619;
}
.cth_location .location-high-detail-block .location-high-detail-key-value label {
    display: block;
    font-family: "Museo700-Regular";
    font-size: 24px;
    color: #13487f;
    margin: 0;
}
.cth_location .location-high-detail-block .location-high-detail-key-value span {
    font-size: 18px;
    font-family: "MuseoSans_500";
}

.cth_location .location-detail-notes {
    border-top: 10px solid #fba619;
    margin-bottom: 20px;
}
.cth_location .location-detail-notes .detail-notes-heading {
    background-color: #faa61a;
    border-radius: 0 0 20px 0px;
    margin-left: -15px;
    padding: 0 0 10px 5%;
    font-family: "Museo700-Regular";
    font-size: 22px;
    color: #13487f;
}
.cth_location .location-detail-notes .detail-notes-heading span {
    width: 0;
    height: 0;
    display: inline-block;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 16px solid #ffffff;
    margin-right: 10px;
}
.cth_location .location-detail-notes p {
    margin-top: 10px;
}

/* Anything bigger than XS */ 
@media only screen and (min-width: 480px) {
    #locations_container .location-tile {
        width: 50%;
    }
    #locations_container .location-tile.active .location-detail {
        width: 200%;
    }
    #locations_container .location-tile.active .location-detail.location-detail-offset-25 {
        margin-left: -100%;
    }
    #locations_container .location-tile.active .location-detail.location-detail-offset-50 {
        margin-left: 0;
    }
    #locations_container .location-tile.active .location-detail.location-detail-offset-75 {
        margin-left: -100%;
    }
}

/* Anything bigger than SM */
@media only screen and (min-width : 768px) {
    #locations_container .location-tile {
        width: 25%;
    }
    #locations_container .location-tiles > .row {
        border-bottom: 24px solid #f8f8f8;
    }
    #locations_container .location-tile .location-tile-head {
        background-position: 0 -1px;
        padding-top: 0;
        border-top: 10px solid #599fd6;
    }
    #locations_container .location-tile:hover .location-tile-head,
    #locations_container .location-tile.active .location-tile-head {
        border-top: 10px solid #faa61b;
    }
    #locations_container .location-tile.active .location-detail {
        width: 400%;
    }
    #locations_container .location-tile.active .location-detail.location-detail-offset-25 {
        margin-left: -100%;
    }
    #locations_container .location-tile.active .location-detail.location-detail-offset-50 {
        margin-left: -200%;
    }
    #locations_container .location-tile.active .location-detail.location-detail-offset-75 {
        margin-left: -300%;
    }
    .cth_location .location-detail-notes .detail-notes-heading {
        padding: 0 0 10px 25%;
    }
}

/* Anything bigger than MD */
@media only screen and (min-width : 992px) {
    #locations_container .location-tile .location-tile-head {
        background-position: 0 0;
        padding-top: 8px;
        border-top: none;
    }
    #locations_container .location-tile:hover .location-tile-head,
    #locations_container .location-tile.active .location-tile-head {
        border-top: none;
    }
    .cth_location .location-high-detail .book-column {
        padding: 100px 15px;
    }
}


/*****************************************************************************************
****                                   Feedback Pages                                 ****
*****************************************************************************************/
.feedback-image-bg {
    background-image: url(images/feedback-image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #071d10;
}

.feedback-image-bg-header {
    background-position: 0 0;
    margin: 0 -15px;
    padding: 0 15px;
}

.feedback-image-bg-header header {
    height: 24em;
}

#feedback_container {
    min-height: calc(100vh - 421px); /* 421 = height of navbar + footer */
}

#feedback_container {
    /*height: 65vh;*/
}
#feedback_container .survey-container {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}
#feedback_container .survey-container .smcx-embed {
    margin: 0 auto;
}
#feedback_container h1 {
    font-family: "Museo500-Regular";
    margin-top: 40px;
}
#feedback_container hr {
    margin-bottom: 0px;
    border-top: 3px solid #faa61a;
}

/* Anything bigger than SM */
@media only screen and (min-width : 768px) {
    .feedback-image-bg-header {
        background-position: 0 bottom;
    }
}

/* Anything bigger than MD */
@media only screen and (min-width : 992px) {
    .feedback-image-bg-header {
        background-position: 0 -220px;
    }
}

/* Anything bigger than MD */
@media only screen and (min-width : 1600px) {
    .feedback-image-bg-header {
        background-position: 0 -300px;
    }
}


/*****************************************************************************************
****                                    Static Pages                                  ****
*****************************************************************************************/
.search_container .cth_location {
    background-color: #FFFFFF;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.5);
    margin: 0 4.15% 4em;
    padding: 24px 48px;
    border-bottom: 1px solid #eee;
    border-radius: .4em;
}
.search_container .cth_location .entry-header {
    border-top: none;
}


/*****************************************************************************************
****                                    Static Pages                                  ****
*****************************************************************************************/
.default-bg-container {
    background-color: #14487f;
    color: #FFFFFF;
}

.default-image-bg {
    background-image: url(images/default-image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #071d10;
}

.default-image-bg-header {
    background-position: 0 0;
    margin: 0 -15px;
    padding: 0 15px;
}

.default_container {
    color: #1a1919;
    margin: 0 -15px;
    min-height: calc(100vh - 421px); /* 421 = height of navbar + footer */
}

/* Default Page Title */
.default_container .page-header.post {
    border-bottom: none;
    margin-top: 29px;
    padding-bottom: 9px;
}

.default_container .entry-title,
.default_container .page-header.post .page-title {
    display: block;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 3px solid #ee9f2d;
    color: #14487f;
    font-family: "Museo700-Regular";
    font-size: 24px;
}
.default_container .entry-title a {
    color: #14487f;
    font-family: "Museo700-Regular";
    font-size: 24px;
}

/* Default Titles */
.default_container .entry-content h1,
.default_container .entry-content h2,
.default_container .entry-content h3 {
    font-family: "Museo700-Regular";
}

.default_container form label {
    width: 100%;
}
.default_container form label input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    margin: 20px 0 0;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.default_container .search-submit {
    display: none;
}

/* Generic/Default page styling */
.entry-meta {
    color: #999;
    margin-bottom: 3em;
    font-size: 16px;
    line-height: 1.5;
}
.entry-meta a {
    color: #999;
}
.entry-content p {
    color: #333333;
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 1.5;
}

.entry-content ul {
    margin: 0 0 10px;
}
.entry-content li {
    list-style-type: initial;
}

.entry-title {
    text-align: center;
}

.post .pagination {
    margin: 0;
    text-align: center;
    width: 100%;
}

/* Pagination styling */
.nav-links a,
.nav-links a:hover,
.nav-links a:focus,
.nav-links a:visited {
    color: #14487f;
    font-weight: 500;
}
.pagination .nav-links .prev {
    float: left;
}
.pagination .nav-links .next {
    float: right;
}

/* Anything bigger than XS */ 
@media only screen and (min-width: 480px) {
    .default_container .entry-title,
    .default_container .page-header.post .page-title,
    .default_container .entry-title a {
        font-size: 32px;
    }

    .default_container .post,
    .default_container .page {
        padding: 0 15px;
    }
}

/* Anything bigger than SM */
@media only screen and (min-width : 768px) {
    .default-image-bg-container {
        background-image: url(images/default-image.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #071d10;
        background-position: 0 -92px;
    }
    .default-image-bg {
        background: none;
    }

    .default-image-bg-header {
        height: 18em;
    }

    .default_container {
        background: none;
        min-height: calc(100vh - 421px); /* 421 = height of navbar + footer */
    }

    .default_container .post,
    .default_container .page {
        background-color: #FFFFFF;
        box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.5);
        margin: 0 4.15% 4em;
        padding: 24px 48px;
        border-bottom: 1px solid #eee;
        border-radius: .4em;
    }

    .default_container .page-header.post {
        margin-top: 0;
        padding-bottom: 24px;
    }

    .site-main .post-navigation {
        margin: 0;
    }
}

/* Anything bigger than MD */
@media only screen and (min-width : 992px) {
    .default_container {
        padding-top: 118px;
    }
}

/* Anything bigger than LG (custom: normally 1200) */
@media only screen and (min-width : 1600px) {
    .default-image-bg-container {
        background-size: 100%;
        background-position: 0 -300px;
    }
}


.image-credit {
    color: #fff;
    text-align: center;
    font-size: 14px;
}
.image-credit a, .image-credit a:hover, .image-credit a:visited {
    color: #fff;
}

.entry-footer a, .entry-footer a:hover, .entry-footer a:visited {
    color: #FFFFFF;
}


.full-page-image { 
    height: 32vh; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    background: url(images/clubstohire_temp.jpg); 
    background-repeat: no-repeat; 
    background-position: center; 
    background-size: cover; 
    -webkit-box-pack: center; 
    -webkit-justify-content: center; 
    -ms-flex-pack: center; 
    justify-content: center; 
    -webkit-box-align: center; 
    -webkit-align-items: center; 
    -ms-flex-align: center; 
    align-items: center; 
    width: 100% 
}

.static {

}

/* Feedback template*/
.center {
    margin: 0 auto;
    width: 80%;
}

form#user_feedback  label {
    /*text-transform: uppercase;
    color: #003b78;
    */
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    color: #039;

}

#feedback {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    background: #fff;
    /*width: 70%;*/
    border-collapse: collapse;
    text-align: left;
    /*margin-left: 15%;*/
}

#feedback th {
    font-size: 18px;
    font-weight: normal;
    color: #039;
    border-bottom: 2px solid #6678b1;
    padding: 10px 8px;
}

#feedback tr {
    display: table-row;
    font-size: 100%;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    background: 0 0;
}

#feedback td {
    border-bottom: 1px solid #ccc;
    color: #669;
    padding: 6px 8px;
    font-size: 14px;
}

#user_feedback #additional-comment {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    background: #fff;
    width: 70%;
    border-collapse: collapse;
    text-align: left;
    /*margin-left: 15%;*/
}

#user_feedback #additional-comment textarea{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    background: #fff;
    min-height: 100px;
    border: 2px solid #6678b1;
    /*width: 40%;*/
    resize: none;
    overflow: auto;
    outline: none;
}

.car-trawler-container {
    border-top: 2px solid #00467f;
}
/* End Static Pages */

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    /*  Menu / Nav  */
    #cart-button-container {
        position: relative;
        top: 0;
        right: initial;
    }

    .nav-button {
        position: relative;
    }
    /*  END Menu / Nav  */



    /*  Shopping Cart  */
    .cart-dropdown {
        position: absolute;
        width: 100%;
        left: 0;
        z-index: 5;
    }
    /*  END Shopping Cart  */

    /* Sets */
    #booking .clubs .booking-results {
        margin-bottom: 15px;
        padding: 0;
    }


    /* END Sets */

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width: 767px) {

    /*  HOME  */

    .menu-cta-clubs {
        background-size: auto;
        background-position: 50%;
    }

    /*.menu-items ul {
        margin: 0 0 0 0;
        float: none; 
        padding: 0;
    }*/

    #cart-button-container {
        position: relative;
        top: 0;
        right: initial;
    }

    #coll-form-group, #payrev-form-group {
        margin: 0 auto;
        padding: 5px 10px;
        padding-bottom: 30px;
    }

    .nav-button .burger-icon {
        margin-top: .5em;
    }

    .logo-welcome {
        min-height: initial;
    }

    .logo {
        margin-bottom: 2em;
    }

    .menu-items .nav-contact-item {
        display: none;
    }

    .welcome-message {
        margin: 0 auto;
    }

    .logo-welcome p {
        font-size: 1em;
        text-align: center;
    }

    .cta-book {
        margin-bottom: 1em;
    }

    .cta-book button {
        top: 0;
    }

    .locreq24 {
        width: 90%;
    }

    .call-to-action .datepicker-hook {
        width: 0px;
        height: 45px;
    }

    .locations-button {
        width: 95%;
    }

    .newsletter-container {
        height: auto;
        padding: 2em 0;
    }

    .newsletter-container .height-inherit {
        height: initial;
    }

    .newsletter-a h4, .newsletter-b, .newsletter-c, .newsletter-submit {
        position: relative;
        top: initial;
        transform: initial;
        text-align: center;
        height: initial;
    }

    .newsletter-a h4, .newsletter-submit {
        padding: 0 2em;
    }

    .newsletter-c {
        margin-top: 1em;
    }

    .newsletter-field-item, .newsletter-submit {
        margin: 1em 0;
        text-align: center;
    }
    .container-fluid .home-equipment{
        display: none;
    }
    .locations-container{
        margin-bottom: 0px;
    }
    .home-search-offer-banner{
        background-image: url(images/ads/ad_mobile_banner.jpg);
        height: 250px;
        width: 300px;
        margin: 0 auto;
        background-repeat: no-repeat;
        display: block;

    }
    /*  END HOME */
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width: 991px) {
    /*  HOME  */
    .call-to-action-container {
        background-position: 0em 0em;
        padding-bottom: 2em;
        padding-top: 0;
        height: auto;
    }

    .logo-welcome {
        min-height: initial;
    }

    .logo-welcome p {
        font-size: 1.3em;
        line-height: 1.2em;
    }

    .logo-welcome .logo {
        padding-left: 2em;
    }

    .logo-welcome .logo img {
        height: auto;
    }

    .welcome-message {
        padding-left: 4em;
    }

    .menu-cta-clubs {
        background-position: 50%;
        background-size: cover;
    }

    .cta-book {
        margin-top: 1em;
    }

    .locreq24 {
        width: 90%;
    }


    .newsletter-container {
        height: auto;
        padding: 2em 0;
    }

    .newsletter-field-item, .newsletter-submit {
        margin: 1em 0;
        text-align: center;
    }

    .newsletter-container .height-inherit {
        height: initial;
    }

    .newsletter-a h4, .newsletter-b, .newsletter-c {
        position: relative;
        top: initial;
        transform: initial;
    }

    .newsletter-a {
        text-align: center;
    }

    #subscribe-newsletter form .orange-call-to-action-button {
        width: initial;
    }

    /* HOME END */
}
.blink_me {
    animation: blinker 1s linear infinite;
    color : white;
    padding : 4px;
    background-color: #d40000;
    border-radius: 5px;
    font-size: 13px;
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 768px) and (max-width : 1500px) {
    .blink_me_small{
        animation: blinker 1s linear infinite;
        display:inline !important;
        color:red;
        font-size:20px;
    }
    .blink_me{
        display:none;
    }
    .wp_cart_product_price{
        font-size: 13px !important;
    }
    .wp_cart_product_price label{
        font-size: 13px !important;
    }
    .wp_cart_product_name{
        font-size: 14.5px !important;
    }
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}




.login-form {
    font-family: "Museo500-Regular", sans-serif;
    width: 650px;
    margin: 30px auto;
    background: #ffffff;
    font-size:16px;
	position:relative;
}
.login-form h2{
    padding:20px;
    background:#13487f;
    color:#ffffff;
}
.login-form .loginfields {        
    font-family: "Museo500-Regular", sans-serif;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    padding: 30px;
} 
.login-form .loginfields a,.login-form .loginbutton a{

    float:right;
}
.login-form .loginbutton a
{
    color:#ffffff;
}
.login-form .loginfields label,  .login-form .loginfields a,  .login-form .loginbutton a{        
    font-family: "Museo500-Regular", sans-serif;
}
.login-form .loginbutton{
    padding:20px;
    background:#13487f;
    border-top:4px solid #589fd6;
}
.login-form  .btn {
    height: 42px;
    min-width:172px;
    border-radius: 2px;
    text-align:center;
}

.login-form .btn-primary{
    font-family: "Museo500-Regular", sans-serif;
    background-color:#faa619;
    color:#ffffff;
    border:none;
    font-size:16px;
    font-weight: bold;
    padding:7px 15px;
    float:left;
    margin:5px;

}
.login-form .btn-primary:hover{
    background-color:#589fd6; 
}


.register-form {
    font-family: "Museo500-Regular", sans-serif;
    width: 70%;
    margin: 30px auto;
    background: #ffffff;
    font-size:16px;
}
.register-form h2{
    padding:20px;
    background:#13487f;
    color:#ffffff;
    margin:0px;
}
.loginfields h3 { 
    padding: 2px 0px;
    color: #589fd6;
    border-bottom: 2px solid #faa619;
}

.thankyou { 
    padding:20px 20px 20px 20px;
    font-weight:700;
}
.thankyou h3 { 
    padding:0px 5px;
    color:#589fd6;
    border-bottom:none;
}

.register-form .form-group{
    min-height:40px;

}   

.loginfields input[type="text"], 
.loginfields input[type="email"], 
.loginfields input[type="password"],
.loginfields input[type="number"],
.loginfields input[type="tel"], 
.loginfields textarea{
    /* padding-top:15px; */
    text-align:left;
}
.register-form .loginfields {        
    font-family: "Museo500-Regular", sans-serif;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    padding: 10px;
} 
.register-form .loginfields a,.register-form .loginbutton a{

    float:right;
}
.register-form .loginbutton a
{
    color:#ffffff;
}
.register-form .loginfields label,  .register-form .loginfields a,  .register-form .loginbutton a{        
    font-family: "Museo500-Regular", sans-serif;
}
.register-form .loginbutton{
    padding:20px;
    background:#13487f;
    border-top:4px solid #589fd6;
}
.register-form .btn {
    height: 42px;
    min-width:172px;
    border-radius: 2px;
    text-align:center;
}

.register-form .btn-primary{
    font-family: "Museo500-Regular", sans-serif;
    background-color:#faa619;
    color:#ffffff;
    border:none;
    font-size:16px;
    font-weight: bold;
    padding:7px 15px;

}
.register-form .btn-primary:hover{
    background-color:#589fd6; 
}
.codesuccess,.codeerror
{
    display:none;
}
.header-contact ,.header-contact  a
{
    color: #ffffff;
    text-transform: uppercase;
    vertical-align: top;
    text-align: right;
}
.header-contact  a:hover{
    text-decoration: none;
    color: #ffffff;
}
.headerFont:hover{
    color:#ffffff;
}



/* Checkout Login*/
.checkoutlogin-form {
    font-family: "Museo500-Regular", sans-serif;
    width:80%;
    margin: 30px auto;
    background: #efefef;
    font-size:16px;

}
.checkoutlogin-form h2{
    padding:20px;
    background:#13487f;
    color:#ffffff;
    margin:0px;
    border:1px solid #13487f;
}
.checkoutlogin-form .plogin-form .loginfields {        
    font-family: "Museo500-Regular", sans-serif;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    padding: 30px;
    min-height:260px;
} 
.checkoutlogin-form .loginfields a,.checkoutlogin-form .loginbutton a, .plogin-form .loginbutton a{

    float:right;
}
.checkoutlogin-form .loginbutton a, .plogin-form .loginbutton a
{
    color:#ffffff;
}
.checkoutlogin-form .loginfields label,  .checkoutlogin-form .loginfields a,  .checkoutlogin-form .loginbutton a, .plogin-form .loginbutton a{        
    font-family: "Museo500-Regular", sans-serif;
}
.checkoutlogin-form .loginbutton{
    padding:20px;
    background:#13487f;
    border-top:4px solid #589fd6;
}
.plogin-form .loginbutton{
    padding:20px;
}
.checkoutlogin-form  .btn, .plogin-form  .btn {
    height: 42px;
    min-width:172px;
    border-radius: 2px;
    text-align:center;
}
.checkoutlogin-form .btn-primary, .plogin-form .btn-primary{
    font-family: "Museo500-Regular", sans-serif;
    background-color:#faa619;
    color:#ffffff;
    border:none;
    font-size:16px;
    font-weight: bold;
    padding:7px 15px;

}
.checkoutlogin
{
    float:right;
}
.checkoutlogin-form .btn-primary:hover, .plogin-form .btn-primary:hover{
    background-color:#589fd6; 
}
.checkoutlogin-form ul li{
    list-style-type:circle;
    list-style-color:orange;
    line-height:220%;
}
.loginbutton a
{
    margin-top:12px;
}
.locationDropdown
{
    max-width:250px;
}
.progress-item2 {
    width: 15% !important;
}
.progress-itemWithlogin {
    width: 20% !important;
}
.checkoutlogin 
{
    float: none;
}
.continue
{
    margin-top:12px;
}
/* Custom Responsive  */
@media only screen and (max-width : 380px)
{
    .menu-items .text, .nav-separator-item 
    {
        font-size: 8px !important;
    }
    .headerFont
    {
        color: #ffffff;
        text-transform: uppercase;
        font-size: 9px !important;
    }
    .headerIcon
    {
        display:block;
        font-size:9px !important;
    }
    .headerText
    {
        display:none !important;
    }
    .checkoutlogin-form .btn {
        min-width: 100px;; 
    }
    .btn-contact, .btn-register, .btn-login, .btn-forgot 
    {
        width: 100px; 
    }
    .loginfields ul, ol 
    {
        margin: 0 0 0 0; 
    }
    .checkoutlogin-form 
    {
        width: 100%;
        font-size: 12px;
    }
}
@media only screen and (min-width : 380px) and (max-width : 560px) 
{
    .menu-items .text, .nav-separator-item 
    {
        font-size: 10px !important;
    }
    .headerFont
    {
        color: #ffffff;
        text-transform: uppercase;
        font-size: 10px !important;
    }
    .headerIcon
    {
        display:block;
        font-size:16px !important;
    }
    .headerText
    {
        display:none !important;
    }
    .checkoutlogin-form .btn 
    {
        min-width: 130px;; 
    }

    .loginfields ul, ol 
    {
        margin: 0 0 0 0; 
    }
    .checkoutlogin-form 
    {
        width: 100%;
        font-size: 12px;
    }
    .checkoutlogin 
    {
        float: none;
    }
    .continue
    {
        margin-top:12px;
    }
    .btn-contact, .btn-register, .btn-login, .btn-forgot 
    {
        width: 100px; 
    }

}
@media only screen and (min-width : 560px) 
{
    .headerIcon
    {
        display:none !important;
    }
    .headerText
    {
        display:block !important;
    }

}
@media only screen and (min-width : 640px)  and (max-width : 768px) 
{
    .headerFont
    {
        font-size: 11px !important;
    }
    .menu-items .text, .nav-separator-item 
    {
        font-size: 11px !important;
    }
}
@media only screen and (min-width : 480px)  and (max-width : 640px) 
{
    .headerFont
    {
        font-size: 9px !important;
    }
    .menu-items .text, .nav-separator-item 
    {
        font-size: 9px !important;
    }
    .checkoutlogin 
    {
        float: none;
    }
    .continue
    {
        margin-top:12px;
    }
    .btn-contact, .btn-register, .btn-login, .btn-forgot 
    {
        width: 100px; 
    }

}
@media only screen and (min-width : 1024px)  and (max-width : 1300px) 
{

    .locationDropdown
    {
        //width: 190px;
    }
    .cta-dest .select2-container--default .select2-selection--single .select2-selection__placeholder, .cta-dest .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 10px;
    }
    .datepicker-input 
    {
        font-size: 12px;
    }
    .cta-action .cta-title {
        font-size: 12px;
    }
    .select2-results__option{
        font-size: 12px;
    }
    .extrasheading h2, .cth_equipment_container h2, .upsell-title h2, .collection-form-container h2, .delivery-form-container h2, .payment-form-container h2, .complete-confirmation-container h2 
    {
        font-size: 16px;
    }
    .checkoutlogin-form .btn {
        min-width: 130px;; 
    }
    .btn-contact, .btn-register, .btn-login, .btn-forgot 
    {
        width: 100px; 
    }
    .loginfields ul, ol 
    {
        margin: 0 0 0 0; 
    }
    .checkoutlogin
    {
        float: right !important;
    }
}
@media only screen and (min-width : 768px)  and (max-width : 1300px) 
{
    .progress-item2 
    {
        width: 20% !important;
    }
    .progress-itemWithlogin 
    {
        width: 18% !important;
    }
    .progress-divider{
        width: 6% !important;
    }
    .checkoutlogin
    {
        float:right;
    }
    .checkoutlogin-form 
    {
        width: 100%;
    }
    .checkoutlogin-form .btn-primary{
        float:right;
    }
    .booking-progress .progress-item.completed h4, .booking-progress2 h4{
        font-size: 1.4em;
    }
    .completed2 p, .progress-itemWithlogin p{
        font-size: 1em;
    }
    .filter-title h3{
        font-size: 1.2em;
    }
    .filter-section button p{
        font-size: 0.7em;
    }
    .site-header-booking .header-logo{
        height: 100px;
    }
    .booking-message h1{
        font-size:1.4em;
    }

}
@media only screen and (min-width : 1300px)  and (max-width : 1500px) 
{

    .checkoutlogin
    {
        float:right;
    }
    .checkoutlogin-form 
    {
        width: 100%;
    }
    .checkoutlogin-form .btn-primary{
        float:none;
    }
    .filter-title h3{
        font-size: 1.2em;
    }
    .filter-section button p{
        font-size: 0.7em;
    }
}
@media only screen and (max-width : 680px) 
{
    .login-form 
    {
        width: 90% !important;

    }
    #contact_container .btn-contact, .btn-register, .btn-login, .btn-forgot 
    {
        width: 100px !important;
        min-width: 100px !important; 
    }
    .loginFont
    {
        font-size: 12px;
    }
    .register-form 
    {
        width: 90% !important;
        font-size: 12px !important;
    }
    .locationDropdown
    {
        width: 190px;
    }
    .cta-dest .select2-container--default .select2-selection--single .select2-selection__placeholder, .cta-dest .select2-container .select2-selection--single .select2-selection__rendered 
    {
        font-size: 15px;
    }
    h2
    {
        font-size:20px !important;
    }
    h3
    {
        font-size:18px !important;
    }
    .datepicker-input 
    {
        font-size: 15px;
    }
    .cta-action .cta-title 
    {
        font-size: 15px;

    }
    .progress-item2 
    {
        width: 100% !important;
    }
    .progress-itemWithlogin 
    {
        width: 100% !important;
    }
    .checkoutlogin-form .btn 
    {
        min-width: 130px;; 
    }
    .checkoutlogin 
    {
        float: none;
    }
    .continue
    {
        margin-top:12px;
    }
    .btn-contact, .btn-register, .btn-login, .btn-forgot 
    {
        width: 100px; 
    }
    .filter-section button p {
        font-size: 10px;
    }
    .cart-col-container-extras .cart-items-container 
    {
        max-height: calc(140vh - 250px) !important;
    }
}
.capsmsg
{
    color:red !important; 
    font-weight:700;
}
/* Checkout End*/ 
/* Medium Devices, Desktops */
/*@media only screen and (min-width : 992px) {

}*/

/* Large Devices, Wide Screens */
/*@media only screen and (min-width : 1200px) {

}*/

/* Model Dialog */
.close {
    color: #fff !important;
    opacity: 1 !important;
}
.popup{
    font-family: "Museo500-Regular", sans-serif;
    padding:0px !important;
}
.modal-header .close {
    margin-top: -2px;
}
.modal-header h3{
    padding: 20px;    
    background: #13487f;    
    color: #ffffff;    
    margin: 0px;    
    border: 1px solid #13487f;
    font-weight: 700;
}
.pcontent{
    padding:25px !important;
    font-family: "Museo500-Regular", sans-serif;
    font-size: 16px;
    font-weight: 700;
}
.pcontent h5{
    line-height: 23px;
    margin-bottom: 20px;
}
.popup-footer{
    padding: 20px;
    background: #13487f;
    border-top: 4px solid #589fd6 !important;
}
.popup-button
{
    text-align:center;
    padding: 5px;
}
.pbutton
{
    width:350px !important;
}
.modle-register{
    width: 55% !important;
    margin: auto !important;
    margin-top: 5% !important;
    margin-bottom: 5% !important;
}
.register-form a{
    float: none !important;
}
ul .cthoffers{
    margin: 0px !important;
    font-size: 15px;
    padding: 20px;
}
.right-border{
    border-right: 1px solid #ccc;
}
.plogin-form{
    font-family: "Museo500-Regular", sans-serif;
    margin: 30px auto;
    font-size: 14px;
    width: 90%;
}
.plogin-form-page{
    font-family: "Museo500-Regular", sans-serif;
    font-size: 16px !important;
    width: 90% !important;
    margin-left: 10px;
}
.ploginfields{
    margin-top: 25px;
}
.btn-plogin{
    width: 160px !important;
}

.list-type1{
    margin:0 auto;
    margin-top:25px;
}

.list-type1 ol{
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
    font-size: 18px;
    font-family: "Museo500-Regular", sans-serif;
    padding: 0;
    margin-left: 15px;
    font-weight: 500;
}
.list-type1 ol ol{
    margin: 0 0 0 2em !important;
}

.list-type1 a{
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    background: #589FD6;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    border-radius: 10em;
    transition: all .2s ease-in-out;
}
.list-type1 a:hover
{
    color:#fff;
    background: #faa619;
    text-decoration:none;
    transform: scale(1.1);
    cursor: default;
}
.list-type1 a:before{
    /*content: counter(li);
    counter-increment: li;*/
    content: '✓';
    position: absolute;
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background:#fff;
    height: 2.3em;
    width: 2.3em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-size:22px;
    font-weight: bold;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    color:#faa619;
}
.list-type1 a:hover::before{
    background:#fff;
}
.plogin-form h4{
    border-bottom: 2px solid #faa619;
    padding-bottom: 6px;
}
.plogin-form-down{
    margin: 0px !important;
    font-size: 14px;
    width: 90%;
    float: right;
}
.ploginfields-down{
    margin-top : 0px !important;
}
.loginbutton-down{
    padding: 0px !important;
}
.rloginfields{
    box-shadow: none !important;
}
.checkbox-style{
    margin-left: 25px;
}
.register-cnt{
    font-family: "Museo500-Regular", sans-serif;
    padding: 10px 0px 0px 0px;
}
.c2h-logo-login{
    margin-top: 25px !important;
}
#forgotDialog
{
    margin-top:15% !important;
}
#forgotDialog span
{
    color:black !important;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .modle-register{
        width: 95% !important;
        margin: auto;
    }
    .btn-plogin {
        width: 75px !important;
        min-width: 0px! important;
    }
    .list-type1 ol{
        font-size:14px;
    }
    .plogin-form .btn-primary{
        font-size: 12px;
    }
    .plogin-form-down{

        width: 100% !important;

    }
}
@media only screen and (max-width: 640px) and (min-width: 480px){
    .btn-plogin {
        width: 85px !important;
        min-width: 0px! important;
    }
    .plogin-form .btn-primary{
        font-size: 12px;
    }
}
@media only screen and (min-width : 640px) and (max-width : 768px) {
    .btn-plogin {
        width: 115px !important;
    }
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .modle-register{
        width: 75% !important;
        margin: auto !important;
    }
    .btn-plogin {
        width: 105px !important;
    }
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1024px) and (max-width : 1224px) {
    .modle-register{
        width: 55% !important;
        margin: auto;
    }
    .btn-plogin {
        width: 110px !important;
    }
    /*.plogin-form-down{
        width: 95% !important;
    }.btn-plogin {
        width: 125px !important;
    }*/

}
/* Large screens ----------- */
@media only screen  and (min-width : 1224px) {
    .modle-register{
        width: 55% !important;
        margin: auto;
    }
    .btn-plogin {
        width: 135px !important;
    }

    .md1-select{
        width: 50% !important;
    }
}
/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
    .modle-register{
        width: 55% !important;
        margin: auto;
    }
}
/* Sample Media Query
// Smartphones (portrait and landscape) ----------- 
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

}
// iPads (portrait and landscape) ----------- 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}
// Desktops and laptops ----------- 
@media only screen  and (min-width : 1224px) {

}
// Large screens ----------- 
@media only screen  and (min-width : 1824px) {

}*/

.plogin-form .form-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#666;
    font-weight:500;
}
.plogin-form .form-group input::-moz-placeholder { /* Firefox 19+ */
    color:#666;
    font-weight:500;
}
.plogin-form .form-group input:-ms-input-placeholder { /* IE 10+ */
    color:#666;
    font-weight:500;
}
.plogin-form .form-group input:-moz-placeholder { /* Firefox 18- */
    color:#666;
    font-weight:500;
}
#accordion-section-background_image .customize-section-description {
    color: red;
    font-size: 14px;
    font-weight: 600;
}
span.promo-view_more a{
    color: white;
    font-style: italic;
    text-decoration: none;
}
.error-message-login{
    color : red;
    font-weight: bold;
}
.error-message-login-existing{
    color : red;
    font-weight: bold;
}
@media only screen  and (min-width : 768px) and (max-width : 1600px) {
    #cth_pay_exp_month {
        //margin-bottom: 3px !important;
        //  border-bottom: 1px solid #959292;
        //  width: 100% !important;
    }
    #cth_pay_exp_year {
        //   width: 100% !important;
    }
    .modle-register {
        width: 75% !important;
        margin: auto !important;
        margin-top: 1% !important;
        margin-bottom: 1% !important;
    }
    .cta-action .cta-title {
        font-size: 12px !important;
    }
    .call-to-action-container {
        padding: 9em 2em !important;
    }
}
@media only screen  and (min-width : 1601px) {
    #cth_pay_exp_month {
        // width: 50% !important;
        // font-size:12px !important;
    }
    #cth_pay_exp_year {
        //   width: 50% !important;
        //   font-size:12px !important;
    }
}

.header-back{
    color : white !important;
    font-size : 16px;
    font-weight: bold;
    text-decoration : none !important;
}


/* Modal */
.alertable {
    position: fixed;
    z-index: 9999;
    top: 20vh;
    /* left: calc(30% - 15%); */
    width: 60%;
    background: white;
    border-radius: 4px;
    padding: 20px;
    margin: 20%;
}

/* Overlay */
.alertable-overlay {
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
}

/* Message */
.alertable-message {
    font-weight: normal;
    color: #353535;
}

/* Prompt */
.alertable-prompt {
    margin-bottom: 20px;
}

.alertable-input {
    width: 100%;
    border-radius: 4px;
    box-shadow: none;
    border: solid 1px #ccc;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    padding: 6px 12px;
    display: block;
    box-sizing: border-box;
    margin-bottom: 10px;
}

/* Button group */
.alertable-buttons {
    text-align: right;
}

/* OK button */
.alertable-ok {
    background: #14487f;
    border: solid 1px #14487f;
    font-family: inherit;
    font-size: inherit;
    color: white;
    border-radius: 4px;
    padding: 6px 12px;
    margin-left: 4px;
    cursor: pointer;
    font-weight: bold;
}

.alertable-ok:hover,
.alertable-ok:focus,
.alertable-ok:active {
    background-color: #14487f;
}

/* Cancel button */
.alertable-cancel {
    border: solid 1px #14487f;
    background: white;
    font-family: inherit;
    font-size: inherit;
    color: #888;
    border-radius: 4px;
    padding: 6px 12px;
    margin-left: 4px;
    cursor: pointer;
}

.alertable-cancel:hover,
.alertable-cancel:focus,
.alertable-cancel:active {
    background-color: #14487f;

}
#payment-form .row, #freebie-form .row{
    margin: 0px;
    margin-top:25px;
    margin-bottom: 25px;
}
#payment-form .material input,  #freebie-form .material input{
    padding: 12px 10px 3px 0px;
}
#payment-form .material,  #freebie-form .material{
    margin:0px;
}
#payment-form .material label,  #freebie-form .material label{
    margin:0px;
    display: block;
}
#payment-form .mdl-select,  #freebie-form .mdl-select{
    padding-left:0px;
}
#payment-form h5,  #freebie-form h5{
    color: #14487f;
}
#payment-form h4{
    color: #14487f;
    background: #efefef;
    padding:10px 15px;
    font-size:14px;
    line-height: 200%;
    margin:0px;
    font-weight: 500;
    margin-left:1px;
    margin-right:1px;
}

.shopping_cart .cart-row .cart-thumbnail{
    height: auto !important;
}



.voucherbutton input{
    color:#353535;
}




.voucherdesign {
    margin-bottom: 40px;
    background: #ffffff;
    font-family: "Museo700-Regular";
    padding: 10px;
    display: block;
    width: 100%;
    border: 7px solid #589fd6;
    border-radius: 10px;
    float:left;

}

.voucheroffer h2, .voucheroffer h4{
    color:#ffffff;
    font-family: "Museo700-Regular";
    line-height: 1.6em;
}

.voucherdesign h3{
    font-size:1.4em;
    color:#faa61a;
    font-family: "Museo700-Regular";
}
.voucherdesign .row{
    margin-left: 0px;
    margin-right: 0px;
}

.voucherdesign .selectpicker {


    background-position:300px;
    width: 100%;
    padding:12px;
    margin-top:8px;
    font-family:Cursive;
    line-height:1;
    border-radius:5px;
    background-color:#fefefe;
    font-size:1.2em;
    font-family: "Museo700-Regular";
    -webkit-appearance:none;
    box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.6);
    outline:none
}

.voucherdesign .input-group .form-control{
    width:60px;
    height: 40px;
    font-size: 1.2em;
    font-weight: bold;
    font-family: "Museo700-Regular";
    background-color:#fefefe;
    font-size:1.2em;
    font-family: "Museo700-Regular";
    -webkit-appearance:none;
    box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.6);
    outline:none;
    text-align: center;
}
.voucherbutton{
    height:40px;

    display:block;
}
.voucherbutton input{
    padding: 0px;
    padding-left: 0px;
    width: 100% !important;

    font-weight:bold;
    text-align:center;
}

.vouchercart {
    margin: 30px 0px;
    border-radius: 4px;
    background-color: #faa61a;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.4em;
    padding: 5px;
    width: 100%;
    transition: all 0.5s;
    cursor: pointer;
    font-family: 'Roboto', sans-serif !important;


}
.vouchertitle {
    display: table;
    height: 12em;
    padding:1.5em 0;
}
.vouchertitle h2{
    color: #FFFFFF;font-family: 'Museo700-Regular';font-size: 2.6em;font-weight: bold;color:#ffffff;
    display: table-cell;
    vertical-align: bottom !important;
    margin: 0px;
    padding: 0px;

}
.vouchercart span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

.vouchercart span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
}

.vouchercart:hover span {
    padding-right: 25px;

}

.vouchercart:hover span:after {
    opacity: 1;
    right: 0;
}
.homelogo{
    float: right;
    padding: 12px;
    padding-right: 0px;
}
.homelogo a{
    background-color: #ffffff;
    border: 4px solid  #589fd6;
    color: #faa61a;
    border-radius: 6px;
    width: 100%;
    font-size: 1.2em;
    text-transform: uppercase;

    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    padding: .2em .4em;
    text-shadow: none;
    font-weight: 900;
    margin: 5px;
    margin-right: 15px;

}
.homelogo a:hover{
    background-color: #faa61a;
    border: 4px solid  #faa61a;
    text-decoration: none;
    color:#ffffff;
}
.voucherpurchase .cart-item{
    width:100% !important;
}
.voucherpurchase h3{
    color:#14487f;
}
.voucherpurchase h3 span{
    font-family: 'Museo700-Regular';
}
.voucherpurchase h3 .cross{
    color:#589fd6;
}


.todaydiscount {
    background-color: #ffffff;
    margin: 0 0 0 0;
    border-bottom: .3em solid #589fd6;
}
.headerFont{
    color: #ffffff;margin-left:5px;text-transform: uppercase;
}
#translate01{
    color: #ffffff;text-transform: uppercase;
}

.headerFont:hover{
    text-decoration: none;
}
#translate01:hover{
    text-decoration: none;
}

/* Anything bigger than SM */
@media only screen and (min-width : 1700px ) {
    .cta-action {
        background-position: -14em 0, 0 0;
    }
    .cta-dest-arrow {
        background-position: -14em 0, 0 0;
    }
    .cta-dest .cta-title {
        font-size: 1.2em;
    }
    .cta-dest .select2-container--default .select2-selection--single .select2-selection__placeholder,
    .cta-dest .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 18px;
    }
    .cta-action .cta-title{
        font-size: 1.2em;
    }
    .cta-dest .dest-drop{
        width:72%;
    }
    .menu-items{
        font-size: 14px;
    }
    .upsell-title h2 {
        font-size: 22px;
    }
    .product-description{
        font-size:14px;
    }
    .upsell-price p {
        font-size: 18px !important;
    }

    .cta-action .form-group {
        position: relative;
        padding: 0em;
    }
}
@media only screen  and (min-width : 1281px) and (max-width : 1699px) {
    .cta-action {
        background-position: -16em 0, 0 0;
    }
    .cta-dest-arrow {
        background-position: -16em 0, 0 0;
    }
    .cta-dest .cta-title {
        font-size: 1.2em;
    }
    .cta-dest .select2-container--default .select2-selection--single .select2-selection__placeholder,
    .cta-dest .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 12px;
    }
    .datepicker-input{
        font-size: 12px;
    }
    .cta-action .cta-title{
        font-size: 1em;
    }
    .cta-dest .dest-drop{
        width:78%;
    }

    .menu-items{
        font-size: 12px ;
    }
    .upsell-title h2 {
        font-size: 14px;
    }

    .product-description{
        font-size:12px;
    }

    .upsell-price p {
        font-size: 14px !important;
    }

    .cta-action .form-group {
        position: relative;
        padding: 0em;
    }

}

@media only screen  and (min-width : 1024px) and (max-width : 1280px) {
    .cta-action {
        background-position: -17em 0, 0 0;
    }
    .cta-dest-arrow {
        background-position: -17em 0, 0 0;
    }
    .cta-dest .cta-title {
        font-size: 1.2em;
    }
    .cta-dest .select2-container--default .select2-selection--single .select2-selection__placeholder,
    .cta-dest .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 12px;
    }
    .datepicker-input{
        font-size: 12px;
    }
    .cta-action .cta-title{
        font-size: 0.9em;
    }
    .cta-dest .dest-drop{
        width:78%;
    }
    .menu-items{
        font-size: 10px ;
    }
    .upsell-title h2 {
        font-size: 18px;
    }

    .cta-action .form-group {
        position: relative;
        padding: 0em;
    }

    .product-description{
        font-size:12px;
    }
    .upsell-price p {
        font-size: 14px !important;
    }
}
@media only screen  and (min-width : 1px) and (max-width : 1023px) {

    .cta-action .form-group {
        position: relative;
        padding: 0em;
    }
    .menu-items{
        font-size: 7px ;
    }
    .upsell-title h2 {
        font-size: 12px;
    }

    .product-description{
        font-size:10px;
    }

    .upsell-price p {
        font-size: 12px !important;
    }
}

.returnToOrder
{
    font-size: 20px !important;
}
.changereturnToOrder
{
    font-size: 20px !important;
}
@media only screen and (min-width : 992px) {
    #triangle-topright { 
        width: 0; 
        height: 0; 
        border-top: 210px solid #faa61a;
        border-left: 460px solid transparent; 
        position: absolute;
        right: 0;
    }
    .voucherdiscount{
        color: #ffffff;
        font-family: "Museo700-Regular";
        margin: 0px;
        padding: 0px;
        font-size: 1.6em;
        position: absolute;
        top: -205px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        right: 0px;
        text-align: center;
        width: 375px;
        text-align: center;
    }
}
@media only screen and (min-width: 480px) {
    #triangle-topright { 
        width: 0; 
        height: 0; 
        border-top: 210px solid #faa61a;
        border-left: 460px solid transparent; 
        position: absolute;
        right: 0;
    }
    .voucherdiscount{
        color: #ffffff;
        font-family: "Museo700-Regular";
        margin: 0px;
        padding: 0px;
        font-size: 1.6em;
        position: absolute;
        top: -205px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        right: 0px;
        text-align: center;
        width: 375px;
        text-align: center;
    }
}
@media only screen and (max-width: 767px) {
    #triangle-topright { 
        width: 0;
        height: 0;
        border-top: 100px solid #faa61a;
        border-left: 300px solid transparent;
        position: absolute;
        right: 0;
        z-index: 10000;
    }
    .about-image-bg{
        background: none;
    }
    .shopping_cart{
        margin-bottom: 2em;
    }
    .voucherdiscount{
        color: #ffffff;
        font-family: "Museo700-Regular";
        margin: 0px;
        padding: 0px;
        font-size: 0.9em;
        position: absolute;
        top: -97px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        right: 0px;
        text-align: center;
        width: 150px;
        text-align: center;
    }
    .progress-image-bg-progress{
        margin-bottom: 40px;
    }
}



@media screen 
and (min-device-width: 240px) 
and (max-device-width: 767px)  { 
    .clubs .booking-results .wp_cart_product_display_box .wp_cart_product_thumbnail .promotionImage1 img
    {
        margin-top: 140px !important;
        width: 70px !important;
        height:70px !important;
    }
}
@media screen 
and (min-device-width: 768px) 
and (max-device-width: 1800px)  { 
    .clubs .booking-results .wp_cart_product_display_box .wp_cart_product_thumbnail .promotionImage1 img
    {
        margin-top: 140px !important;
        width: 70px !important;
        height:70px !important;
    }
}
@media only screen and (min-width : 1800px) {
    .clubs .booking-results .wp_cart_product_display_box .wp_cart_product_thumbnail .promotionImage1 img
    {
        margin-top: 140px !important;
        width: 90px !important;
        height:90px !important;
    }
}

/* ------------------------------------------------------------------ */

#gallery {
  display: grid;
  height: calc(100vh - 10px);
  grid-template: repeat(6, 1fr)/repeat(6, 1fr);
  grid-gap: 0.em;
}
@media (max-width: 800px) {
  #gallery {
    display: inline-block !important;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
  }
  #gallery > div {
    width: 98%;
    margin: 1%;
  }
  .HG-image{
	  display:none;
  }
  img {
    border-style: none;
    width: 100%;
  }
}
@media (max-width: 350px) and (max-width: 800px) {
  #gallery > div {
    width: 98%;
  }
}
#gallery > div:nth-child(6n+1) {
  grid-column: span 2;
  grid-row: span 2;
}
#gallery > div:nth-child(2) {
  grid-column: span 3;
  grid-row: span 3;
}
#gallery > div:nth-child(4) {
  grid-column: span 1;
  grid-row: span 2;
}
#gallery > div > a {
  opacity: 0;
  position: absolute;
  color: #000;
  background-color: #000;
  font: bold 4em "Helvetica";
  text-shadow: 0 -1px 5px #fff, -1px 0px 5px #fff, 0 1px 5px #fff, 1px 0px 5px #fff;
  padding: 2rem;
  mix-blend-mode: difference;
  width: 100%;
  height: 100%;
  transition: all ease 1s;
}
#gallery > div > img {
  width: 100%;
  min-height: 100%;
  transition: all ease 1s;
}
#gallery > div:hover img {
  /* filter: blur(4px); */
  transform: scale(1.25);
}
#gallery > div {
  overflow: hidden;
  position: relative;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 20px 0 rgba(0, 0, 0, 0.19);
}
#gallery div,
#gallery a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.flex-md-column.video-sec {
	display: table;
}
.video-sec .znColumnElement-innerContent {    
	display: table-cell;
	vertical-align: middle;
}
button.filterbtn-icon {
	padding: 15px 10px;
	font-size: 25px;
	border-radius:0;
	-moz-border-radius:0;
}
.manufacturer-container .select2-selection__arrow{display:none!important;}
.filter-main-title{
	background-color: #14487f;
	border-right: 0.4em solid #faa61a;
	height: 125px;
}

@media only screen and (max-width: 678px) {		
	.filter-main-title{
		height: 60px;
	}
	.filter-section {
		border: 1px solid #14487f;
		text-align: center;
		margin: 0 15px 0 0;
	}
}
@media only screen and (max-width: 678px) {		
	.filter-main-title{
		height: 85px !important;
	}
	.filter-section {
		border: 1px solid #14487f;
		text-align: center;
		margin: 0 15px 0 0;
	}
}
#filter-product .material {	
	margin:10px;
}
@media only screen and (min-width: 992px)
	.filter-title h3 {
		font: bold 13px Nunito Sans,sans-serif !important;
	}
}