@font-face {
    font-family: 'Caveat';
    src: url('../fonts/Caveat-Bold.eot');
    src: url('../fonts/Caveat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Caveat-Bold.woff2') format('woff2'),
        url('../fonts/Caveat-Bold.woff') format('woff'),
        url('../fonts/Caveat-Bold.ttf') format('truetype'),
        url('../fonts/Caveat-Bold.svg#Caveat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Caveat';
    src: url('../fonts/Caveat-Regular.eot');
    src: url('../fonts/Caveat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Caveat-Regular.woff2') format('woff2'),
        url('../fonts/Caveat-Regular.woff') format('woff'),
        url('../fonts/Caveat-Regular.ttf') format('truetype'),
        url('../fonts/Caveat-Regular.svg#Caveat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Caveat';
    src: url('../fonts/Caveat-Medium.eot');
    src: url('../fonts/Caveat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Caveat-Medium.woff2') format('woff2'),
        url('../fonts/Caveat-Medium.woff') format('woff'),
        url('../fonts/Caveat-Medium.ttf') format('truetype'),
        url('../fonts/Caveat-Medium.svg#Caveat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Caveat';
    src: url('../fonts/Caveat-SemiBold.eot');
    src: url('../fonts/Caveat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Caveat-SemiBold.woff2') format('woff2'),
        url('../fonts/Caveat-SemiBold.woff') format('woff'),
        url('../fonts/Caveat-SemiBold.ttf') format('truetype'),
        url('../fonts/Caveat-SemiBold.svg#Caveat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@import url("https://p.typekit.net/p.css?s=1&k=mch2ach&ht=tk&f=38191.38192.38194.38195.38197.38198&a=85628187&app=typekit&e=css");

@font-face {
    font-family:"stratos";
    src:url("https://use.typekit.net/af/612d4f/00000000000000007735e004/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/612d4f/00000000000000007735e004/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/612d4f/00000000000000007735e004/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
    font-family:"stratos";
    src:url("https://use.typekit.net/af/88a6a0/00000000000000007735e00b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/88a6a0/00000000000000007735e00b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/88a6a0/00000000000000007735e00b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
    font-family:"stratos";
    src:url("https://use.typekit.net/af/84c622/00000000000000007735e011/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/84c622/00000000000000007735e011/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/84c622/00000000000000007735e011/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
}

@font-face {
    font-family:"stratos";
    src:url("https://use.typekit.net/af/b66872/00000000000000007735e00e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/b66872/00000000000000007735e00e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/b66872/00000000000000007735e00e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:600;font-stretch:normal;
}

@font-face {
    font-family:"stratos";
    src:url("https://use.typekit.net/af/900a5a/00000000000000007735e002/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/900a5a/00000000000000007735e002/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/900a5a/00000000000000007735e002/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
    font-family:"stratos";
    src:url("https://use.typekit.net/af/d9313f/00000000000000007735e00a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/d9313f/00000000000000007735e00a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/d9313f/00000000000000007735e00a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

:root {
  --primary: #389392;
  --secondary: #F4DDB3;
  --secondary-light: #F7EEC8;
  --tertiary: #2E526F;
  --black: #242627;
  --body: #4D4D4D;
  --dark-grey: #858585;
  --grey: #E3E3E3;
  --white: #ffffff;
  --hover: #247272;
}



/*
Theme Name: Springfields Adventure Land
Theme URI:
Description:
Version:
Author:
Author URI:
License:
License URI:
*/

/* Reset Styles */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
div, nav, header, footer, aside { display: block; }


/* General Structure */

body {
    background: var(--white);
    text-align: center;
    font-family:"stratos";
    font-size: 16px;
    color: #4B4D5D;
}

    #site-wrapper {
        overflow: hidden;
        background: var(--white);
        position: relative;
        transition: right .6s ease-in-out;
        -moz-transition: right .6s ease-in-out;
        -webkit-transition: right .6s ease-in-out;
        z-index: 1;
        right: 0px;
    }
    body.mobile-nav-active { overflow: hidden; }
    body.mobile-nav-active #site-wrapper {
        right: 240px;
        overflow: hidden;
    }
    #site-header {
        transition: .6s ease-in-out;
        -moz-transition:  .6s ease-in-out;
        -webkit-transition:  .6s ease-in-out;
    }
    body.mobile-nav-active #site-header {
        margin-left: -240px;
    }
    /*#site-header .header-right {
        transition: .6s ease-in-out;
        -moz-transition:  .6s ease-in-out;
        -webkit-transition:  .6s ease-in-out;
    }
    body.mobile-nav-active #site-header .header-right {
        right: 240px;
    }
    body.mobile-nav-active #site-header {
        width: calc(100% - 240px);
    }*/
    #mobile-nav { display: none; }

    .container {
        display: block;
        margin: auto;
        text-align: left;
        /*width: 1634px;*/
        width: 1182px;
        position: relative;
    }

    a {
        color: var(--primary);
        text-decoration: none;
        transition: color,background .25s ease-in-out;
        -moz-transition: color,background .25s ease-in-out;
        -webkit-transition: color,background .25s ease-in-out;
    }
    a:hover { color: var(--primary); }

    .clearfix { display: block; clear: both; }

    input,
    textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        font-family:"stratos";
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .button-crop {
        border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        -webkit-border-radius: 4px 0 0 4px;
        overflow: hidden;
        padding: 0 16px 0 0;
        display: inline-block;
    }
    .button {
        /*background: #B91E2B;*/
        line-height: 28px;
        height: 54px;
        padding: 13px 32px 13px 32px;
        color: var(--white);
        font-size: 18px;
        font-weight: 600;
        display: inline-block;
        /*letter-spacing: 1px;*/
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        cursor: pointer;
        border: none;
        text-decoration: none!important;
        overflow: hidden;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position: relative;
        z-index: 1;
        transition: all .3s ease-in-out;
    }
    .button:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 4px;
        display: block;
        background-color: var(--primary);
        z-index: -2;
    }
    .button:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background-color: var(--primary);
        transition: all .3s;
        border-radius: 4px;
        display: block;
        z-index: -1;
    }
    .button:hover {
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.13);
        color: var(--white);
    }
    .button:hover:before {
        width: 100%;
    }
    input.button {
        background: var(--primary);
    }
    input.button:hover {
        background-color: var(--hover);
    }


    .button-alt {
        background-color: transparent;
        border: 2px solid var(--primary);
        color: var(--primary);
        padding: 11px 30px 11px 30px;
    }
    .button-alt:before { background: var(--primary); border-radius: 0px;  }
    .button-alt:after { display: none; }
    
    .button-white {
        /*background: var(--white);*/
        color: #B91E2B;
    }
    .button-white:before { background: #FBF3F3; }
    .button-white:after { background: var(--white); }
    .button-white:hover { color: #B91E2B; }
    /*.button:hover {
        background: #23831B;
        border-color: #23831B;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.13);
        color: var(--white);
    }*/
    /*.button-alt:hover {
        background: #218A4F;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.13);
        border-color: #218A4F;
    }*/
    /*.button-white:hover {
        background: var(--white);
        color: #23831B;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.13);
    }*/


    /* Header */

    body {  }

    #site-header {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 100;
    }
        #site-header:before {
            position: absolute;
            left: 0px;
            width: 100%;
            height: 93px;
            content: '';
            display: block;
            opacity: 0.9;
            background: var(--white);
            box-shadow: 0 2px 8px 0 rgba(112,120,135,0.12);
        }
        #site-header .container {
            width: auto;
            text-align: center;
            padding: 0 210px 0 142px;
            height: 93px;
            position: relative;
        }
        #site-header .logo {
            display: block;
            float: left;
            position: absolute;
            top: 0px;
            left: 39px;
            margin: 0px;
            padding: 17px 18px;
            background: var(--white);
            box-shadow: 0 3px 8px 0 rgba(112,120,135,0.16);
            border-radius: 0 0 4px 4px;
        }
            #site-header .logo img { display: block; width: auto; height: 80px; }
        #site-header nav {
            padding: 37px 0 0 0;
            text-align: center;
            margin: 0 auto;
        }
        #site-header nav div.menu { display: inline-block; }
            #site-header nav li {
                float: left;
                text-align: left;
                display: block;
                position: relative;
                margin: 0 20px;
            }
                #site-header nav li a {
                    display: block;
                    position: relative;
                    line-height: 28px;
                    font-size: 16px;
                    color: #4D4D4D;
                    padding: 0 0 28px 0;
                    font-weight: 600;
                }
                #site-header nav li a:hover,
                #site-header nav li a.dropdown-active {
                    color: var(--primary);
                }
                #site-header nav li.menu-item-has-children a {
                    padding-right: 20px;
                }
                    #site-header nav li.menu-item-has-children a:before {
                        background: url(../images/dropdown-arrow-down.svg) no-repeat right top;
                        width: 16px;
                        height: 12px;
                        top: 10px;
                        right: 0px;
                        content: '';
                        position: absolute;
                        display: block;
                    }
                    #site-header nav li.menu-item-has-children li a { padding-right: 0px; }
                    #site-header nav li.menu-item-has-children li a:before { display: none; }
                    #site-header nav li.menu-item-has-children:hover a:before {
                        background-image: url(../images/dropdown-arrow-up.svg);
                    }
                #site-header nav li ul {
                    position: absolute;
                    top: 56px;
                    width: 165px;
                    left: -24px;
                    padding: 16px 24px 13px 24px;
                    display: none;
                    background: rgba(255, 255, 255, 0.9);
                    box-shadow: 0 2px 8px 0 rgba(112,120,135,0.12);
                }
                    #site-header nav li ul li {
                        float: none;
                        margin: 0px;
                        padding: 0 0 3px 0;
                    }
                    /*#site-header nav li ul li:first-child {
                        background: url(../images/nav-dotted-line.png) repeat-x center top #f6f6f1;
                    }*/
                    #site-header nav li ul li a {
                        float: none;
                        font-size: 16px;
                        line-height: 28px;
                        padding: 0px;
                    }
                    #site-header nav li ul ul {
                        top: 0px;
                        padding: 0px;
                        left: 276px;
                    }
                    #site-header nav li ul ul:before,
                    #site-header nav li ul ul:after { display: none; }
        #site-header .header-right {
            float: right;
            position: absolute;
            top: 0px;
            right: 40px;
            padding: 20px 0;
        }
            #site-header .header-right .button-buy-tickets {
                padding: 13px 73px 12px 19px;
                height: 53px;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                position: relative;
                background: var(--primary);
                font-weight: 600;
                font-size: 16px;
                color: var(--white);
                display: block;
                float: left;
                border: none;
                border-radius: 4px;
                text-align: center;
                position: relative;
            }
            #site-header .header-right .button-buy-tickets:hover { background: var(--primary); color: var(--white); }
                #site-header .header-right .button-buy-tickets:before {
                    position: absolute;
                    top: 15px;
                    left: auto;
                    right: 21px;
                    border-radius: 0px;
                    width: 41px;
                    height: 23px;
                    background: url(../images/tickets.svg) no-repeat;
                    content: '';
                    display: block;
                }
                #site-header .header-right .button-buy-tickets:after {
                    border-radius: 0px;
                    display: none;
                }
                #site-header .header-right .button-buy-tickets:hover {
                    background: var(--primary);
                }
            #site-header .header-right .button-toggle-mobile-nav { display: none; }


    /* Page Banner */

    #page-banner {
        background: var(--primary);
        background: var(--secondary);
        background-size: cover;
        position: relative;
        height: 712px;
        height: 696px;
    }
        /*#page-banner .page-banner-flags {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 119px;
            background: url(../images/page-banner-flags.png) repeat-x center top;
            z-index: 10;
        }
        #page-banner .page-banner-bottom {
            position: absolute;
            bottom: -2px;
            left: 0px;
            width: 100%;
            height: 35px;
            background: url(../images/page-banner-bottom.png) no-repeat center top;
            background-size: auto 100%;
            z-index: 10;
        }*/
            #page-banner .page-title {
                position: relative;
            }
                #page-banner .page-title .container {
                    height: 696px;
                    text-align: center;
                }
                #page-banner .page-title h1 {
                            font-size: 72px;
                            line-height: 70px;
                            font-weight: normal;
                            color: var(--white);
                            /*text-transform: uppercase;*/
                            /*letter-spacing: 2.67px;*/
                            /*font-family: 'Tahu';*/
                            font-size: 56px;
                            line-height: 62px;
                            font-weight: bold;
                }
            #page-banner .slide {
                background: none no-repeat center center;
                background-size: cover;
                position: relative;
            }
                #page-banner .slide .container { height: 696px; max-width: 1172px; }

            #page-banner.page-banner-small {
                background: url(../images/banner-default-background.svg) no-repeat right bottom #FFDD00;
                height: 516px;
            }
                #page-banner.no-background-image .page-title .container {
                    height: 516px;
                }
                    .banner-video-holder {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        width: 100%;
                        height: 100%;
                        z-index: 0;
                        display: block;
                        overflow: hidden;
                    }
                        .banner-video {
                            position: absolute;
                            top: 0px;
                            left: 0px;
                            width: 100%;
                            height: 100%;
                            z-index: 0;
                            display: block;
                            margin: 0px;
                        }
                        .banner-video video {
                            position: absolute;
                            top: 0px;
                            left: 0px;
                            width: 100%;
                            height: 100%;
                            z-index: 0;
                            display: block;
                            margin: 0px;
                            object-fit: cover;
                        }
                    .banner-gradient {
                        position: absolute;
                        width: 100%;
                        top: 0px;
                        left: 0px;
                        height: 100%;
                        background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 1%, rgba(0,0,0,0.50) 100%);
                    }
                    .banner-content {
                        position: absolute;
                        /*width: 100%;*/
                        text-align: left;
                        /*transform: translateY(-50%);*/
                        /*-webkit-transform: translateY(-50%);*/
                        /*-ms-transform: translateY(-50%);*/
                        /*position: relative;*/
                        /*top: 50%;*/
                        bottom: 78px;
                        left: 0px;
                        float: left;
                    }
                    .banner-content:before {
                        position: absolute;
                        bottom: 0px;
                        left: 0px;
                        width: 100%;
                        height: 100%;
                        background: var(--primary);
                        content: '';
                        display: block;
                        z-index: 10;
                    }
                    .banner-content:after {
                        z-index: 9;
                        position: absolute;
                        bottom: -16px;
                        left: 16px;
                        width: 100%;
                        height: 100%;
                        background: var(--hover);
                        content: '';
                        display: block;
                    }
                    .banner-content .banner-content-content {
                        position: relative;
                        z-index: 11;
                        padding: 22px 48px 22px 32px;
                    }
                        .banner-content h1 {
                            font-size: 72px;
                            line-height: 70px;
                            margin: 0px;
                            font-weight: 700;
                            color: var(--white);
                            font-size: 56px;
                            line-height: 62px;
                        }
                        .banner-content p {
                            position: relative;
                            z-index: 11;
                            font-weight: 600;
                            color: var(--white);
                            font-family:"stratos";
                            text-shadow: 0 2px 4px rgba(0,0,0,0.85);
                            font-size: 32px;
                            line-height: 40px;
                            text-transform: uppercase;
                            letter-spacing: 2.67px;
                            padding: 20px 0 0 0;
                        }
                        .banner-content p { margin: 0 0 92px 0; }
                            .banner-content img {
                                position: relative;
                                z-index: 11;
                                margin: 0 auto -20px auto;
                                max-width: 60%;
                                height: auto;
                            }
                        .banner-content .button {
                            border-color: rgba(0,0,0,0.7);
                        }
            #page-banner .slick-arrow {
                position: absolute;
                top: 50%;
                left: 32px;
                width: 46px;
                height: 46px;
                border-radius: 100%;
                background: url(../images/green-arrow-left.svg) no-repeat center center var(--white);
                margin-top: -23px;
                display: block;
                border: none;
                z-index: 20;
                text-indent: -9999px;
                transition: opacity .25s ease-in-out;
                -moz-transition: opacity .25s ease-in-out;
                -webkit-transition: opacity .25s ease-in-out;
                opacity: 0.8;
                cursor: pointer;
            }
            #page-banner .slick-arrow:hover { opacity: 1; }
            #page-banner .slick-next {
                left: auto;
                right: 32px;
                background-image: url(../images/green-arrow-right.svg);
            }

            #page-banner .slick-dots {
                position: absolute;
                bottom: 100px;
                width: 100%;
                text-align: center;
                left: -9999px;
                z-index: 100;
                padding: 50px 0 0 0;
            }
            /*body.home #page-banner .slick-dots { top: 100%; bottom: auto; opacity: 0; }*/
                #page-banner .slick-dots li {
                    display: inline-block;
                    margin: 0 4px;
                    opacity: 0.2;
                    transition: opacity .25s ease-in-out;
                    -moz-transition: opacity .25s ease-in-out;
                    -webkit-transition: opacity .25s ease-in-out;
                }
                #page-banner .slick-dots li.slick-active {
                    opacity: 1;
                }
                    #page-banner .slick-dots li button {
                        text-indent: -9999px;
                        width: 15px;
                        height: 15px;
                        border-radius: 8px;
                        -moz-border-radius: 8px;
                        -webkit-border-radius: 8px;
                        padding: 0px;
                        margin: 0px;
                        -webkit-appearance: none;
                        -moz-appearance: none;
                        appearance: none;
                        border: none;
                        background: var(--white);
                        cursor: pointer;
                    }

    #page-banner.page-banner-small,
    #page-banner.page-banner-small .page-title .container,
    #page-banner.page-banner-small .slide .container { height: 516px; }
    body.single-event #page-banner.page-banner-small .page-title h1 { font-size: 72px; line-height: 70px; text-align: left; }

    /*#page-banner .banner-hops-a {
        position: absolute;
        top: 0px;
        left: 50%;
        margin: 0 0 0 -153px;
        width: 307px;
        height: 114px;
        background: url(../images/banner-hops-a.svg) no-repeat;
        z-index: 20;
    }
    #page-banner .banner-hops-b {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 348px;
        height: 150px;
        background: url(../images/banner-hops-b.svg) no-repeat;
        z-index: 20;
    }
    #page-banner .banner-hops-c {
        position: absolute;
        bottom: -6px;
        right: 0px;
        width: 315px;
        height: 161px;
        background: url(../images/banner-hops-c.svg) no-repeat;
        z-index: 20;
    }*/


    /* Under banner content */

    #under-banner-content {
        background: url(../images/under-banner-content-image.svg) no-repeat right bottom #FFDD00;
        position: relative;
    }
        #under-banner-content article {
            padding: 76px 508px 95px 0;
        }
            #under-banner-content article p {
                font-size: 24px;
                color: var(--black);
                line-height: 36px;
                font-weight: 500;
            }
        #under-banner-content .under-banner-content-cloud-1 {
            width: 64px;
            height: 42px;
            display: block;
            top: 24px;
            left: 50%;
            position: absolute;
            margin: 0 0 0 -695px;
            background: url(../images/under-banner-content-cloud-1.svg) no-repeat;
        }
        #under-banner-content .under-banner-content-cloud-2 {
            width: 91px;
            height: 60px;
            display: block;
            top: 24px;
            left: 50%;
            position: absolute;
            margin: 0 0 0 176px;
            background: url(../images/under-banner-content-cloud-2.svg) no-repeat;
        }

    @media all and (max-width: 1023px) and (min-width: 0px) {
        #under-banner-content {
            background-size: auto 232px;
            padding: 66px 0 246px 0;
        }
        #under-banner-content article {
            padding: 0px;
        }
            #under-banner-content article p {
                font-size: 20px;
                line-height: 34px;
            }
        #under-banner-content .under-banner-content-cloud-1 {
            width: 40px;
            height: 33px;
            background-size: 40px auto;
            top: 35px;
            left: 24px;
            margin: 0px;
        }
        #under-banner-content .under-banner-content-cloud-2 {
            width: 67px;
            height: 44px;
            background-size: auto 44px;
            top: 35px;
            left: auto;
            right: -10px;
            margin: 0px;
        }
    }


    /* Main */

    #breadcrumb {
        padding: 25px 0 65px 0;
    }
    body.home #breadcrumb { display: none; }
        #breadcrumb p {
            line-height: 20px;
            font-size: 14px;
            color: #4B4D5D;
            padding: 0 0 0 20px;
            position: relative;
        }
            #breadcrumb p a {
                color: var(--primary);
                /*margin: 0 10px;*/
                vertical-align: top;
                text-decoration: none;
            }
            #breadcrumb p a:hover { color: var(--primary); }
            #breadcrumb p a.breadcrumb-home:first-child {
                width: 18px;
                height: 20px;
                background: url(../images/home.svg) no-repeat center center;
                display: block;
                position: absolute;
                top: 0px;
                left: 0px;
                margin: 0px;
                text-indent: -9999px;
                background-size: contain;
            }
            #breadcrumb .breadcrumb-arrow {
                display: inline-block;
                width: 8px;
                height: 21px;
                vertical-align: top;
                background: url(../images/breadcrumb-arrow.svg) no-repeat center center;margin-right: 5px;
                margin-left: 5px;
            }
            
            /*#breadcrumb p a.breadcrumb-home:hover {
                background-position: left -50px;
            }*/

    .main-content {
        padding: 0 0 85px 0;
    }
        .main-content .content-left {
            float: left;
            width: 64%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            padding: 0 38px 0 0;
        }
            .main-content h1 {
                font-size: 56px;
                line-height: 56px;
                color: var(--black);
                font-weight: 600;
                margin: 0 0 22px 0;
            }
            .main-content h2 {
                font-size: 48px;
                line-height: 56px;
                color: var(--black);
                font-weight: 600;
                margin: 0 0 22px 0;
            }
            .main-content h3 {
                font-size: 32px;
                line-height: 42px;
                color: var(--black);
                font-weight: 600;
                margin: 0 0 13px 0;
            }
            .main-content h4 {
                font-size: 26px;
                line-height: 36px;
                color: var(--black);
                font-weight: 600;
                margin: 0 0 0 0;
            }
            .main-content h5 {
                font-size: 20px;
                line-height: 32px;
                color: var(--black);
                font-weight: 600;
                margin: 0 0 2px 0;
            }
            .main-content article.content h1,
            .main-content article.content h2,
            .main-content article.content h3,
            .main-content article.content h4,
            .main-content article.content h5,
            .main-content article.content h6 {
                padding: 40px 0 0 0;
            }
            .main-content article.content .first-heading { padding-top: 0px; }
            .main-content strong { font-weight: 600; }
            .main-content p {
                font-size: 16px;
                line-height: 26px;
                margin: 0 0 20px 0;
            }
            .main-content p a {
                text-decoration: underline;
            }
            .main-content ul {
                font-size: 16px;
                line-height: 26px;
                margin: 0 0 10px 30px;
                list-style: disc outside;
            }
            .main-content ol {
                font-size: 16px;
                line-height: 26px;
                margin: 0 0 10px 30px;
                list-style: decimal outside;
            }
            .main-content ul li {
                margin-bottom: 10px;
            }
            .main-content .alignleft {
                float: left;
                display: block;
                margin: 0 50px 50px 0;
            }
            .main-content .alignright {
                float: right;
                display: block;
                margin: 0 0 50px 50px;
            }
            .main-content .aligncenter {
                float: none;
                display: block;
                margin: 0 auto 50px auto;
            }
            .main-content img { max-width: 100%; height: auto; }
            .main-content table {
                width: 100%;
                margin: 6px 0 20px 0;
                border-bottom: 2px solid #E3E3E3;
            }
                /*.main-content table tbody tr:nth-child(odd) { background: #efefe8; }*/
                .main-content table thead tr { background: transparent; }
                .main-content table th,
                .main-content table td {
                    border-top: 2px solid #E3E3E3;
                    padding: 12px 0 12px 0;
                    font-size: 16px;
                    line-height: 30px;
                    color: #4B4D5D;
                    vertical-align: middle;
                }
                .main-content table th {
                    font-size: 16px;
                    line-height: 36px;
                    font-family:"stratos";
                    font-weight: 600;
                    border-top: none;
                    padding: 12px 0 4px 0;
                }
                .main-content table td strong {
                    /*color: #4B4D5D;*/
                    font-weight: 600;
                }
                .main-content table td small { padding: 0 0 0 20px; font-size: 14px; }
            .main-content .blank-space {
                height: 50px;
                clear: both;
            }
            .main-content .divider {
                height: 100px;
                margin: 0 0 20px 0;
                background: url(../images/nav-dotted-line.png) repeat-x center center;
            }

            .main-content blockquote {
                padding: 116px 0px 23px 49px;
                position: relative;
                background: url(../images/quote.svg) no-repeat 49px 40px;
            }
                .main-content blockquote:before {
                    width: 9px;
                    height: 100%;
                    position: absolute;
                    border-radius: 4px;
                    background: #FFDD00;
                    display: block;
                    content: '';
                    top: 0px;
                    left: 0px;
                }
                .main-content blockquote p {
                    font-size: 32px;
                    line-height: 40px;
                    font-weight: 400;
                    font-style: normal;
                    color: var(--black);
                    margin: 0px;
                    font-family: 'Caveat';
                    
                }
                .main-content blockquote cite {
                    display: block;
                    padding: 10px 0 0 0;
                    color: var(--black);
                }

            @media all and (max-width: 767px) and (min-width: 0px) {
                .main-content blockquote { padding: 112px 0 29px 32px; background-position: 29px 40px; }
                .main-content blockquote p { font-size: 20px; line-height: 30px; }
            }

            .main-content .intro p {
                font-size: 20px;
                line-height: 28px;
                font-weight: 500;
                margin: 0px;
                color: var(--black);
            }

            .main-content .video-holder {
                position: relative;
                padding-bottom: 56.25%; /* 16:9 */
                height: 0;
                margin: 0 0 20px 0;
                border-radius: 4px;
            }
                .main-content .video-holder iframe,
                .main-content .video-holder video {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }

            .main-content .content-left .button-tickets {
                display: block;
                width: 100%;
                margin: 0 0 20px 0;
                text-align: center;
                font-size: 30px;
                height: 73px;
                line-height: 33px;
                padding: 20px 20px;
                position: relative;
                background-color: #B91E2B;
                border-color: #707c1e;
                max-width: 550px;
            }
            .main-content .content-left .button-tickets:hover {
                background: #A11414;
                border-color: #a2681a;
            }
                .main-content .content-left .button-tickets:before {
                    position: absolute;
                    width: 85px;
                    height: 57px;
                    left: 29px;
                    top: 6px;
                    display: block;
                    position: absolute;
                    content: '';
                    background: url(../images/button-ticket-icon-large.png) no-repeat left top;
                }

            .columns {
                margin: 0 -18px;
            }
                .columns .half-column {
                    padding: 0 18px;
                    box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    float: left;
                    width: 50%;
                }

                .form-box {
                    background: #efefe8;
                    padding: 32px 32px 22px 32px;
                }
                .main-content .form-box h2 {
                    color: #383838;
                    font-family:"stratos";
                    font-weight: 600;
                }
                .main-content .form-box h5 {
                    font-size: 18px;
                    font-weight: 600;
                    padding: 10px 0 0 0;
                    margin: 0 0 10px 0;
                }
                    .main-content .form-box h5 a { text-decoration: underline; }
                .main-content .form-row {
                    position: relative;
                    margin: 0 0 16px 0;
                }
                    .main-content .form-row input[type="text"],
                    .main-content .form-row input[type="email"],
                    .main-content .form-row input[type="password"],
                    .main-content .form-row input[type="tel"],
                    .main-content .form-row input[type="number"],
                    .main-content .form-row textarea {
                        width: 100%;
                        background: var(--white);
                        border: 1px solid #d8d8d4;
                        height: 63px;
                        padding: 20px 25px;
                        font-size: 22px;
                        line-height: 33px;
                    }
                .main-content .form-row-error {
                    padding-top: 10px;
                }
                    .main-content .form-row-error span.form-error {
                        display: block;
                        font-size: 14px;
                        margin: 0 0 10px 0;
                        color: #ec3371;
                        line-height: 18px;
                    }
                    .main-content .form-row-error input[type="text"],
                    .main-content .form-row-error input[type="email"],
                    .main-content .form-row-error input[type="password"],
                    .main-content .form-row-error input[type="tel"],
                    .main-content .form-row-error input[type="number"],
                    .main-content .form-row-error textarea {
                        border-color: #ec276c;
                        background: #f1c9d3;
                    }
                .main-content .form-row .button {
                    width: 100%;
                    background: #B91E2B;
                    border-color: #6d791d;
                }
                .main-content .form-row .button:hover {
                    background: #8b9a28;
                }
                .main-content .form-row .select-field {
                    width: 100%;
                    background: url(../images/select-field.png) no-repeat right center var(--white);
                    border: 1px solid #d8d8d4;
                    height: 63px;
                    position: relative;
                    overflow: hidden;
                }
                    .main-content .form-row .select-field select {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        width: 100%;
                        height: 63px;
                        border: none;
                        background: none transparent;
                        padding: 10px 50px 10px 25px;
                        font-size: 15px;
                        color: #565b5f;
                        display: block;
                        border: none;
                        -webkit-appearance: none;
                        -moz-appearance: none;
                        appearance: none;
                        box-sizing: border-box;
                        -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        font-family:"stratos";
                        font-size: 22px;
                    }

        .main-content .content-right {
            float: right;
            width: 36%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            padding: 0 0 0 38px;
        }
            .list-links {
                list-style: none!important;
                margin: 0 0 6px 0!important;
            }
                .list-links li {
                    padding: 0 0 45px 0;
                    display: block;
                }
                    .list-links li a {
                        display: block;
                        padding: 0 0 0 85px;
                        position: relative;
                        background: none no-repeat left 4px;
                    }
                    .list-links li a.list-link-basket {
                        background: url(../images/list-link-icon-basket.png) no-repeat 42px center;
                    }
                    .list-links li a.list-link-login {
                        background: url(../images/list-link-icon-login.png) no-repeat 38px center;
                    }
                    .list-links li a.list-link-explore {
                        background: url(../images/list-link-icon-explore.png) no-repeat 38px center;
                    }
                    .list-links li a.list-link-plan {
                        background: url(../images/list-link-icon-plan.png) no-repeat 38px center;
                    }
                    .list-links li a.list-link-events {
                        background: url(../images/list-link-icon-events.png) no-repeat 38px center;
                    }
                    .list-links li a.list-link-about {
                        background: url(../images/list-link-icon-about.png) no-repeat 38px center;
                    }
                        .list-links li a span.link-heading {
                            display: block;
                            font-size: 28px;
                            line-height: 40px;
                            color: var(--black);
                            font-family:"stratos";
                            font-weight: 600;
                            margin: 0 0 7px 0;
                        }
                        .list-links li a span.link-sub {
                            display: block;
                            font-size: 16px;
                            line-height: 26px;
                            color: #4D4D4D;
                        }
                        .list-links li a span.link-count {
                            position: absolute;
                            top: 40px;
                            right: 40px;
                            font-size: 30px;
                            color: #c0c0bb;
                            font-family:"stratos";
                        }
                        .list-links li a:hover span.link-heading,
                        .list-links li a:hover span.link-sub { color: var(--primary); }

            .main-content .sidebar-nav {
                padding: 0 0 0 103px;
                padding: 0;
            }
                .main-content .sidebar-nav h5 {
                    font-size: 32px;
                    line-height: 40px;
                    letter-spacing: 1.33px;
                    font-family:"stratos";
                    font-weight: bold;
                    margin: 0 0 2px 0;
                    color: #333333;
                    font-size: 32px;
                    letter-spacing: 1.33px;
                    line-height: 56px;
                }
                .main-content .sidebar-nav ul {
                    list-style: none;
                    margin: 0 0 40px;
                }
                .main-content .sidebar-nav ul li {
                    display: block;
                    border-bottom: 1px solid #E3E3E3;
                    line-height: 36px;
                    font-size: 18px;
                    padding: 5px 0;
                    margin: 0px;
                }
                .main-content .sidebar-nav ul li:last-child {
                    border-bottom: none;
                }
                .main-content .sidebar-nav ul li a {
                    color: #4B4D5D;
                    list-style: none;
                }
                .main-content .sidebar-nav ul li a:hover {
                    color: var(--primary);
                }

            @media all and (max-width: 1250px) and (min-width: 0px) {
                .main-content .sidebar-nav { padding: 0px; }
            }
                

            .side-buttons {
            }
                .side-buttons a {
                    display: block;
                    width: 100%;
                    margin: 0 0 20px 0;
                    text-align: left;
                    font-size: 20px;
                    padding: 13px 24px;
                    line-height: 28px;
                    position: relative;
                }
                .side-buttons .button-tickets {
                    background-color: var(--primary);
                    border-color: var(--primary);
                }
                .side-buttons .button-tickets .ticket-icon {
                    width: 41px;
                    height: 23px;
                    background: url(../images/side-buttons-tickets.svg) no-repeat left top;
                    position: absolute;
                    right: 23px;
                    top: 15px;
                    display: block;
                }
                .side-buttons .button-tickets:hover {
                    background: var(--primary);
                    border-color: var(--primary);
                }
                .side-buttons .button-map {
                    text-align: center;
                }
                .side-buttons .button svg {
                    position: relative;
                    display: inline-block;
                    vertical-align: middle;
                    top: -2px;
                    margin-right: 10px;
                }


    /* Image and content */

    .image-and-content {

    }
        .image-and-content .image-and-content-holder {
            display: flex;
            align-items: center;
        }
            .image-and-content .image-holder {
                float: left;
                display: block;
                width: 50%;
                padding: 0 16px 0 0;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
            }
                .image-and-content .image-holder img {
                    width: 100%;
                    height: auto;
                    border-radius: 10px;
                    display: block;
                }
            .image-and-content .content-holder {
                float: left;
                display: block;
                width: 50%;
                padding: 0 0 0 16px;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
            }
                .image-and-content .content-holder h2,
                .image-and-content .content-holder h3 {
                    font-size: 20px;
                    line-height: 30px;
                }
            .image-and-content.image-and-content-on-right .image-holder { padding: 0 0 0 16px; }
            .image-and-content.image-and-content-on-right .content-holder { padding: 0 16px 0 0; }
                .image-and-content .content-holder p { margin: 0px; }
                .image-and-content .content-holder .button { margin-top: 30px; }
        .image-and-content.image-and-content-on-right .image-and-content-holder {
            flex-direction: row-reverse;
        }

        @media all and (max-width: 767px) and (min-width: 0px) {
            
            .image-and-content .image-and-content-holder {
                display: block;
            }
            .image-and-content .image-holder {
                display: block;
                width: auto;
                float: none;
                padding: 0px!important;
            }
            .main-content .image-and-content .video-holder { margin-bottom: 0px; }
            .image-and-content .content-holder {
                display: block;
                width: auto;
                padding: 32px 0 0 0!important;
            }
            .image-and-content .content-holder .button { margin-top: 20px; }
        }



    /* Basket */

    #basket table.basket-table { margin-bottom: 50px; }
    /*table.table-alt tr:nth-child(odd) { background: transparent; }
    table.table-alt tr:nth-child(even) { background: #efefe8; }*/
    table thead tr { background: transparent; }
        .main-content table input[type="number"] {
            border: 1px solid #d8d8d4;
            padding: 10px 15px;
            display: block;
            background: var(--white);
            font-size: 18px;
            line-height: 23px;
            height: 43px;
            max-width: 110px;
        }
        #basket h2 { margin-bottom: -30px; }
        #basket .basket-totals {
            padding: 30px 10px;
            position: relative;
            margin: 0 0 60px 0;
        }
            #basket .basket-totals:before {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 2px;
                background: url(../images/nav-dotted-line.png) repeat-x center top;
                content: '';
                display: block;
            }
            #basket .basket-totals:after {
                position: absolute;
                bottom: 0px;
                left: 0px;
                width: 100%;
                height: 2px;
                background: url(../images/nav-dotted-line.png) repeat-x center top;
                content: '';
                display: block;
            }
        #basket .basket-totals .button-update {
            background: #c5c5ba;
            border-color: #a9a99c;
            float: left;
            display: block;
        }
        #basket .basket-totals .button-update:hover {
            background: #8c8c77;
        }
        #basket .basket-totals .basket-total {
            float: right;
            padding: 15px 0;
            font-size: 22px;
            line-height: 26px;
            font-weight: 600;
            color: #6d6d6d;
            text-transform: uppercase;
        }
            #basket .basket-totals .basket-total span {
                padding: 0 0 0 60px;
            }
        #basket .button-checkout {
            font-size: 30px;
            height: 73px;
            line-height: 33px;
            padding: 20px 145px;
            background: #B91E2B;
            border-color: #707c1e;
        }
        #basket .button-checkout:hover { background: #899827; }


    /* Checkout */

    #checkout .columns .checkout-left {
        padding-top: 50px;
    }
    #checkout .columns .checkout-right {
        padding-top: 50px;
    }
    #checkout .form-row-postcode {
        padding-right: 270px;
    }
        #checkout .form-row-postcode a {
            position: absolute;
            top: 23px;
            color: #B91E2B;
            font-size: 18px;
            text-decoration: underline;
            font-weight: 600;
            right: 134px;
        }


    /* Login */

    #login h5.login-forgot-password-link { margin-bottom: 40px; }


    /* Select Tickets */

    #select-tickets .filter-tickets {
        margin: 0 -10px 40px -10px;
        padding: 30px 0 0 0;
    }
        #select-tickets .filter-tickets .form-row {
            padding: 0 10px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            float: left;
            width: 50%;
        }

    #select-tickets table.select-tickets-table { margin-bottom: 40px; }
    /*#select-tickets table.select-tickets-table tr:nth-child(odd) { background: transparent; }
    #select-tickets table.select-tickets-table tr:nth-child(even) { background: #efefe8; }*/
    #select-tickets table input[type="number"] { width: 100%; max-width: 100%; }
    #select-tickets table .ticket-price { width: 20%; }
    #select-tickets table .ticket-qty { width: 30%; }
    .select-ticket-totals {
        padding: 45px 0 45px 50%;
        position: relative;
        margin: 0 0 60px 0;
        font-size: 22px;
    }
        .select-ticket-totals:before {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 2px;
            background: url(../images/nav-dotted-line.png) repeat-x center top;
            content: '';
            display: block;
        }
        .select-ticket-totals:after {
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 100%;
            height: 2px;
            background: url(../images/nav-dotted-line.png) repeat-x center top;
            content: '';
            display: block;
        }
        .select-ticket-totals .basket-total-label {
            float: left;
            width: 40%;
            padding: 0 0 0 20px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
        .select-ticket-totals .basket-total-price {
            float: left;
            width: 60%;
            padding: 0 0 0 20px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
    #select-tickets .button-add-to-basket {
        font-size: 30px;
        height: 73px;
        line-height: 33px;
        padding: 20px 145px;
        background: #B91E2B;
        border-color: #707c1e;
    }
    #select-tickets .button-add-to-basket:hover { background: #899827; }


    /* Buy Tickets */

    .buy-tickets {
        margin: 0 -16px;
    }
        .buy-tickets .ticket {
            float: left;
            width: calc(50% - 32px);
            margin: 0 16px 32px 16px;
            background: var(--white);
            box-shadow: 0 3px 8px 0 rgba(112,120,135,0.24);
            border-radius: 10px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
            .buy-tickets .ticket img {
                display: block;
                width: 100%;
                height: auto;
            }
            .buy-tickets .ticket .ticket-content {
                padding: 42px 32px 34px 32px;
                font-size: 16px;
                line-height: 28px;
                color: #4B4D5D;
            }
                #buy-tickets .buy-tickets .ticket .ticket-content h2 {
                    font-family:"stratos";
                    font-weight: 600;
                    font-size: 32px;
                    line-height: 36px;
                    margin: 0 0 8px 0;
                    color: #218A4F;
                }
                #buy-tickets .buy-tickets .ticket .ticket-content p {
                    font-size: 16px;
                    line-height: 28px;
                    color: #4B4D5D;
                    margin: 0 0 30px 0;
                }
                #buy-tickets .buy-tickets .ticket .ticket-content .link-more {
                    font-size: 18px;
                    text-decoration: underline;
                    font-weight: 600;
                    margin-bottom: 10px;
                    display: inline-block;
                }
                #buy-tickets .buy-tickets .ticket .ticket-content .button {
                    width: 100%;
                    display: block;
                    background: #B91E2B;
                    border-color: #6d791d;
                    text-align: center;
                    background-color: transparent;
                    border: 2px solid #218A4F;
                    text-transform: none;
                    color: #218A4F;
                }
                #buy-tickets .buy-tickets .ticket .ticket-content .button:before { background: #218A4F; }
                #buy-tickets .buy-tickets .ticket .ticket-content .button:after { display: none; }
                #buy-tickets .buy-tickets .ticket .ticket-content .button:hover { color: var(--white); }


    /* Call to Actions */

    #bottom-links {
        padding: 0 0 80px 0;
    }

    body.home #main {
        padding: 128px 0 103px 0;
    }
    @media all and (max-width: 1023px) and (min-width: 0px) {
        body.home #main { padding: 64px 0 50px 0; }
    }

    #explore-ctas { padding: 0 0 50px 0; }

    .call-to-actions {
        margin: 0 -16px;
    }
        .call-to-actions section {
            float: left;
            width: 33.33%;
            padding: 0 16px 32px 16px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
        .call-to-actions section.call-to-action-half { width: 50%; }
        .call-to-actions section.call-to-action-quarter { width: 25%; }
            .call-to-actions section a {
                display: block;
                position: relative;
                border-radius: 4px;
                height: 417px;
                background: none no-repeat center center #000;
                background-size: cover;
                overflow: hidden;
            }
            .call-to-actions section.no-image a {
                /*background: url(../images/cta-no-image.png) no-repeat center center #284743;
                background-size: 100% 100%;*/
            }
                /*.call-to-actions section.no-image a .cta-hover { display: none; }*/

                .call-to-actions section a .cta-logo {
                    position: absolute;
                    top: 16px;
                    right: 16px;
                    width: 80px;
                    height: 80px;
                    border-radius: 4px;
                    z-index: 40;
                    background: var(--white);
                    box-shadow: 0 3px 8px 0 rgba(112,120,135,0.24);
                }
                    .call-to-actions section a .cta-logo img {
                        display: block;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        max-width: 56px;
                        max-height: 56px;
                        transform: translateX(-50%) translateY(-50%);
                        -webkit-transform: translateX(-50%) translateY(-50%);
                        -ms-transform: translateX(-50%) translateY(-50%);
                    }

                .call-to-actions section a .cta-content {
                    position: absolute;
                    /*top: 50%;
                    transform: translateY(-50%);
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);*/
                    bottom: 0px;
                    left: 0px;
                    padding: 0 40px 40px 40px;
                    display: block;
                }
                .call-to-actions section a h4 {
                    font-size: 20px;
                    color: var(--white);
                    line-height: 31px;
                    /*text-shadow: 0 2px 4px rgba(0,0,0,0.85);*/
                    padding: 0px;
                    text-align: left;
                    margin: 0px;
                    font-weight: normal;
                }
                @media all and (max-width: 767px) and (min-width: 0px) {
                    .call-to-actions section a h4 {
                        line-height: 28px;
                    }
                }
                .call-to-actions section a h3 {
                    font-size: 40px;
                    color: var(--white);
                    line-height: 45px;
                    /*text-shadow: 0 2px 4px rgba(0,0,0,0.85);*/
                    text-align: left;
                    margin: 0px;
                }
                .call-to-actions section a .cta-background-holder {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: calc(100% - 1px);
                    height: 100%;
                    display: block;
                    overflow: hidden;
                }
                .call-to-actions section a .cta-background {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                    background: none no-repeat center center transparent;
                    background-size: cover;
                    display: block;
                    transition: .3s ease-in-out;
                }
                .call-to-actions section a .cta-background-over {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                    background: #000;
                    opacity: 0.25;
                    display: block;
                    transition: .3s ease-in-out;
                }
                .call-to-actions section a:hover .cta-background {
                    transform: scale(1.3);
                }
                .call-to-actions section a .cta-hover {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: calc(100% - 1px);
                    height: 100%;
                    /*background: url(../images/cta-hover.png) no-repeat center center;*/
                    background-size: auto auto;
                    background: var(--primary);
                    display: block;
                    transition: .3s ease-in-out;
                    opacity: 0;
                }
                .call-to-actions section a:hover .cta-hover {
                    opacity: 0.8;
                }
                .call-to-actions section a .cta-border-left {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 101%;
                    background: url(../images/cta-left.png) no-repeat left top;
                    background-size: auto 100%;
                    display: block;
                }
                .call-to-actions section a .cta-border-right {
                    position: absolute;
                    top: 0px;
                    right: 0px;
                    width: 100%;
                    height: 101%;
                    background: url(../images/cta-right.png) no-repeat right top;
                    background-size: auto 100%;
                    display: block;
                }
                .call-to-actions section.call-to-action-half a .cta-border,
                .call-to-actions section.call-to-action-third a .cta-border {
                    background-image: url(../images/cta-border-half.png);
                }
                .call-to-actions section .border-top {
                    background: url(../images/cta-border-top.png) no-repeat center bottom;
                    background-size: 100% auto;
                    height: 30px;
                    top: -15px;
                    width: 100%;
                    position: absolute;
                    left: -10px;
                    padding: 0 10px 0 0;
                }
                .call-to-actions section a:hover .border-top { background-image: url(../images/cta-border-top-orange.png); }
                .call-to-actions section.call-to-action-half .border-top {
                    background-image: url(../images/cta-border-top-large.png);
                }
                .call-to-actions section.call-to-action-half a:hover .border-top { background-image: url(../images/cta-border-top-large-orange.png); }
                .call-to-actions section .border-bottom {
                    background: url(../images/cta-border-bottom.png) no-repeat center top;
                    background-size: 100% auto;
                    height: 30px;
                    bottom: -15px;
                    width: 100%;
                    position: absolute;
                    left: -10px;
                    padding: 0 10px 0 0;
                }
                .call-to-actions section a:hover .border-bottom { background-image: url(../images/cta-border-bottom-orange.png); }
                .call-to-actions section.call-to-action-half .border-bottom {
                    background-image: url(../images/cta-border-bottom-large.png);
                }
                .call-to-actions section.call-to-action-half a:hover .border-bottom { background-image: url(../images/cta-border-bottom-large-orange.png); }
                .call-to-actions section .border-left {
                    background: url(../images/cta-border-left.png) no-repeat center bottom;
                    background-size: auto 100%;
                    width: 30px;
                    top: -10px;
                    height: 100%;
                    padding: 10px 0;
                    position: absolute;
                    left: -12px;
                    z-index: 10;
                }
                .call-to-actions section a:hover .border-left { background-image: url(../images/cta-border-left-orange.png); }
                .call-to-actions section .border-right {
                    background: url(../images/cta-border-right.png) no-repeat center bottom;
                    background-size: auto 100%;
                    width: 30px;
                    top: -10px;
                    height: 100%;
                    padding: 10px 0;
                    position: absolute;
                    right: -12px;
                    z-index: 10;
                }
                .call-to-actions section a:hover .border-right { background-image: url(../images/cta-border-right-orange.png); }


    /* Image */

    .page-image {
        margin: 0 0 53px 0;
    }
        .page-image img {
            width: 100%;
            border-radius: 4px;
            display: block;
        }
        .page-image p {
            padding: 12px 0 0 0;
            font-size: 14px;
            line-height: 22px;
        }

    /* Notice */

    .notice {
        padding: 0 0 32px 0;
    }
        .notice .notice-border {
        }
        .notice .notice-content {
            text-align: center;
            position: relative;
            background: #B91E2B;
            padding: 46px 452px 58px 64px;
            border-radius: 4px;
        }
            .notice .notice-content article {
                text-align: left;
                max-width: 667px;
            }
                .notice .notice-content article h1,
                .notice .notice-content article h2,
                .notice .notice-content article h3 {
                    font-size: 32px;
                    line-height: 51px;
                    color: var(--white);
                    margin: 0 0 9px 0;
                    font-family:"stratos";
                    font-weight: 600;
                }
                .notice .notice-content article p {
                    font-size: 16px;
                    line-height: 26px;
                    color: var(--white);
                    margin: 0px;
                }
            .notice .notice-content .button {
                position: absolute;
                top: 50%;
                margin: -26px 0 0 0;
                right: 82px;
            }


    /* Attractions */

    .main-content ul.gallery-thumbs {
        list-style: none;
        margin: -5px;
        clear: both;
        overflow: hidden;
    }
        .main-content ul.gallery-thumbs li {
            display: block;
            width: 12.5%;
            padding: 5px;
            float: left;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
            .main-content ul.gallery-thumbs li a {
                display: block;
            }
                .main-content ul.gallery-thumbs li a img {
                    display: block;
                    width: 100%;
                }


    /* Education */

    .teacher-comments {
        margin: 0 0 30px 0;
    }
        .teacher-comments blockquote {
            padding: 11px 0 11px 73px;
            margin: 0 0 24px 0;
            position: relative;
            background: none;
            border: none;
        }
            .teacher-comments blockquote:before {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 58px;
                height: 58px;
                background: url(../images/teacher-comment-quote.svg) no-repeat center center #193C57;
                border-radius: 29px;
                background-size: 60% auto;
                -moz-border-radius: 29px;
                -webkit-border-radius: 29px;
                content: '';
                display: block;
            }
            .teacher-comments blockquote p {
                font-size: 20px;
                line-height: 36px;
                font-family:"stratos";
                font-weight: 600;
                margin: 0px;
                color: var(--black);
            }


    /* Prices */

    .number-lines {
        margin: 0 0 -24px 0;
    }
        .number-lines .number-line {
            padding: 11px 0 11px 73px;
            margin: 0 0 24px 0;
            position: relative;
        }
            .number-lines .number-line .number {
                position: absolute;
                top: 50%;
                left: 0px;
                width: 58px;
                height: 58px;
                line-height: 58px;
                text-align: center;
                background: #193C57;
                border-radius: 29px;
                -moz-border-radius: 29px;
                -webkit-border-radius: 29px;
                content: '';
                display: block;
                color: var(--white);
                font-size: 28px;
                transform: translateY(-50%);
            }
            .number-lines .number-line p {
                font-size: 20px;
                line-height: 36px;
                font-weight: 600;
                color: var(--black);
                margin: 0px;
            }


    /* Park Map */

    .park-map {
        margin-top: 20px;
        position: relative;
    }
        .park-map .border-top {
            background: url(../images/map-border-top.png) no-repeat center bottom;
            background-size: 100% auto;
            height: 30px;
            top: -15px;
            width: 100%;
            position: absolute;
            left: -10px;
            padding: 0 10px 0 0;
            z-index: 9;
        }
        .park-map .border-bottom {
            background: url(../images/map-border-bottom.png) no-repeat center top;
            background-size: 100% auto;
            height: 30px;
            bottom: -15px;
            width: 100%;
            position: absolute;
            left: -10px;
            padding: 0 10px 0 0;
            z-index: 9;
        }
        .park-map .border-left {
            background: url(../images/map-border-left.png) no-repeat center bottom;
            background-size: auto 100%;
            width: 30px;
            top: -10px;
            height: 100%;
            padding: 10px 0;
            position: absolute;
            left: -12px;
            z-index: 10;
        }
        .park-map .border-right {
            background: url(../images/map-border-right.png) no-repeat center bottom;
            background-size: auto 100%;
            width: 30px;
            top: -10px;
            height: 100%;
            padding: 10px 0;
            position: absolute;
            right: -12px;
            z-index: 10;
        }
    .download-park-map {
        text-align: right;
        padding: 30px 0 0 0;
        margin: 0 0 -20px 0;
    }
        .download-park-map a {
            display: inline-block;
            text-decoration: underline;
            font-size: 18px;
            font-weight: 600;
            position: relative;
        }
            .download-park-map a:before {
                position: absolute;
                top: -4px;
                left: -50px;
                content: '';
                display: block;
                width: 29px;
                height: 26px;
                background: url(../images/icon-download.png) no-repeat;
            }


    /* Workshops */

    #workshops h1 {
        padding: 20px 0 0 0;
    }
    .page-anchors {
        position: relative;
        padding: 30px 0 20px 0;
        margin: 0 0 50px 0;
        background: url(../images/nav-dotted-line.png) repeat-x center bottom;
    }
        .page-anchors:before {
            width: 100%;
            height: 2px;
            background: url(../images/nav-dotted-line.png) repeat-x center top;
            position: absolute;
            top: 0px;
            left: 0px;
            content: '';
            display: block;
        }
        .page-anchors .button {
            text-transform: uppercase;
            margin: 0 10px 10px 0;
            font-size: 18px;
        }

    .workshop-category {

    }
        #workshops .workshop-category h2 {
            text-transform: uppercase;
        }

    .accordion {
        margin: 0 0 70px 0;
    }
        .accordion-panel {
            position: relative;
            border: 1px solid var(--primary);
            margin: 0 0 16px 0;
            border-radius: 10px;
            overflow: hidden;
        }
            .accordion-panel.active {
                border-width: 2px;
            }
            .accordion-panel header {
                cursor: pointer;
                position: relative;
                padding: 13px 64px 13px 32px;
                line-height: 36px;
                font-family:"stratos";
                font-weight: 600;
                color: var(--black);
                font-size: 20px;
            }
                .accordion-panel header:before {
                    background: url(../images/acc-icon.svg) no-repeat center right;
                    width: 20px;
                    right: 40px;
                    top: 50%;
                    height: 40px;
                    margin: -20px 0 0 0;
                    content: '';
                    display: block;
                    position: absolute;
                }
            .accordion-panel.active header {
                background: var(--primary);
                color: var(--white);
            }
            .accordion-panel.active header:before {
                background-image: url(../images/accordion-up.svg);
            }
            .accordion-panel-content {
                position: relative;
                display: none;
                padding: 32px 32px 12px 32px;
            }
            .accordion-panel img {
                border-radius: 10px;
                margin: 20px 0 0 0;
            }
            .main-content .accordion-panel-content .alignleft { margin-bottom: 0px; }
            /*.accordion-panel.active .accordion-panel-content { display: block; }*/
            .workshop-panel-content-has-thumbnail {
                padding-left: 190px;
                /*min-height: 114px;*/
            }
                .workshop-panel-content-has-thumbnail .workshop-image {
                    width: 114px;
                    margin: 0 0 0 -150px;
                    float: left;
                }
            .workshop-prices {
                background: url(../images/nav-dotted-line.png) repeat-x center top;
                padding: 2px 0 0 0;
            }
                .workshop-prices .workshop-price-row {
                    background: url(../images/nav-dotted-line.png) repeat-x center bottom;
                    padding: 18px 20px 15px 20px;
                    font-size: 18px;
                    font-weight: 600;
                }
                    .workshop-prices .workshop-price-row .workshop-price-label {
                        float: left;
                        width: 60%;
                        color: #6d6d6d;
                        line-height: 23px;
                    }
                    .workshop-prices .workshop-price-row .workshop-price-price {
                        float: right;
                        width: 40%;
                        text-align: right;
                        color: #B91E2B;
                        line-height: 23px;
                    }


    /* Events */

    .events-holder {  }
        .events-holder .event-item {
            display: block;
            color: #4B4D5D;
            background: var(--white);
            box-shadow: 0 3px 8px 0 rgba(112,120,135,0.24);
            border-radius: 4px;
            margin: 0 0 32px 0;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            position: relative;
            overflow: hidden;
        }
        .events-holder .event-item.has-event-image {
            padding: 50px 38px 45px 364px;
            min-height: 261px;
            text-decoration: none;
        }
        .events-holder .event-item.has-no-image {
            padding: 50px 38px 45px 38px;
        }
            .events-holder .event-item.has-event-image .event-image-holder {
                width: 319px;
                position: absolute;
                top: 0px;
                left: 0px;
                overflow: hidden;
                height: 100%;
            }
                .events-holder .event-item.has-event-image .event-image {
                    background: none no-repeat center center;
                    background-size: cover;
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                    transition: .3s ease-in-out;
                } 
                .events-holder .event-item.has-event-image:hover .event-image {
                    transform: scale(1.3);
                }
            .events-holder .event-item.event-item-dont-crop .event-image {
                background: none!important;
                height: auto;
                margin-bottom: -28px;
            }
        .main-content .events-holder .event-item header {
            padding: 0px;
        }
        .main-content .events-holder .event-item.blog-post-item header { margin-bottom: 15px; }
            .main-content .events-holder .event-item header h2 {
                color: var(--black);
                font-size: 32px;
                line-height: 42px;
                /*letter-spacing: 2.46px;*/
                margin: 0 0 7px 0;
                transition: all 0.3s ease-out;
            }
            .main-content .events-holder .event-item:hover header h2 { color: var(--primary); }
            .main-content .events-holder .event-item header .event-date {
                font-size: 16px;
                line-height: 28px;
                font-weight: 600;
                color: var(--primary);
                text-transform: uppercase;
                margin: 0 0 3px 0;
            }
        .main-content .events-holder .event-item p { margin: 0px; }
        .main-content .events-holder .event-item.blog-post-item p { margin-bottom: 10px; }

    .blog-filter {
        padding: 0 0 0 0;
        margin: 0 0 60px 0;
    }
        .blog-filter h4 {
            font-size: 24px;
            color: #0d704a;
            font-family:"stratos";
        }
        .blog-filter .select-field {
            width: 100%;
            background: url(../images/select-field.png) no-repeat right center var(--white);
            border: 1px solid #d8d8d4;
            height: 63px;
            position: relative;
            max-width: 490px;
            overflow: hidden;
        }
            .blog-filter .select-field select {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 63px;
                border: none;
                background: none transparent;
                padding: 10px 50px 10px 25px;
                font-size: 15px;
                color: #565b5f;
                display: block;
                border: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                font-family:"stratos";
                font-size: 22px;
            }

    .pagination { text-indent: -9999px; }
    .pagination a { }
    .loading-more {
        display: none;
        text-align: center;
        font-size: 30px;
        color: #e0e0d9;
        font-family:"stratos";
        padding: 70px 0 20px 0;
    }
    .load-more {
        text-align: center;
        padding: 70px 0;
    }

    /* Contact */

/* Contact form */

    .gform_wrapper { position: relative; }
        .gform_wrapper ul.gform_fields {
            margin: 0px!important;
            list-style: none!important;
        }
        .gform_wrapper ul.gform_fields li.gfield {
            padding: 0 0 22px 0;
            position: relative;
            margin: 0px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
            .gform_wrapper ul.gform_fields li.field-town:before,
            .gform_wrapper ul.gform_fields li.field-date-of-issue:before {
                position: absolute;
                font-size: 12px;
                content: 'Optional';
                display: block;
                float: right;
                left: auto;
                margin: 0px;
                text-transform: uppercase;
                font-family:"stratos";
                font-weight: 600;
                font-style: normal;
                font-size: 12px;
                color: #989CBE;
                letter-spacing: 0.51px;
                line-height: 28px;
                top: 15px;
                right: 24px;
                position: absolute;
                z-index: 1;
            }
            .gform_wrapper ul.gform_fields li.field-phone:before { right: 25px; }
            /*ul li.gfield.gfield_contains_required:before { display: none; }*/
            .gform_wrapper ul.gform_fields li.gfield label {
                margin: 0px;
                display: block;
                font-weight: 600;
                font-style: normal;
                font-size: 12px;
                color: var(--primary);
                line-height: 28px;
                top: 9px;
                letter-spacing: 1px;
                font-weight: 600;
                text-transform: uppercase;
                left: 20px;
                position: absolute;
                z-index: 1;
            }
            .gform_wrapper ul.gform_fields li.gfield label .gfield_required { display: none; }
            .gform_wrapper ul.gform_fields li.gfield input[type="text"],
            .gform_wrapper ul.gform_fields li.gfield input[type="email"],
            .gform_wrapper ul.gform_fields li.gfield input[type="tel"],
            .gform_wrapper ul.gform_fields li.gfield textarea {
                z-index: 2;
                border-radius: 0px;
                appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                box-shadow: none;
                display: block;
                background: transparent;
                width: 100%;
                border: 1px solid #E3E3E3;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                font-size: 16px;
                line-height: 28px;
                color: var(--black);
                height: 71px;
                font-family:"stratos";
                padding: 30px 20px 10px 20px!important;
                position: relative;
                border-radius: 4px;
            }
            .gform_wrapper ul.gform_fields li.gfield textarea { height: 99px; }
            .gform_wrapper ul.gform_fields li.gfield input[type="text"]:focus,
            .gform_wrapper ul.gform_fields li.gfield input[type="email"]:focus,
            .gform_wrapper ul.gform_fields li.gfield input[type="tel"]:focus,
            .gform_wrapper ul.gform_fields li.gfield textarea:focus {
                border-color: var(--primary);
            }
            .gform_wrapper ul.gform_fields li.gfield.gfield_error input[type="text"],
            .gform_wrapper ul.gform_fields li.gfield.gfield_error input[type="email"],
            .gform_wrapper ul.gform_fields li.gfield.gfield_error input[type="tel"],
            .gform_wrapper ul.gform_fields li.gfield.gfield_error textarea {
                border-color: #B91E2B!important;
            }
            .gform_wrapper li.field-message.gfield_error.gfield_contains_required div.gfield_description { left: 25px!important; }
            .gform_wrapper li.gfield.gfield_error, 
            .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
                padding: 0 16px 40px 0!important;
                margin: 0px!important;
                border: none!important;
                background: transparent!important;
            }
            .gform_wrapper li.gfield.gfield_error.field-second-name,
            .gform_wrapper li.gfield.gfield_error.field-phone,
            .gform_wrapper li.gfield.gfield_error.field-message {
                padding-right: 0px!important;
            }
            .gform_wrapper li.gfield.gfield_error.field-message div.gfield_description {
                left: 0px!important;
            }
            .gform_wrapper ul.gform_fields li.gfield.gfield_error .validation_message {
                position: absolute;
                bottom: 10px;
                left: 0px;
                font-size: 14px;
                line-height: 28px;
                display: block;
                font-weight: normal;
                font-family:"stratos";
                color: #E74242!important;
            }
            .gform_wrapper ul.gform_fields li.gfield.gfield_error.field-accept { margin-bottom: 12px!important; }
            .gform_wrapper ul.gform_fields li.gfield.gfield_error.field-accept .validation_message { bottom: -15px; }
            .gform_wrapper div.validation_error { 
                padding: 0px!important;
                color: #E74242!important;
                border: 1px solid #E74242!important; 
            }
            .gform_validation_errors>h2 { color: #B91E2B!important; }
            .gform_wrapper ul.gform_fields li.field-privacy {
                font-size: 12px;
                line-height: 22px!important;
            }
                .gform_wrapper ul.gform_fields li.field-privacy a { text-decoration: underline; }
            body .gform_wrapper .top_label div.ginput_container { margin: 0px!important; }
        .page-block-contact .gform_body {
            position: relative;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
            .page-block-contact .gform_wrapper ul.gform_fields {  }
            .page-block-contact .gform_wrapper ul.gform_fields li {
                padding-right: 16px;
                float: left;
                clear: none;
                width: 50%;
            }
            .page-block-contact .gform_wrapper ul.gform_fields li.field-message {

            }
            /*.page-block-contact .gform_wrapper ul.gform_fields li.field-privacy {
                position: absolute;
                bottom: 0px;
                left: 0px;
                width: 44%;
                padding: 0px;
                line-height: 22px;
            }*/
            .page-block-contact .gform_wrapper ul.gform_fields li.field-privacy { margin-bottom: 0px; padding-bottom: 0px; width: 200%; }
                .page-block-contact .gform_wrapper ul.gform_fields li.field-town .gfield_label,
                .page-block-contact .gform_wrapper ul.gform_fields li.field-subject .gfield_label,
                .page-block-contact .gform_wrapper ul.gform_fields li.field-date-of-issue .gfield_label {
                    margin-left: 16px;
                }

                .gform_wrapper ul li.gfield .ginput_container_radio li {
    position: relative;
    margin: 0;
    padding: 0 !important;
    width: auto;
    white-space: nowrap;
    display: block;
    max-width: initial;
    min-width: inherit;
}
                .gform_wrapper ul li.gfield .ginput_container_radio li input,
                .gform_wrapper ul li.gfield .ginput_container_checkbox li input { position: absolute; left: -9999px; }
                .gform_wrapper ul li.gfield .ginput_container_radio li label,
                .gform_wrapper ul li.gfield .ginput_container_checkbox li label {
                    display: block!important;
                    position: relative!important;
                    padding: 1px 0 1px 38px!important;
                    cursor: pointer!important;
                    font-size: 14px!important;
                    text-transform: none!important;
                    font-weight: normal!important;
                    top: auto!important;
                    left: auto!important;
                    color: #72758D;
                    margin: 0px!important;
                    letter-spacing: 0px!important;
                    line-height: 16px!important;
                    line-height: 32px!important;
                }
                .gform_wrapper ul li.gfield .ginput_container_radio li label a,
                .gform_wrapper ul li.gfield .ginput_container_checkbox li label a {
                    color: #72758D;
                    text-decoration: underline;
                }
                .gform_wrapper ul li.gfield .ginput_container_radio li label:before,
                .gform_wrapper ul li.gfield .ginput_container_radio li label:after,
                .gform_wrapper ul li.gfield .ginput_container_checkbox li label:before,
                .gform_wrapper ul li.gfield .ginput_container_checkbox li label:after {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 24px;
                    height: 24px;
                    border-radius: 100%;
                    border: 2px solid var(--primary);
                    display: block;
                    content: '';
                    text-align: center;
                    background: var(--white);
                }
                .gform_wrapper ul li.gfield .ginput_container_checkbox li label:before,
                .gform_wrapper ul li.gfield .ginput_container_checkbox li label:after {
                    border-radius: 0px;
                    border-radius: 4px;
                }
                .gform_wrapper ul li.gfield .ginput_container_radio li label:after {
                    display: none;
                    background: var(--primary);
                    width: 24px;
                    height: 24px;
                    border: none;
                }
                .gform_wrapper ul li.gfield .ginput_container_checkbox li label:after {
                    display: none;
                    background: url(../images/icon-tick-white.svg) no-repeat center center var(--primary);
                    background-size: 15px auto;
                    width: 24px;
                    height: 24px;
                    border: none;
                    content: '';
                    z-index: 1;
                    position: absolute;
                    top: 0px;
                    left: 0px;
                }
                .gform_wrapper ul li.gfield .ginput_container_radio li input:checked + label:after,
                .gform_wrapper ul li.gfield .ginput_container_checkbox li input:checked + label:after {
                    display: block;
                }

            /*.page-block-contact .gform_wrapper ul.gform_fields li.field-captcha {
                position: absolute;
                width: 304px;
                height: 78px;
                margin: 0 0 0 -140px!important;
                bottom: 0px;
                left: 50%;
                padding: 0px;
            }*/
            .page-block-contact .gform_wrapper ul.gform_fields li.field-captcha { padding: 0 0 10px 0; }
            .page-block-contact .gform_wrapper ul.gform_fields li.gfield.field-message {
                width: auto;
                clear: both;
                float: none;
                padding-right: 0px;
                padding-left: 0px;
            }
            .page-block-contact .gform_wrapper ul.gform_fields li.gfield.field-second-name {
                padding-right: 0px;
                padding-left: 0px;
            }
            .page-block-contact .gform_wrapper ul.gform_fields li.gfield.field-phone {
                padding-right: 0px;
                padding-left: 0px;
            }
            .page-block-contact .gform_wrapper ul.gform_fields li.gfield.field-accept {
                width: auto;
                padding: 0 200px 0 0!important;
            }
            .page-block-contact .gform_wrapper ul.gform_fields li.gfield.field-accept li {
                width: auto;
                float: none;
            }
            .page-block-contact .gform_wrapper ul.gform_fields li.gfield.field-accept li label {
                font-family:"stratos";
                font-size: 14px!important;
                color: var(--black)!important;
                display: block!important;
                line-height: 22px!important;
            }
            .page-block-contact .gform_wrapper ul.gform_fields li.gfield.field-accept li label a {
                color: var(--black);
            }
            .gform_wrapper ul.gform_fields li.field-captcha .gfield_label, 
            .page-block-contact .gform_wrapper ul.gform_fields li.field-captcha .gfield_label { display: none; }

        /*.page-block-content .gform_footer {
            position: absolute!important;
            bottom: 67px!important;
            right: 0px!important;
            width: auto!important;
            padding: 0px!important;
            margin: 0px!important;
            text-align: right!important;
        }
            .page-block-content .gform_footer input[type="submit"] { margin-right: 0px!important; }*/

        .gform_wrapper {
            overflow: hidden;
        }
        .gform_wrapper .gform_footer {
            padding: 0px!important;
            margin: 0px!important;
            position: absolute;
            bottom: 40px;
            right: 0px;
            width: auto!important;
        }
        .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
            margin: 0px!important;
        }

        body .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, 
        body .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-top: 0px!important; }
        body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: none!important; }
        body .gform_wrapper ul.gform_fields li.gfield.gfield_error.field-town .validation_message { left: 16px!important; }
        body .gform_wrapper ul.gform_fields li.gfield.gfield_error.field-privacy .validation_message { top: 30px!important; }

        .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
            border: 1px solid #B91E2B!important;
        }


        .page-block-contact {
            padding: 0 0 128px 0;
        }
            .page-block-contact .contact-form {
                float: left;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                width: 69%;
                padding: 0 100px 0 0;
            }
            .page-block-contact .contact-form .form-success { display: none; }
            .page-block-contact .contact-details {
                float: left;
                padding: 10px 0 0 0;
                width: 31%;
            }
                .page-block-contact .contact-details h5 {
                    font-size: 18px;
                    line-height: 28px;
                    font-weight: 600;
                    margin: 0 0 9px 0;
                }
                .page-block-contact .contact-details p {
                    font-size: 16px;
                    line-height: 28px;
                    margin: 0 0 32px 0;
                }
                .page-block-contact .contact-details p small {
                    font-size: 12px;
                    line-height: 1;
                    display: block;
                }
                .page-block-contact .contact-details .phone-number p { margin: 0px; }
                .page-block-contact .contact-details .social-links {
                    padding: 5px 0 0 0;
                }
                    .page-block-contact .contact-details .social-links a {
                        color: var(--primary);
                        display: inline-block;
                        vertical-align: middle;
                        margin: 0 26px 0 0;
                    }
                    .page-block-contact .contact-details .social-links a:hover {
                        color: var(--primary);
                    }
                    

    .page-block-contact-map {
        position: relative;
    }
        .page-block-contact-map .map-hops-a {
            position: absolute;
            top: -64px;
            left: -97px;
            display: block;
            width: 312px;
            height: 161px;
            background: url(../images/map-hops-a.svg) no-repeat;
        }
        .page-block-contact-map .map-hops-b {
            position: absolute;
            bottom: -89px;
            right: -83px;
            display: block;
            width: 242px;
            height: 156px;
            background: url(../images/map-hops-b.svg) no-repeat;
        }
        .page-block-contact-map #contact-map {
            height: 470px;
            border-radius: 4px;
            position: relative;
            z-index: 2;
        }
        .page-block-contact-map .contact-address {
            position: absolute;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            border-radius: 10px;
            left: 87px;
            width: 336px;
            padding: 50px 48px 50px 48px;
            background: var(--white);
            z-index: 10;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
        }
            .page-block-contact-map .contact-address h6 {
                font-size: 32px;
                line-height: 28px;
                color: var(--black);
                /*letter-spacing: 2.46px;*/
                margin: 0 0 10px 0;
                /*text-transform: uppercase;*/
                font-family:"stratos";
                font-weight: 600;
            }
            .page-block-contact-map .contact-address p {
                font-size: 16px;
                line-height: 24px;
                margin: 0 0 7px 0;
            }
            .page-block-contact-map .contact-address a {
                font-size: 16px;
                line-height: 28px;
                font-weight: 600;
                border-radius: 22.5px;
                padding: 0 22px 0 0;
                background: url(../images/google-maps-link-arrow.svg) no-repeat right 7px;
            }
            .page-block-contact-map .contact-address a:hover {
                color: var(--primary);
                background-image: url(../images/google-maps-link-arrow-hover.svg);
            }

    @media all and (max-width: 1023px) and (min-width: 0px) {
        .page-block-contact {
            padding: 0 0 64px 0;
        }
        .page-block-contact .contact-form {
            float: none;
            width: auto;
            padding: 0px;
        }
        .page-block-contact .contact-details {
            float: none;
            width: auto;
            padding: 32px 0 0 0;
        }
        .page-block-contact-map #contact-map {
            height: 400px;
            margin: 0 -20px;
            border-radius: 0px;
        }
        .page-block-contact-map .map-hops-a,
        .page-block-contact-map .map-hops-b { display: none; }
        .page-block-contact-map .contact-address {
            position: relative;
            left: auto;
            width: auto;
            top: auto;
            transform: none;
            -webkit-transform: none;
            margin: -32px 0 0 -20px;
            padding: 30px 20px 20px 20px;
            border-radius: 0 10px 0 0;
        }
        .page-block-contact-map .contact-address h6 {
            font-size: 24px;
            line-height: 36px;
        }
    }

    @media all and (max-width: 767px) and (min-width: 0px) {
        .page-block-contact .gform_wrapper ul.gform_fields li {
            width: auto;
            float: none;
            padding-right: 0px!important;
            padding-left: 0px;
        }
        .page-block-contact .gform_wrapper ul.gform_fields li.gfield.field-accept {
            padding-right: 0px!important;
            margin-bottom: 24px;
        }
        .gform_wrapper .gform_footer {
            position: relative;
            right: auto;
            width: 100%!important;
            margin-top: 15px !important;
        }
    }



    /* Bottom Widgets */

    #bottom-widgets {
        background: #282828;
        padding: 0 50% 0 0 ;
        position: relative;
    }
        /*#bottom-widgets:before {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 35px;
            content: '';
            display: block;
            z-index: 10;
            background: url(../images/footer-top.png) no-repeat center top;
            background-size: 101% auto;
        }
        #bottom-widgets:after {
            position: absolute;
            bottom: -1px;
            left: 0px;
            width: 100%;
            height: 35px;
            content: '';
            display: block;
            z-index: 10;
            background: url(../images/footer-bottom.png) no-repeat center bottom;
            background-size: 101% auto;
        }*/
        #bottom-widgets section {
            display: block;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }
        #bottom-widgets section.widget-signup {  }
        #bottom-widgets section.widget-vouchers,
        #bottom-widgets section.widget-tickets {
            width: 50%;
            position: absolute;
            right: 50%;
            top: 0px;
            height: 100%;
        }
        #bottom-widgets section .widget-back-image {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
        #bottom-widgets section.widget-vouchers {
            overflow: hidden;
        }
            #bottom-widgets section.widget-vouchers .widget-back-image {
                background: url(../images/widget-vouchers-back.jpg) no-repeat center bottom;
                background-size: cover;
                transition: .3s ease-in-out;
            }
            #bottom-widgets section.widget-vouchers:hover .widget-back-image {
                transform: scale(1.2);
            }
        #bottom-widgets section.widget-tickets {
            right: 0px;
            overflow: hidden;
            background: #000;
        }
            #bottom-widgets section.widget-tickets .widget-back-image {
                background: url(../images/widget-tickets-back.jpg) no-repeat left bottom;
                background-size: cover;
                opacity: 0.7;
                transition: .3s ease-in-out;
            }
            #bottom-widgets section.widget-tickets:hover .widget-back-image {
                transform: scale(1.2);
            }
        #bottom-widgets section.widget-signup {
            background: var(--primary);
            text-align: left;
            position: relative;
            padding: 74px 130px 80px 130px;
        }
        /*#bottom-widgets section.widget-signup:before {
            position: absolute;
            top: 30px;
            right: 44px;
            width: 80px;
            display: block;
            content: '';
            height: 80px;
            background: url(../images/newsletter-conker-1.png) no-repeat top right;
        }
        #bottom-widgets section.widget-signup:after {
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 90px;
            height: 128px;
            display: block;
            content: '';
            background: url(../images/newsletter-conker-2.png) no-repeat bottom left;
        }*/
        #bottom-widgets section.widget-signup:before {
            background: url(../images/newsletter-clouds-left.svg) no-repeat left 17px;
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            z-index: 0;
            content: '';
            display: block;
        }
        #bottom-widgets section.widget-signup:after {
            background: url(../images/newsletter-clouds-right.svg) no-repeat right top;
            position: absolute;
            right: 13px;
            top: 78px;
            width: 100%;
            height: 100%;
            z-index: 0;
            content: '';
            display: block;
        }
            #bottom-widgets section.widget-signup h5 {
                font-size: 48px;
                line-height: 51px;
                letter-spacing: 0px;
                color: var(--white);
                text-transform: none;
                position: relative;
                z-index: 30;
                text-align: center;
                font-weight: 600;
                margin: 0 0 15px 0;
            }
            #bottom-widgets section.widget-signup p {
                font-size: 18px;
                color: var(--white);
                line-height: 26px;
                text-align: center;
                position: relative;
                font-weight: 300;
                z-index: 30;
                margin: 0 0 33px 0;
            }
            #bottom-widgets section.widget-signup form {
                position: relative;
                margin: 0 32px;
                z-index: 30;
            }
                #bottom-widgets section.widget-signup form input[type="email"] {
                    width: 100%;
                    border-radius: 4px;
                    -moz-border-radius: 4px;
                    -webkit-border-radius: 4px;
                    box-shadow: 0 10px 24px 0 rgba(29,42,68,0.08);
                    background: var(--white);
                    color: #333;
                    font-size: 18px;
                    line-height: 28px;
                    border: none;
                    padding: 15px 160px 18px 25px;
                    height: 61px;
                }
                #bottom-widgets section.widget-signup form .button {
                    position: absolute;
                    top: 4px;
                    right: 4px;
                    width: 135px;
                    padding-left: 20px;
                    text-align: left;
                    padding-right: 0px;
                    height: 53px;
                    background-repeat: no-repeat;
                    background-image: url(../images/signup-newsletter-icon.svg);
                    background-position: 94px center;
                }
        #bottom-widgets section .inner {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
        }
            #bottom-widgets section .inner h5 {
                font-size: 48px;
                line-height: 51px;
                color: var(--white);
                font-family:"stratos";
                margin: 0 0 55px 0;
                font-weight: 600;
                /*text-shadow: 0 2px 4px rgba(0,0,0,0.85);*/
            }
            /* #bottom-widgets section.widget-blog .button {
                padding-left: 55px;
                padding-right: 20px;
                background-color: #226cb7;
                border-color: rgba(0,0,0,0.7);
                text-transform: none;
            }
            #bottom-widgets section.widget-blog .button:hover { background: #1c5a98; }
                #bottom-widgets section.widget-blog .button:before {
                    position: absolute;
                    width: 11px;
                    height: 20px;
                    background: url(../images/button-facebook-icon.png) no-repeat left top;
                    top: 14px;
                    left: 22px;
                    display: block;
                    content: '';
                } */
            #bottom-widgets section.widget-tickets .button {
                padding-left: 28px;
                padding-right: 38px;
                overflow: visible;
            }
            #bottom-widgets section.widget-tickets .button:hover { background: var(--primary); }
                #bottom-widgets section.widget-tickets .button .icon {
                    position: absolute;
                    width: 46px;
                    height: 36px;
                    background: url(../images/bottom-widgets-tickets-icon.svg) no-repeat left top;
                    top: 6px;
                    right: -15px;
                    display: block;
                    content: '';
                }


    /* Site Footer */

    #site-footer {
        background: url(../images/footer-image.svg) no-repeat right bottom #FFDD00;
        padding: 64px 0 34px 0;
        overflow: hidden;
        position: relative;
    }
        /*.visit-england-logo {
            position: absolute;
            top: -20px;
            right: 0px;
        }
        #site-footer:after {
            position: absolute;
            bottom: 0px;
            right: 0px;
            width: 308px;
            height: 179px;
            background: url(../images/footer-horses.png) no-repeat right bottom;
            content: '';
            display: block;
        }*/
        #site-footer .container {
            position: relative;
            z-index: 1;
            /*width: 1310px;*/
            margin: 0 64px;
        }
        #site-footer .footer-widgets {
            padding: 0px;
            position: relative;
            width: 780px;
        }
            #site-footer .footer-widgets aside {
                float: left;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                padding: 0 50px 0 0;
            }
                #site-footer .footer-widgets aside h5 {
                    font-size: 18px;
                    line-height: 28px;
                    font-family:"stratos";
                    font-weight: 600;
                    color: var(--black);
                    margin: 0 0 11px 0;
                }
                #site-footer .footer-widgets aside p {
                    font-size: 16px;
                    line-height: 28px;
                    /*padding: 0 32px 0 0;*/
                    color: var(--black);
                }
                #site-footer .footer-widgets aside p a {
                    text-decoration: underline;
                    color: var(--black);
                }
                #site-footer .footer-widgets aside.widget-follow a {
                    display: block;
                    float: left;
                    margin: 0 23px 0 0;
                    vertical-align: top;
                    color: var(--black);
                }
                #site-footer .footer-widgets aside.widget-awards img,
                .TA_certificateOfExcellence {
                    margin: 0 30px 0 0;
                    display: block;
                    float: left;
                }
            #site-footer .footer-widgets aside.widget-address {
                width: 41%;
            }
            #site-footer .footer-widgets aside.widget-phone {
                width: 40%;
            }
            #site-footer .footer-widgets aside.widget-follow {
                width: 19%;
                padding: 0px;
            }
            /*#site-footer .footer-widgets aside.widget-awards {
                width: 35%;
            }*/
        #site-footer .footer-copyright {
            padding: 80px 0 0 0;
        }
            #site-footer .footer-copyright p {
                font-size: 12px;
                line-height: 22px;
                color: var(--black);
            }
                #site-footer .footer-copyright p a {
                    color: var(--black);
                    margin: 0 26px 0 0;
                    text-decoration: underline;
                }
                #site-footer .footer-copyright p a:hover {
                    text-decoration: none;
                }
            #site-footer .footer-copyright .above-copyright-text {
                margin: 0 0 15px 0;
            }
                #site-footer .footer-copyright .above-copyright-text p {
                    font-size: 12px;
                    line-height: 22px;
                    margin: 0px;
                }


    @media all and (max-width: 1400px) and (min-width: 0px) {
        #site-footer {
            background-size: auto 200px;
        }
        #site-footer .container {
            margin: 0 40px;
            width: auto;
        }
        #site-footer .footer-copyright {
            padding-right: 320px;
        }
        #site-footer .footer-widgets {
            width: auto;
        }
    }

    @media all and (max-width: 1150px) and (min-width: 0px) {
        #site-footer .copyright-text { display: block; }
    }

    /*#site-footer {
        background: #156e4a;
    }
        .site-footer-top {
            height: 140px;
            background: url(../images/site-footer-top.png) no-repeat center bottom #f6f6f1;
        }
        #site-footer section {
            padding: 21px 0 60px 0;
            float: left;
        }
        #site-footer .widget-contact {
            width: 534px;
        }
        #site-footer .widget-social {

        }
        #site-footer .widget-safely-interact {
            float: right;
            padding: 34px 31px 0 0;
        }
            #site-footer section h5 {
                font-size: 18px;
                text-transform: uppercase;
                color: var(--white);
                padding: 16px 0 17px 0;
                line-height: 18px;
                position: relative;
                display: inline-block;
                font-family:"stratos";
                margin: 0 0 22px 0;
            }
                #site-footer section h5:before {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    background: url(../images/footer-widget-dotted-lines.png) repeat-x left top;
                    height: 2px;
                    content: '';
                    width: 100%;
                }
                #site-footer section h5:after {
                    position: absolute;
                    bottom: 0px;
                    left: 0px;
                    background: url(../images/footer-widget-dotted-lines.png) repeat-x left top;
                    height: 2px;
                    content: '';
                    width: 100%;
                }
            #site-footer .widget-contact .contact-col {
                float: left;
                width: 145px;
            }
                #site-footer .widget-contact .contact-col h6 {
                    font-size: 18px;
                    font-weight: 600;
                    margin: 0 0 10px 0;
                    text-transform: uppercase;
                    color: var(--white);
                }
                #site-footer .widget-contact .contact-col p {
                    font-size: 14px;
                    line-height: 18px;
                    color: var(--white);
                    margin: 0 0 42px 0;
                }
                #site-footer .widget-contact .contact-col p.email-p { margin-bottom: 0px; }
                    #site-footer .widget-contact .contact-col p a {
                        color: #B91E2B;
                    }
                    #site-footer .widget-contact .contact-col p a:hover {
                        color: var(--white);
                    }
            #site-footer .widget-social .social-links {

            }
                #site-footer .widget-social .social-links a {
                    display: inline-block;
                    margin: 0 35px 0 0;
                    height: 44px;
                    text-indent: -9999px;
                    background: none no-repeat left top;
                    position: relative;
                }
                #site-footer .widget-social .social-links a:before {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                    content: '';
                    display: block;
                    opacity: 0;
                    transition: opacity .25s ease-in-out;
                    -moz-transition: opacity .25s ease-in-out;
                    -webkit-transition: opacity .25s ease-in-out;
                    background: none no-repeat left -70px;
                }
                #site-footer .widget-social .social-links a:hover:before {
                    opacity: 1;
                }
                #site-footer .widget-social .social-links a.social-facebook,
                #site-footer .widget-social .social-links a.social-facebook:before {
                    background-image: url(../images/social-facebook.png);
                    width: 23px;
                }
                #site-footer .widget-social .social-links a.social-twitter,
                #site-footer .widget-social .social-links a.social-twitter:before {
                    background-image: url(../images/social-twitter.png);
                    width: 42px;
                }
                #site-footer .widget-social .social-links a.social-instagram,
                #site-footer .widget-social .social-links a.social-instagram:before {
                    background-image: url(../images/social-instagram.png);
                    width: 42px;
                }*/


@media all and (max-width: 1660px) and (min-width: 0px) {

    .container { width: 1300px; }
    .container { width: 1182px; }

    /*.call-to-actions section a { height: 280px; }*/

    .main-content ul.gallery-thumbs li { width: 20%; }

    /*.main-content .events-holder .event-item header { padding: 60px 0 0 0; margin: 0 0 20px 0; }*/

}

@media all and (max-width: 1550px) and (min-width: 0px) {

    #page-banner .slide .container { width: 1182px; }

}

@media all and (max-width: 1450px) and (min-width: 0px) {

    #page-banner .page-title h1,
    .banner-content h1,
    body.single-event #page-banner.page-banner-small .page-title h1 { font-size: 72px; line-height: 70px; }

}

@media all and (max-width: 1023px) and (min-width: 0px) {

    .container,
    #bottom-widgets section.widget-signup .signup-inner { width: 1200px; margin: 0 auto; }

    .call-to-actions section.call-to-action-quarter,
    .call-to-actions section.call-to-action-half,
    .call-to-actions section.call-to-action-third,
    .call-to-actions section { width: 50%; }
    .call-to-actions section .border-left { margin-left: -2px; }
    .call-to-actions section .border-top { background-image: url(../images/cta-border-top-large.png); margin-top: -7px; }
    .call-to-actions section a:hover .border-top { background-image: url(../images/cta-border-top-large-orange.png); }
    .call-to-actions section .border-bottom { background-image: url(../images/cta-border-bottom-large.png); margin-bottom: -7px; }
    .call-to-actions section a:hover .border-bottom { background-image: url(../images/cta-border-bottom-large-orange.png); }

    #bottom-widgets { padding: 0px; }
    #bottom-widgets section.widget-vouchers,
    #bottom-widgets section.widget-tickets {
        position: relative;
        right: auto;
        top: auto;
        width: auto;
        float:  none;
        height: 400px;
    }
    #bottom-widgets section.widget-signup { padding: 0px; }
    #bottom-widgets section.widget-signup .signup-inner {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position: relative;
    }
        /*#bottom-widgets section.widget-signup p { margin-bottom: 0px; }*/
        #bottom-widgets section.widget-signup form {
            
            /*padding: 0 120px 0 40px;*/
        }
        /*#bottom-widgets section.widget-signup form .button {
            right: 0px;
        }*/

    /*#site-footer .widget-contact { width: 33.3%; }*/

}

@media all and (min-width: 1400px) {
        /*  .content-left .call-to-actions section a {
                height: 150px;
            }
                .content-left .call-to-actions section a .border-top { top: -25px; }
                .content-left .call-to-actions section a .border-bottom { bottom: -25px; }*/

    .content-left .call-to-actions section.call-to-action-quarter,
    .content-left .call-to-actions section.call-to-action-half,
    .content-left .call-to-actions section.call-to-action-third,
    .content-left .call-to-actions section { width: 50%; }
    .content-left .call-to-actions section .border-left { margin-left: -2px; }
    .content-left .call-to-actions section .border-top { background-image: url(../images/cta-border-top-large.png); margin-top: -7px; }
    .content-left .call-to-actions section a:hover .border-top { background-image: url(../images/cta-border-top-large-orange.png); }
    .content-left .call-to-actions section .border-bottom { background-image: url(../images/cta-border-bottom-large.png); margin-bottom: -7px; }
    .content-left .call-to-actions section a:hover .border-bottom { background-image: url(../images/cta-border-bottom-large-orange.png); }

}

@media all and (max-width: 1350px) and (min-width: 0px) {

    #site-header .header-right .button-park-map { display: none; margin-bottom: 20px; margin-top: 26px; }
    #site-header .header-right .button-buy-tickets {
        /*width: 140px;*/
        margin-right: 0px!important;
    }
    /*#site-header .header-right .button-buy-tickets {
        padding: 12px 40px 8px 40px;
        padding-left: 19px;
        padding-right: 65px;
        background-color: #B91E2B;
        border-color: rgba(0,0,0,0.7);
        height: 50px;
        width: auto;
        text-transform: none;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-bottom: 2px solid rgba(0,0,0,0.3);
        margin: 26px 30px 20px 0;
    }
    #site-header .header-right .button-buy-tickets:hover { background: #A11414; }
        #site-header .header-right .button-buy-tickets:before {
            position: absolute;
            width: 63px;
            height: 43px;
            background: url(../images/button-ticket-icon.png) no-repeat left top;
            top: -4px;
            right: -5px;
            left: auto;
            display: block;
            content: '';
        }
*/
}

@media all and (max-width: 1250px) and (min-width: 0px) {

    #site-header .container { padding: 0 225px 0 150px; }
    #site-header .logo { margin: 0px; }
    /*#site-header .header-right .button-buy-tickets { margin-right: 16px; }*/
    #site-header nav li {
        margin: 0 8px;
    }
        #site-header nav li a { font-size: 15px; }

    .container,
    #page-banner .slide .container { width: 960px; margin: 0 auto; }
    #page-banner .slide .container {
        padding-left: 50px;
        padding-right: 50px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .main-content .content-left,
    .main-content .content-right {
        padding: 0px;
        width: auto;
        float: none;
    }
    .main-content .content-left { padding: 0 0 60px 0; }

    .main-content ul.gallery-thumbs li { width: 16.666%; }

    #checkout .form-row-postcode { padding-right: 0px; }
    #checkout .form-row-postcode a { position: static; margin: 10px 0 12px 0; float: right; }

    .call-to-actions section { width: 50%!important; }
    .call-to-actions section a {  }

    .notice {
        padding: 0 0 48px 0;
    }
    .notice .notice-content {
        padding: 32px;
        text-align: left;
    }
    .notice .notice-content article {
        padding: 0 0 24px 0;
        max-width: none;
    }
    .notice .notice-content article h1,
    .notice .notice-content article h2,
    .notice .notice-content article h3 {
        line-height: 40px;
    }
    .notice .notice-content .button {
        position: relative;
        bottom: auto;
        right: auto;
        margin: 0px;
        top: auto;
    }

    #bottom-widgets section.widget-signup {
        padding: 64px;
    }
    #bottom-widgets section.widget-signup .signup-inner {
        /*padding: 80px 0 50px 0;*/
    }
        #bottom-widgets section.widget-signup form {
            position: relative;
            bottom: auto;
            right: auto;
            margin: 0px;
            /*padding: 40px 120px 0 0;*/
        }
            /*#bottom-widgets section.widget-signup form .button { top: 40px; }*/

    /*#site-footer .widget-contact,
    #site-footer .widget-social,
    #site-footer .widget-safely-interact {
        width: 33.3%;
        float: left;
        padding-right: 0px;
    }
        #site-footer .widget-safely-interact img { max-width: 100%; }
    #site-footer .widget-contact .contact-col { float: none; clear: both; width: auto; }
        #site-footer .widget-contact .contact-col p { margin-bottom: 22px; }*/


    #site-footer .footer-widgets aside { width: 40%!important; }
    #site-footer .footer-widgets aside.widget-follow { width: 20%!important; }

    #site-footer .footer-widgets aside.widget-awards {
        float: none;
        margin: 0 0 0 -10px;
        clear: both;
        width: 100%!important;
        overflow: hidden;
        padding: 40px 0 40px 0;
    }

    #site-footer:after {
        width: 150px;
        height: 100px;
        background-size: 150px auto;
    }

}


@media all and (max-width: 1023px) and (min-width: 0px) {

    body { padding: 0px; }
    #site-header {
    }
    #site-header .logo { left: auto; }

    .container,
    #bottom-widgets section.widget-signup .signup-inner,
    #page-banner .slide .container { width: auto; margin: 0 30px; }

    #site-header .logo { margin-left: 0px; }
    #site-header .container { padding: 0px; }

    #site-header nav { display: none; }
    #site-header .header-right { padding: 20px 0 30px 0; right: 0px; }
        #site-header .header-right .button-park-map,
        #site-header .header-right .button-buy-tickets { margin-top: 0px; display: none; }
    #site-header .header-right .button-toggle-mobile-nav {
        margin: 0px;
        display: inline-block;
        width: 50px;
        position: relative;
        border-radius: 100%;
        height: 50px;
        padding: 0px;
        background: url(../images/burger.svg) no-repeat center center var(--primary);
        box-shadow: none!important;
    }
    body.mobile-nav-active #site-header .header-right .button-toggle-mobile-nav {
        background-image: none;
    }
        #site-header .header-right .button-toggle-mobile-nav span {
            display: none;
            width: 18px;
            left: 16px;
            top: 20px;
            height: 2.5px;
            background: var(--white);
            position: absolute;
            -webkit-transition: all ease 0.4s;
            -moz-transition: all ease 0.4s;
            transition: all ease 0.4s;
            border-radius: 2px;
        }
        #site-header .header-right .button-toggle-mobile-nav span.b { top: 23px; }
        #site-header .header-right .button-toggle-mobile-nav span.c { top: 32px; }
        body.mobile-nav-active #site-header .header-right .button-toggle-mobile-nav span.a {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 24px;
            display: block;
        }
        body.mobile-nav-active #site-header .header-right .button-toggle-mobile-nav span.b { opacity: 0; }
        body.mobile-nav-active #site-header .header-right .button-toggle-mobile-nav span.c {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 24px;
            display: block;
        }

    #mobile-nav {
        opacity: 0;
        position: fixed;
        top: 0px;
        right: 0px;
        width: 240px;
        background: var(--primary);
        height: 100%;
        z-index: 0;
        overflow: auto;
        display: block;
        text-align: left;
        padding: 0 0 120px 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        -webkit-transition: all ease 1s;
        -moz-transition: all ease 1s;
        transition: all ease 1s;
    }
    body.mobile-nav-active #mobile-nav { opacity: 1; }
    #mobile-nav:before {
        position: absolute;
        left: 0px;
        width: 10px;
        height: 100%;
        top: 0px;
        left: -10px;
        content: '';
        display: block;
        z-index: 201;
        box-shadow: 0 0 20px rgba(0,0,0,0.3);
    }
        #mobile-nav .menu ul {

        }
            #mobile-nav .menu ul li {
                position: relative;
            }
                #mobile-nav .menu ul li.menu-item-has-children > a:before {
                    position: absolute;
                    top: 0px;
                    right: 0px;
                    width: 52px;
                    height: 52px;
                    background: url(../images/mobile-nav-arrow-down.png) no-repeat center center;
                    background-size: 16px auto;
                    content: '';
                    display: block;
                }
                #mobile-nav .menu ul li.menu-item-has-children.active > a:after {
                    background-image: url(../images/mobile-nav-arrow-up.png);
                }
                #mobile-nav .menu ul li a {
                    /*background: url(../images/footer-widget-dotted-lines.png) repeat-x bottom left;*/
                    display: block;
                    padding: 18px 20px 18px 20px;
                    font-size: 18px;
                    color: var(--white);
                    font-family:"stratos";
                }
                #mobile-nav .menu ul li a:hover { background-color: rgba(0,0,0,0.1); }
            #mobile-nav .menu ul li ul {
                display: none;
                background: rgba(0,0,0,0.1);
            }
            #mobile-nav .menu ul li.active ul { display: block; }
            #mobile-nav .menu ul li ul li a {
                font-size: 14px;
                padding: 12px 20px;
            }
        #mobile-nav .bottom-links {
            position: fixed;
            bottom: 0px;
            right: 0px;
            width: 240px;
        }
            #mobile-nav .bottom-links a {
                padding: 80px 0 0 0;
                height: 120px;
                /*width: 50%;*/
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                position: relative;
                background: #A11414;
                font-size: 14px;
                font-family:"stratos";
                color: var(--white);
                display: block;
                /*float: left;*/
                border: none;
                border-radius: 0px;
                -moz-border-radius: 0px;
                -webkit-border-radius: 0px;
                text-align: center;
            }
            #mobile-nav .bottom-links a.button-buy-tickets { background: var(--primary); }
                /*#mobile-nav .bottom-links a.button-park-map:before {
                    background: url(../images/button-map-icon.png) no-repeat center top;
                    background-size: auto 40px;
                    content: '';
                    display: block;
                }*/
                #mobile-nav .bottom-links a.button-park-map svg {
                    position: absolute;
                    top: 36px;
                    left: 50%;
                    width: 33px;
                    margin: 0 0 0 -16px;
                }
                #mobile-nav .bottom-links a.button-buy-tickets:before {
                    position: absolute;
                    top: 30px;
                    left: 50%;
                    width: 46px;
                    height: 38px;
                    background: url(../images/bottom-widgets-tickets-icon.svg) no-repeat;
                    content: '';
                    display: block;
                    margin: 0 0 0 -23px;
                }

    #page-banner .slick-prev { left: 30px; }
    #page-banner .slick-next { right: 30px; }
    #page-banner,
    #page-banner .page-title .container,
    #page-banner .slide .container { height: 600px; }
    #page-banner .page-banner-flags { height: 60px; background-size: auto 60px; }

    #page-banner .banner-hops-a {
        width: 150px;
        height: 100px;
        background-size: 100% auto;
        margin-left: -75px;
    }
    #page-banner .banner-hops-b {
        width: 174px;
        height: 75px;
        background-size: 100% auto;
    }
    #page-banner .banner-hops-c {
        width: 157px;
        height: 81px;
        background-size: 100% auto;
    }
    #page-banner .page-banner-bottom {
        /*background-image: url(../images/page-banner-bottom-mobile.png);
        background-position: left top;
        background-size: auto 58px;*/
    }
    

    .banner-content p { font-size: 17px; line-height: 23px; margin-bottom: 40px; padding: 0 40px; }
    .banner-content p img { margin-bottom: 0px; zoom: 0.5; }

    .main-content table th, .main-content table td { font-size: 15px; line-height: 20px; }

    .main-content .alignleft,
    .main-content .alignright { float: none; margin: 0 0 50px 0; }

    .columns .half-column { float: none; width: auto; }

    .main-content h3 { font-size: 24px; line-height: 32px; }
    /*.main-content .teacher-comments blockquote,
    .main-content .number-lines .number-line { padding: 30px 30px 30px 60px; }
    .main-content .teacher-comments blockquote:before,
    .main-content .number-lines .number-line .number { top: 20px; width: 40px; height: 40px; line-height: 40px; }*/

    .main-content table td small { display: block; padding: 0px; }

    .select-ticket-totals { padding-left: 0px; font-size: 18px; }
    .select-ticket-totals .basket-total-price { text-align: right; padding: 0 20px 0 0; }
    #select-tickets .filter-tickets { margin: 0px; }
    #select-tickets .filter-tickets .form-row { float: none; width: auto; padding-bottom: 20px; }
    #select-tickets .filter-tickets h2 { font-size: 16px; line-height: 20px; }

    .list-links li { padding-bottom: 10px; }

}


@media all and (max-width: 767px) and (min-width: 0px) {

    #site-header .logo { margin: 0; }
    #site-header .header-right { padding: 22px 0; }
    #site-header .header-right .button-park-map,
    #site-header .header-right .button-buy-tickets { display: none; }

    #page-banner .slide .container { padding: 0px; }
    #page-banner .slick-arrow { display: none!important; }
    .banner-content p { padding: 0; font-size: 14px; line-height: 20px; }
    .banner-content { bottom: 20px; }
    #page-banner .page-title h1,
    .banner-content h1,
    body.single-event #page-banner.page-banner-small .page-title h1 { font-size: 35px; line-height: 35px;  }

    body.home #page-banner,
    body.home #page-banner .page-title .container,
    body.home #page-banner .slide .container { height: 600px; }
    .banner-content .banner-content-content {
        padding: 12px 24px 8px 16px;
    }
    .banner-content:after {
        left: 8px;
        bottom: -8px;
    }

    #page-banner,
    #page-banner .page-title .container,
    #page-banner .slide .container { height: 400px; }

    #basket h2 { margin-bottom: 20px; }
    #basket .button-checkout,
    #select-tickets .button-add-to-basket { padding: 10px 30px; width: 100%; font-size: 18px; height: 55px; }
    .main-content table th, .main-content table td { padding: 5px 0; }
    #basket table.basket-table input[type="number"] { width: 60px; padding: 10px; }
    #basket .basket-totals .basket-total span { padding-left: 0px; }

    .buy-tickets .ticket { float: none; width: auto; }
    .buy-tickets .ticket .ticket-content { padding: 20px; }

    .call-to-actions section { width: auto!important; float: none; margin-bottom: 0px; }
    .call-to-actions section .border-top { height: 40px; top: -20px; }
    .call-to-actions section .border-bottom { height: 40px; bottom: -20px; }

    .main-content ul.gallery-thumbs li { width: 25%; }

    .park-map .border-top { background-image: url(../images/cta-border-top.png);  height: 50px; margin-top: -20px; }
    .park-map .border-bottom { background-image: url(../images/cta-border-bottom.png); height: 50px; margin-bottom: -20px; }
    .park-map .border-left { background-image: url(../images/cta-border-left.png); }
    .park-map .border-right { background-image: url(../images/cta-border-right.png); }

    .page-anchors .button { padding: 10px 15px; display: block; text-align: center; font-size: 15px; }
    /*.accordion-panel header { font-size: 18px; }*/
    .workshop-panel-content-has-thumbnail,
    .accordion-panel-content { padding: 30px; }
    .workshop-panel-content-has-thumbnail .workshop-image { margin: 0 0 20px 0; float: none; }
    .workshop-prices .workshop-price-row { padding-left: 0px; padding-right: 0px; font-size: 16px; }
    .workshop-prices .workshop-price-row .workshop-price-label { line-height: 20px; }
    .workshop-prices .workshop-price-row .workshop-price-price { line-height: 20px; }

    .events-holder .event-item { position: relative; } 
    .events-holder .event-item.has-event-image {
        padding: 0px;
    }
    .events-holder .event-item.has-event-image .event-image-holder {
        height: 241px;
        position: relative;
        width: auto;
    }
    .events-holder .event-item.has-event-image header {
        padding: 32px;
    }

    /*.events-holder .event-item { position: relative; }
    .events-holder .event-item.has-event-image,
    .events-holder .event-item {
        padding: 35px 35px 35px 35px;
        min-height: 0px;
    }
        .events-holder .event-item.has-event-image .event-image {
            display: block;
            width: auto;
            height: 344px;
            float: none;
            margin: -27px -27px 27px -27px;
        }
        .main-content .events-holder .event-item header .event-date { top: 25px; right: 0px; }
        .main-content .events-holder .event-item.has-event-image header .event-date { top: 20px; right: 8px; }
        .main-content .events-holder .event-item header { position: static; padding-top: 0px; padding-right: 200px; }
        .main-content .events-holder .event-item.has-event-image header { padding-right: 0px; }*/


    #bottom-widgets section.widget-vouchers,
    #bottom-widgets section.widget-tickets {
        float: none;
        width: auto;
    }
    #bottom-widgets section.widget-signup {
        padding: 30px 10px;
    }
    #bottom-widgets section.widget-signup form { width: auto; }
    #bottom-widgets section .inner h5 { margin: 0 20px 55px 20px; }
    #bottom-widgets section.widget-signup form input[type="email"] {
        font-size: 16px;
        padding: 15px 120px 18px 16px;
    }
    #bottom-widgets section.widget-signup form .button {
        width: 100px;
        font-size: 16px;
        background-image: none;
        padding: 13px 20px 13px 20px;
    }
    /*#site-footer .widget-contact,
    #site-footer .widget-social,
    #site-footer .widget-safely-interact {
        float: none;
        width: auto;
        text-align: center;
    }
    #site-footer .widget-safely-interact { padding-bottom: 60px; }*/

        #site-footer .container { margin: 0 20px; }
        #site-footer .footer-widgets aside,
        #site-footer .footer-widgets aside.widget-follow {
            float: none;
            width: auto!important;
            padding: 0 0 30px 0;
        }

        #site-footer .footer-copyright {
            padding: 60px 0 200px 0!important;
        }

    .call-to-actions section a h3 { font-size: 30px; line-height: 35px; }
    .call-to-actions section a .cta-content {
        padding: 0 20px 20px 20px;
    }



}


@media all and (max-width: 1023px) and (min-width: 0px) {
    #breadcrumb { padding-bottom: 30px; }
}


@media all and (max-width: 640px) and (min-width: 0px) {

    .container,
    #bottom-widgets section.widget-signup .signup-inner,
    #page-banner .slide .container { width: auto; margin: 0 15px; }
/*
    #breadcrumb p { display: none; }
    .main-content { padding-top: 30px; }*/

    #basket .content-left { padding-bottom: 32px; }
    #basket .basket-table tr .basket-item { padding-left: 10px; }
    #basket .basket-table tr .basket-date { display: none; }
    #basket .basket-totals { padding: 30px 0 100px 0; margin-bottom: 30px; }
    #basket .basket-totals .button-update {
        text-align: center;
        width: 100%;
        position: absolute;
        bottom: 30px;
        left: 0px;
    }
    #basket .basket-totals .basket-total { padding-top: 0px; float: none; padding: 0px; }

    .list-links li a { padding: 0 20px 20px 0; background: none!important; }
    .list-links li a span.link-count { top: 20px; right: 0; }

    .form-box { padding: 20px; }

    .call-to-actions section .border-top { top: -25px; }
    .call-to-actions section .border-bottom { bottom: -25px; }

    .side-buttons a,
    .main-content .content-left .button-tickets { font-size: 18px;  }
    /*.side-buttons .button-map:before { left: 20px; }
    .side-buttons .button-tickets:before,
    .main-content .content-left .button-tickets:before { left: 15px; background-size: 60px auto; background-position: left center; }
*/
    /*.events-holder .event-item.has-event-image .event-image { height: 300px; }*/

    #bottom-widgets section.widget-signup h5 { font-size: 36px; text-align: left; }
    #bottom-widgets section.widget-signup h5 span { font-size: 26px; line-height: 30px; }
    #bottom-widgets section.widget-signup p { text-align: left; }
    /*#bottom-widgets section.widget-signup form { padding-right: 0px; }*/
        /*#bottom-widgets section.widget-signup form .button  { position: relative; right: auto; top: auto; margin-top: 10px; width: 100%; }*/
    #bottom-widgets section.widget-vouchers, #bottom-widgets section.widget-tickets { height: 340px; }
        #bottom-widgets section h5 { font-size: 36px; margin-bottom: 20px; }

}


@media all and (max-width: 480px) and (min-width: 0px) {

    /*.events-holder .event-item.has-event-image .event-image { height: 240px; }
    .main-content .events-holder .event-item header { padding-top: 60px; padding-right: 0px; }
    .main-content .events-holder .event-item.has-event-image header { padding-top: 0px; }*/

}


@media all and (max-width: 400px) and (min-width: 0px) {

    .call-to-actions section a { height: 230px; }
    .call-to-actions section .border-top,
    .call-to-actions section.call-to-action-half .border-top { background-image: url(../images/cta-border-top.png); }
    .call-to-actions section a:hover .border-top,
    .call-to-actions section.call-to-action-half a:hover .border-top { background-image: url(../images/cta-border-top-orange.png); }
    .call-to-actions section .border-bottom,
    .call-to-actions section.call-to-action-half .border-bottom { background-image: url(../images/cta-border-bottom.png); }
    .call-to-actions section a:hover .border-bottom,
    .call-to-actions section.call-to-action-half a:hover .border-bottom { background-image: url(../images/cta-border-bottom-orange.png); }

    .main-content ul.gallery-thumbs li { width: 50%; }

}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { line-height: 28px!important; min-height: 0px!important; }


.page-id-1673 #main article { padding: 48px 0 0 0; }    
@media all and (min-width: 1024px) {
.page-id-1673 #breadcrumb { display: none; }
.page-id-1673 #main article {
    padding: 87px 202px 0 202px;
}   
}

body.logged-in #site-header { top: 32px; }

.cask-marque-image {
    background: var(--white);
    height: 70px;
    padding: 14px;
    margin: 0 0 0 -20px!important;
    border-radius: 3px;
}

body {
    padding: 0;
    margin: 0;
    letter-spacing: normal;
    font-weight: normal;
    font-style: normal;
    font-family: "stratos",sans-serif;
    color: var(--body);
    font-size: 16px;
    line-height: 28px;
}

h1,h2,h3,h4,h5,h6,.font-40,div.maxtitle-1,p.maxtitle-1,div.maxtitle-2,p.maxtitle-2,div.maxtitle-3,p.maxtitle-3,div.maxtitle-4,p.maxtitle-4,div.maxtitle-5,p.maxtitle-5,div.maxtitle-6,p.maxtitle-6 {
    margin: 0 0 0px 0;
    line-height: 1.2;
    letter-spacing: 0;
    color: var(--black);
    font-weight: bold;
    font-family: "stratos",sans-serif;
}

h1,
h1.maxtitle-1,
h2.maxtitle-1,
h3.maxtitle-1,
h4.maxtitle-1,
h5.maxtitle-1,
h6.maxtitle-1,
div.maxtitle-1,
p.maxtitle-1 {
    font-size: 56px;
    line-height: 62px;
}

h2,
h1.maxtitle-2,
h2.maxtitle-2,
h3.maxtitle-2,
h4.maxtitle-2,
h5.maxtitle-2,
h6.maxtitle-2,
div.maxtitle-2,
p.maxtitle-2  {
    font-size: 48px;
    line-height: 56px;
}
.font-40,
h1.font-40,
h2.font-40,
h3.font-40,
h4.font-40,
h5.font-40,
h6.font-40 {
    font-size: 40px;
    line-height: 51px;
}
h3,
h1.maxtitle-3,
h2.maxtitle-3,
h3.maxtitle-3,
h4.maxtitle-3,
h5.maxtitle-3,
h6.maxtitle-3,
div.maxtitle-3,
p.maxtitle-3 {
    font-size: 32px;
    line-height: 42px;
}
h4,
h1.maxtitle-4,
h2.maxtitle-4,
h3.maxtitle-4,
h4.maxtitle-4,
h5.maxtitle-4,
h6.maxtitle-4,
div.maxtitle-4,
p.maxtitle-4 {
    font-size: 26px;
    line-height: 36px;
}
h5,
h1.maxtitle-5,
h2.maxtitle-5,
h3.maxtitle-5,
h4.maxtitle-5,
h5.maxtitle-5,
h6.maxtitle-5,
div.maxtitle-5,
p.maxtitle-5 {
    font-size: 20px;
    line-height: 32px;
}
h6,
h1.maxtitle-6,
h2.maxtitle-6,
h3.maxtitle-6,
h4.maxtitle-6,
h5.maxtitle-6,
h6.maxtitle-6,
div.maxtitle-6,
p.maxtitle-6 {
    font-size: 16px;
    line-height: 32px;
}
p {
    margin:0 0 25px;
}
strong {
    font-weight: bold;
}
a {
    color: var(--primary);
    text-decoration: underline;
    transition: all 0.3s ease-out;
}
img {
    max-width: 100%;
    height: auto;
}
.bg-tertiary {
    background-color: var(--tertiary);
}
.bg-primary {
    background-color: var(--primary) !important;
}
.bg-secondary {
    background-color: var(--secondary)!important;
}
.white-color h1,
.white-color h2,
.white-color h3,
.white-color h4,
.white-color h5,
.white-color h6,
.white-color span,
.white-color {
    color: var(--white);
}

.btn-outer {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.btn-outer.right-align {
    justify-content: flex-end;
}
.btn-outer.center-align {
    justify-content: center;
}
.main-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 10px 20px 10px;
    background-color: var(--primary);
    box-shadow: none;
    border-radius: 4px;
    border: 2px solid var(--primary);
    color: var(--white);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor: pointer;
    font-size: 16px;
    line-height: 28px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: normal;
}
.main-btn.white-btn {
    background-color: var(--white);
    color: var(--primary);
    border-color: var(--white);
}
.main-btn.light-btn {
    background-color: var(--white);
    color: var(--primary);
    border-color: var(--primary);
}
.main-btn:hover {
  color: var(--white);
  text-decoration: none;
  background-color: var(--hover);
  border-color: var(--hover);
}
.main-btn.light-btn:hover {
    background-color: var(--primary);
    color: var(--white);
    border-color: var(--primary);
}
.main-btn.white-btn:hover {
    background-color: #E7F3EB;
    color: var(--primary);
    border-color: #E7F3EB;
}
.main-btn:focus {
    outline: none;
}
.main-btn span {
    position: relative;
    display: flex;
    margin-right: 13px;
}
.normal-img {
   transition: all 0.3s ease-out; 
}
.hover-img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-out;
}
.main-btn:hover .normal-img {
    opacity: 0;
    visibility: hidden;
}
.main-btn:hover .hover-img {
    opacity: 1;
    visibility: visible;
}
.content-title,
.content-row,
.content-info,
.content-blog,
.content-img {
    position: relative;
    width: 100%;
}
.content-middle .row > [class^="col-"] {
    align-self: center;
}
.content-bottom .row > [class^="col-"] {
    align-self: flex-end;
}
.center-align {
    text-align: center;
}
.right-align {
    text-align: right;
}
.gallery-item {
    position: relative;
    display: flex;
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    height: 100%;
}
.gallery-item img {
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all 0.3s ease-out;
}
.gallery-item:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.scroll-top {
    position: fixed;
    display: inline-block;
    width: 40px;
    height: 40px;
    bottom: 30px;
    right: 15px;
    background-color: var(--primary);
    opacity: 0;
    visibility: hidden;
    z-index: 99;
}
.scroll-top:after {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(-90deg);
    -moz-transform: translate(-50%,-50%) rotate(-90deg);
    -ms-transform: translate(-50%,-50%) rotate(-90deg);
    transform: translate(-50%,-50%) rotate(-90deg);
    width: 20px;
    height: 20px;
    background: url(../images/arrow-hover.svg) no-repeat center;
    background-size: contain;
}
.scroll-top.sticky {
    opacity: 1;
    visibility: visible;
}
.equal-column > .row > [class^="col-"] {
    flex: 1;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0px;
   padding-left: 0;
}

.grid-35 > .row {
    margin: 0 -35px;
}
.grid-35 > .row > [class^="col-"]{
    padding: 0 35px;
}
 


/*---------header-part---------*/

.main-part {
    position: relative;
}
.main-area,
.main-area:not(.main-vertical)>.container,
.main-content-wrap,
.main-col,
.main-element {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}
.main-area {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: stretch
}
.main-content-wrap {
    width: 100%;
}
.main-col {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.main-col.main-left-col {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.main-col.main-center-col,
.main-area .main-element {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.main-col.main-right-col {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.main-col:empty {
    display: none
}

.main-area.main-content-top .main-col {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.main-area.main-content-middle .main-col,
.main-area .main-element {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.main-area.main-content-bottom .main-col {
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.header-part {
    position: fixed;
    display: inline-block;
    width: 100%;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: var(--white);
    box-shadow: 0 2px 8px 0 rgba(112, 120, 135, 0.12);
}
body.logged-in.admin-bar .header-part {
    top:32px;
}
.header-top {
    position: relative;
    background-color: var(--secondary-light);
}
.header-top-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 11px 0;
}
.header-top-inner p {
    font-size: 14px;
    line-height: 19px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    text-align: left;
}
.load-more-btn {
    position: relative;
    display: inline-flex;
    color: var(--primary);
    gap: 10px;
    font-size: 14px;
    line-height: 28px;
    white-space: nowrap;
    text-decoration: none;
    font-weight: bold;
    align-items: center;
}
.header-nav {
    padding: 0px 25px;
}
.header-logo {
    position: relative;
    display: flex;
}
.header-logo a {
    display: flex;
}
.header-logo img {
    width: 179px;
    height: auto;
}
.main-menu {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
}
.main-menu > li {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.main-menu > li:last-child {
    padding-right: 0;
}
.main-menu > li > a {
    display: inline-block;
    position: relative;
    color: var(--body);
    font-size: 16px;
    line-height: 28px;
    padding: 39px 20px 39px;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
} 
.main-menu > li:hover > a,
.main-menu > li.current-menu-ancestor > a,
.main-menu > li.current-menu-item > a,
.main-menu > li li:hover > a,
.main-menu > li li.current-menu-item > a {
    color: var(--primary);
}
.drop-nav-arrow {
    content: '';
    display: inline-block;
    width: 13px;
    height: 8px;
    background: url(../images/angle.svg) no-repeat center;
    background-size: contain;
    margin-left: 12px;
}
.main-menu > li > ul {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    margin: 0px;
    min-width: 100%;
    background-color: var(--white);
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 2px 8px 0 rgba(112, 120, 135, 0.12);
    padding: 13px 20px;
    list-style-type: none;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    transition: all 0.35s;
}
.main-menu > li:hover > ul{
    top: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    height: auto;
    display: block;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.main-menu > li li {
    padding: 3px 0;
    margin: 0;
    display: block;
    text-align: left;
}
.main-menu > li li a {
    position: relative;
    display: inline-block;
    color: var(--body);
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    text-align: left;
}
.main-btn.header-btn {
    font-size: 16px;
    line-height: 28px;
    gap: 12px;
    padding: 16px 24px;
}
.main-btn.header-btn img {
    
}
/*------mobile-menu-------*/
body {
    padding-top: 156px;
}
body.sk-hidden  {
    overflow: hidden;
}
.mobile-header {
    display: none;
}
.desktop-header,
.mobile-header {
    width: 100%;
}
.dropdown-toggle {
    width: 26px;
    height: 18px;
    position: relative;
    display: inline-block;
}
.dropdown-toggle span {
    position: absolute;
    display: inline-block;
    width: 100%;
    left: 0;
    top: 8px;
    height: 3px;
    background-color: var(--primary);
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform,opacity;
}
.dropdown-toggle span:before {
    position: absolute;
    content: '';
    left: 0;
    top: -8px;
    width: 100%;
    height: 3px;
    background-color: var(--primary);
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform,opacity;
}
.dropdown-toggle span:after{
    position: absolute;
    content: '';
    left: 0;
    top: 8px;
    width: 100%;
    height: 3px;
    background-color: var(--primary);
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform,opacity;
}
.dropdown-toggle.open span {
    transform: translate3d(0,0px,0) rotate(45deg);
}
.dropdown-toggle.open span:before {
    transform: rotate(-45deg) translate3d(8px,-8px,0);
    opacity: 0;
}
.dropdown-toggle.open span:after {
    transform: translate3d(0,-8px,0) rotate(-90deg);
    width: 100%;
}
.dropdown-toggle::after {
    display: none;
}
.mobile-header .canvas-menu,
.mobile-header .main-left-col {
    z-index: 99999;
}
.sk-offcanvas-content {
    position: fixed;
    left: 0;
    width: 100%;
    max-width: 100%;
    top: -110%;
    bottom: 0;
    z-index: 9999;
    visibility: hidden;
    background-color: var(--white);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    transition: all 0.35s;
}
.sk-offcanvas-content.open {
    top: 131px;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
} 
.logged-in.admin-bar .sk-offcanvas-content.open {
    top: 163px;
}

.sk-offcanvas-content .wp-sidebar {
    overflow-x: hidden;
    height: 100%;
    padding: 0px;  
    margin: 0;
}
.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: block;
    margin: auto;
    max-width: 100%;
    padding: 60px 35px 30px;
}
ul.sk-mobile-menu {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
ul.sk-nav-menu > li {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
    display: block;
    padding: 0;
}
ul.sk-mobile-menu > li {
    position: relative !important;
    display: block;
    width: 100%;
    padding: 10px 0;
}
ul.sk-mobile-menu > li > a {
    color: var(--body);
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
    position: relative;
    display: block;
    text-decoration: none;
    text-align: left;
}
ul.sk-mobile-menu > li.menu-item-has-children .caret {
    position: absolute;
    right: 0;
    top: 8px;
    display: inline-block;
    width: 30px;
    height: 30px;
    z-index: 9;
    cursor: pointer;
}
ul.sk-mobile-menu > li.menu-item-has-children .caret:after {
    position: absolute;
    content: '';
    background: url(../images/angle.svg) no-repeat center;
    background-size: contain;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(0deg);
    -moz-transform: translate(-50%,-50%) rotate(0deg);
    -ms-transform: translate(-50%,-50%) rotate(0deg);
    transform: translate(-50%,-50%) rotate(0deg);
    width: 20px;
    height: 14px;
}
ul.sk-mobile-menu > li.menu-item-has-children.menu-active .caret:after {
    -webkit-transform: translate(-50%,-50%) rotate(180deg);
    -moz-transform: translate(-50%,-50%) rotate(180deg);
    -ms-transform: translate(-50%,-50%) rotate(180deg);
    transform: translate(-50%,-50%) rotate(180deg);
}
ul.sk-mobile-menu > li ul.sub-menu {
    list-style: none;
    margin: auto;
    -webkit-transition: 0s;
    transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    display: none;
    width: 100%;
    padding: 20px 0px 10px;
    max-width: 960px;
    padding-left: 30px;
}
ul.sk-nav-menu > li .sub-menu li {
    padding: 3px 0;
    display: block;
    border-bottom: none;
}
ul.sk-mobile-menu > li li a {
    padding: 0px 0;
    margin: 0;
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
    color: var(--body);
    position: relative;
    display: block;
    box-shadow: none;
    text-decoration: none;
    text-align: left;
}
ul.sk-mobile-menu > li:hover > a,
ul.sk-mobile-menu > li.current-menu-ancestor > a,
ul.sk-mobile-menu > li.current-menu-item > a,
ul.sk-mobile-menu > li li:hover > a,
ul.sk-mobile-menu > li li.current-menu-item > a {
    color: var(--primary);
}
/*-------------end-----------------*/

/*---------main-part---------*/
.container {
    width: 100% !important;
    margin-right: auto!important;
    margin-left: auto!important;
}
.hero-banner {
    padding: 0;
    min-height: 660px;
    display: flex;
    overflow: hidden;
    position: relative;
}
.hero-row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.hero-caption {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 15px;
    width: 50%;
    max-width: 546px;
    align-items: flex-start;
}
.hero-img-row {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 15px;
    width: 50%;
}
.hero-video-banner .hero-img-row:after {
	position: absolute;
    content: '';
    right: -45px;
    bottom: -69px;
    width: 146px;
    height: 100%;
    background: url(../images/circle_graphic.svg) no-repeat top right;
    background-size: contain;
    z-index: 0;
}
.sub-title {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 21px;
    text-transform: uppercase;
}
.hero-caption .maxtitle-1 {
    margin-bottom: 28px;
}
.hero-caption p {
    font-size: 18px;
    max-width: 507px;
}
.hero-caption p:last-child {
    margin-bottom: 0;
}
.hero-img {
    position: relative;
    display: flex;
    z-index: 1;
}
.hero-img img {
    background-color: #9599B9;
    border: 2px solid var(--white);
    border-radius: 4px;
    width: 100%;
}
.play-btn {
    padding: 10px 20px 10px 18px;
    font-size: 16px;
}
.play-btn img {
    min-width: 12px;
    width: 12px;
    border: none;
    border-radius: 0;
    background-color: transparent;
}
.hero-img .play-btn {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 1;
}
.content-title.with-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
.content-title.with-btn h1,
.content-title.with-btn h2,
.content-title.with-btn h3,
.content-title.with-btn h4,
.content-title.with-btn h5,
.content-title.with-btn h6,
.content-title.with-btn p {
    margin: 0;
}
.overflow-hidden {
    overflow: hidden;
}
.service-blog {
    text-decoration: none;
}
.service-blog:hover {
    text-decoration: none !important;
}
.service-blog:hover .maxtitle-3 {
    color: var(--primary);   
}
.service-blog .gallery-item {
    border-radius: 4px 4px 4px 0;
    height: auto;
}
.service-blog:hover .gallery-item img {
    transform: scale(1.1);
}
.service-info .maxtitle-3 {
    font-size: 24px;
    line-height: 32px;
    margin: 0px 0 0;
    transition: all 0.3s ease-out;
}
.service-slider.owl-carousel .owl-stage-outer {
    overflow: inherit;
}
.owl-theme.owl-carousel .owl-nav,
.service-slider.owl-carousel .owl-nav {
    position: absolute;
    right: 0;
    top: -82px;
}
.owl-theme.owl-carousel .owl-nav .owl-next,
.owl-theme.owl-carousel .owl-nav .owl-prev,
.service-slider.owl-carousel .owl-nav .owl-next,
.service-slider.owl-carousel .owl-nav .owl-prev {
    position: relative;
    display: flex;
    width: 52px;
    height: 52px;
    border: 2px solid var(--primary);
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    float: left;
    border-radius: 4px;
    outline: none;
    padding: 0;
    box-shadow: none;
    font-size: 0;
}
.owl-theme.owl-carousel .owl-nav .owl-next.disabled,
.owl-theme.owl-carousel .owl-nav .owl-prev.disabled,
.service-slider.owl-carousel .owl-nav .owl-next.disabled,
.service-slider.owl-carousel .owl-nav .owl-prev.disabled {
    border-color: #E3E3E3;
    pointer-events: none;
}
.owl-theme.owl-carousel .owl-nav .owl-next:after,
.owl-theme.owl-carousel .owl-nav .owl-prev:after,
.service-slider.owl-carousel .owl-nav .owl-next:after,
.service-slider.owl-carousel .owl-nav .owl-prev:after {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 12px;
    height: 11px;
    background: url(../images/arrow.svg) no-repeat center;
    background-size: contain;
} 
.owl-theme.owl-carousel .owl-nav .owl-prev:after,
.service-slider.owl-carousel .owl-nav .owl-prev:after {
    transform: translate(-50%,-50%) rotate(-180deg);
}
.owl-theme.owl-carousel .owl-nav .owl-next.disabled:after,
.owl-theme.owl-carousel .owl-nav .owl-prev.disabled:after,
.service-slider.owl-carousel .owl-nav .owl-next.disabled:after,
.service-slider.owl-carousel .owl-nav .owl-prev.disabled:after {
    background: url(../images/arrow-hover.svg) no-repeat center;
    background-size: contain;
    
}
.slider-arrow {
    padding-right: 142px;
}
.gallery-info {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 33px 40px;
    z-index: 1;
}
.gallery-info .font-40 {
    margin: 0;
    color: var(--white);
    line-height: 45px;
}
.gallery-info p {
    color: var(--white);
    font-size: 20px;
    line-height: 34px;
    margin: 13px 0 13px;
    max-width: 453px;
}
.green-overlay:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(56, 147, 146, 0.74);
    transition: all 0.3s ease-out;
    opacity: 0;
    z-index: 1;
}
.green-overlay:hover:before {
    opacity: 1;
}
.service-info p {
    margin: 0;
    color: #383838;
}
.grid-17 .row {
    margin: 0 -17.5px;
}
.grid-17 .row  [class^="col-"] {
    padding: 0 17.5px;
}
.main-btn.hero-btn img {
    transform: rotate(19deg);
    margin-left: 18px;
}
.hero-img-layout {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    z-index: 1;
        gap: 10px;
}
.hero-img-layout img {
	background-color: #9599B9;
    border: 2px solid var(--white);
    border-radius: 4px;
    max-width: 36%;
}
.hero-img video {
	background-color: #9599B9;
    border: 2px solid var(--white);
    border-radius: 4px;
    position: relative;
    display: flex;
    z-index: 1;
    height: 100%;
    width: 100%;
}
.hero-banner-images .hero-img-row:before {
	position: absolute;
    content: '';
    left: -55px;
    top: -36px;
    width: 146px;
    height: 100%;
    background: url(../images/circle_graphic.svg) no-repeat top left;
    background-size: contain;
    z-index: 0;
}
.hero-banner-images .hero-img-row:after {
	position: absolute;
    content: '';
    right: -53px;
    bottom: -39px;
    width: 146px;
    height: 100%;
    background: url(../images/circle_graphic.svg) no-repeat bottom right;
    background-size: contain;
    z-index: 0;
}
/*.hero-img-layout img:first-child {
    transform: rotate(-4deg);
}
.hero-img-layout img:last-child {
    transform: rotate(4deg);
}*/
.hero-img-layout img:nth-child(2) {
    margin-top: -60px;
    position: relative;
    z-index: 1;
}
.font-32 {
    font-size: 32px !important;
    line-height: 54px!important;
    font-weight: 500;
    color: var(--black);
}
.maxwidth-779 {
    max-width: 779px;
    margin-left: auto;
    margin-right: auto;
}
.sub-banner {
    min-height: 358px;
}
/*-------------end-----------------*/

/*-------------footer-part-----------------*/

.footer-part {
    position: relative;
}
.footer-top {
    position: relative;
    display: flex;
    min-height: 365px;
}
.footer-newsletter {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    width: 50%;
}
.footer-newsletter-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 460px;
}
.footer-newsletter-div .maxtitle-2 {
    color: var(--white);
    margin: 0 0 11px;
}
.footer-newsletter-div p {
    color: var(--white);
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 30px;
}
.newsletter-outer,
.footer-newsletter-form {
    max-width: 392px;
    width: 100%;
    margin: auto;
    background-color: var(--white);
    display: flex;
    border-radius: 4px;
    box-shadow: 0 10px 24px 0 rgba(29, 42, 68, 0.08);
    padding: 4px 5px;
}
.newsletter-outer input[type="email"],
.footer-newsletter-form input {
    width: 100%;
    padding: 10px 15px;
    border: none;
    background-color: transparent;
    outline: none;
    box-shadow: none;
    font-size: 18px;
    line-height: 28px;
    color: #4B4D5D;
}
.newsletter-outer input[type="email"]::placeholder,
.footer-newsletter-form input::placeholder {
    opacity: 1;
    color: #4B4D5D;
}
.newsletter-outer input[type="submit"],
.main-btn.submit-btn {
    white-space: nowrap;
    padding: 10px 20px;
    min-width: 135px;
    gap: 13px;
    font-size: 18px;
    position: relative;
    display: inline-flex;
    align-items: center;
    background: var(--primary);
    box-shadow: none;
    border-radius: 4px;
    border: 2px solid var(--primary);
    color: var(--white);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor: pointer;
    font-size: 16px;
    line-height: 28px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: normal;
}
.newsletter-outer input[type="submit"] {
	background-repeat: no-repeat;
    background-image: url(../images/sign-up.svg);
    background-position: 94px center;
}
.newsletter-outer input[type="submit"]:hover {
	background-color: var(--hover);
    border-color: var(--hover);
}
.main-btn.submit-btn img {
    min-width: 22px;
    width: 22px;
    height: auto;
}
.book-ticket {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    width: 50%;
    overflow: hidden;
}
.book-ticket img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 0.3s ease-out;
}
.book-ticket:hover img {
    transform: scale(1.1);
}
.book-ticket-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 460px;
}
.book-ticket-div .maxtitle-2 {
    color: var(--white);
    margin: 0 0 35px;
}
.main-btn.buy-btn {
    padding-right: 33px;
    font-size: 18px;
}
.main-btn.buy-btn img {
    position: absolute;
    right: -22px;
    transform: none;
    width: auto;
    height: auto;
    object-fit: inherit;
    left: auto;
    z-index: 1;
    top: auto;
}
.footer-area {
    position: relative;
    background-color: var(--tertiary);
    padding: 62px 64px 40px;
}
.footer-left {
    position: relative;
    max-width: 720px;
}
.footer-row {
    position: relative;
    display: flex;
    margin: 0 -15px;
    justify-content: space-between;
    margin-bottom: 85px;
}
.footer-col {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 15px;
    text-align: left;
}
.span-heading {
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: var(--white);
    font-weight: bold;
    margin-bottom: 10px;
}
.footer-col p {
    color: var(--white);
    margin-bottom: 18px;
    max-width: 300px;
}
.footer-col p:last-child {
    margin-bottom: 0;
}
.footer-col p small {
    font-size: 12px;
    line-height: 1;
    display: block;
}
.footer-link {
    color: var(--white);
    text-decoration: underline;
}
.footer-link:hover {
    color: var(--white);
    text-decoration: none;
}
.footer-social {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0;
    margin: 0 !important;
}
.contact-details .footer-social {
    margin-top: 14px !important;
}
.footer-social li {
    position: relative;
    display: flex;
    padding: 0;
    margin: 0;
}
.footer-social li a {
    position: relative;
    display: flex;
}
.footer-social li a img {
    width: auto;
    height: 24px;
}
.footer-bottom {
    position: relative;
    text-align: left;
}
.footer-bottom p {
    color: var(--white);
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 8px;
}
.footer-bottom-info {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 21px;
}
.footer-bottom-info ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    gap: 24px;
}
.footer-bottom-info ul li {
    position: relative;
    display: flex;
    padding: 0;
    margin: 0;
}
.footer-bottom-info ul li a {
    position: relative;
    display: flex;
    color: var(--white);
    font-size: 12px;
    line-height: 16px;
    text-decoration: underline;
}
.footer-bottom-info p {
    margin: 0;
}
.footer-right {
    position: absolute;
    right: 35px;
    top: 33px;
    display: flex;
    gap: 51px;
}
.footer-right-link,
.footer-weather,
.footer-right a {
    color: var(--white);
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
}
.footer-right-link {
    display: flex;
    align-self: center;
    gap: 51px;
    line-height: 43px;
}
.footer-right-link span {
    display: inline-flex;
    align-items: center;
    gap: 9px;
}
.footer-img {
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.footer-img img {
    position: relative;
    right: -85px;
    bottom: -7px;
}
/*-------------end-----------------*/
.product-blog {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: var(--white);
    border-radius: 10px;
    box-shadow: 0 3px 8px 0 rgba(112, 120, 135, 0.24);
}
.product-blog .gallery-item {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    min-height: inherit !important;
}
.product-blog-info {
    padding: 27px 32px 30px;
}
.product-blog-info .maxtitle-4 {
    color: var(--black);
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 11px;
}
.product-blog-info .maxtitle-4 a {
    color: var(--black);
    text-decoration: none;
}
.product-blog-info .maxtitle-4 a:hover {
    text-decoration: none;
    color: var(--primary);
}
.product-blog-info p {
    color: var(--body);
    margin: 0;
}
.product-blog .btn-outer {
    padding: 0 32px 32px;
    flex: 1 0 0;
    align-items: flex-end;
}
.product-blog .main-btn {
    width: 100%;
    align-items: center;
    justify-content: center;
}
.product-sidebar {
    padding-left: 14px;
    position: relative;
}
.product-sidebar-item {
    position: relative;
    display: flex;
    gap: 20px;
    text-decoration: none;
    margin: 0 0 30px;
    justify-content: space-between;
}
.product-sidebar-item:hover {
    text-decoration: none;
}
.product-sidebar-left {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
}
.product-sidebar-icon {
    position: relative;
    display: flex;
    min-width: 69px;
    width: 69px;
    align-items: center;
    justify-content: center;
}
.product-sidebar-icon img {
    width: auto;
    height: 56px;
}
.product-sidebar-info .maxtitle-3 {
    color: var(--body);
    margin: 0 0 0px;
}
.cart-link {
    color: var(--primary);
    font-size: 18px;
    font-weight: bold;
}
.cart-total {
    position: relative;
    display: flex;
    color: #8E8E8E; 
    font-size: 32px;
    line-height: 43px;
    font-weight: bold;
}
/*.gallery-box p {
    margin: 14px 0 0;
    font-size: 14px;
    line-height: 19px;
}*/
.sidebar,
.sidebar-inner {
    position: relative;
}
.sk-icon-box {
    position: relative;
    display: flex;
    gap: 25px;
    margin-bottom: 34px;
    align-items: flex-start;
    color: inherit;
    text-decoration: none;
}
.sk-icon-box:hover {
    color: inherit;
    text-decoration: none;
}
.sk-icon-box-img {
    position: relative;
    display: flex;
    width: 60px;
    min-width: 60px;
}
.sk-icon-box-info .maxtitle-3 {
    font-size: 28px;
    line-height: 40px;
    margin: -8px 0 6px;
    transition: all 0.3s ease-out;
}
.sk-icon-box:hover .sk-icon-box-info .maxtitle-3 {
	color: var(--primary);
}
.sk-icon-box-info p {
    margin: 0;
}

.font-20 {
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    color: var(--black);
}
.play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--white);
    border-radius: 100%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.01);
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.play-icon img {
    transform: none !important;
    width: 16px!important;
    height: auto!important;
    margin: 3px 0 0 3px;
    position: relative;
    border-radius: 0 !important;
}
.play-icon:before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--white);
    border-radius: 100%;
    opacity: 0.300000011920929;
    width: 66px;
    height: 66px;
}
.play-icon:after {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--white);
    border-radius: 100%;
    opacity: 0.300000011920929;
    width: 76px;
    height: 76px;
}
.cta-blog {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 404px;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cta-info {
    max-width: 480px;
    text-align: center;
    color: var(--white);
}
.cta-info h2,
.cta-info .maxtitle-2 {
    color: var(--white);
    margin: 0 0 11px;
}
.cta-info p {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 15px;
}
.sidebar-btn {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.sidebar-btn .main-btn {
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding-left: 24px;
    padding-right: 24px;
}
.main-btn.btn-map .hover-img {
    position: relative;
    left: 0;
    top: 0;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-out;
    display: none;
}
.main-btn.btn-map:hover .hover-img {
	display: block;
}
.main-btn.btn-map:hover .normal-img {
	display: none;
}
.main-btn.btn-ticket {
    color: var(--white);
}
.main-btn.blue-btn.btn-weather {
    font-size: 20px;
    padding: 20px 25px;
    margin-top: 9px;
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    color: var(--white);
}
.main-btn.blue-btn.btn-weather {
    cursor: inherit;
}
.main-btn.blue-btn.btn-weather:hover {
    background-color: var(--tertiary);
    border-color: var(--tertiary);
    color: var(--white);
}
.main-btn.blue-btn.btn-weather span {
    display: flex;
    align-items: center;
    gap: 9px;
    font-weight: 400;
}
.content-part {
    position: relative;
}
.yellow-banner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 378px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.sidebar-nav ul li a {
    position: relative;
    display: block;
    color: var(--body);
    font-size: 18px;
    line-height: 28px;
    padding: 4px 0;
    text-decoration: none;
}
.sidebar-nav ul li a:hover {
    color: var(--primary);
}
 .page-block-contact #gform_wrapper_1.gform_wrapper ul.gform_fields li.gfield--width-full {
    width: 100%;
    padding-right: 0;
}
#gform_wrapper_1 .sub-title {
    font-weight: bold;
    color: #193C57;
    margin: 0;
}
#gform_wrapper_1 ul.gfield_radio {
    display: flex;
    align-items: center;
    margin: 0;
    flex-wrap: wrap;
    gap: 32px;
    width: 100%;
}
.gfield_radio .jq-radio {
    top: 7px;
    width: 16px;
    height: 16px;
    margin: 0;
    border: 2px solid var(--primary);
    position: absolute !important;
}
.gfield_radio .jq-radio.checked:after {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 8px;
    height: 8px;
    background-color: var(--primary);
    border-radius: 50%;
}
.gfield_radio .jq-radio.checked .jq-radio__div {
    display: none;
}
.gform_wrapper ul li.gfield .ginput_container_radio li label:before, .gform_wrapper ul li.gfield .ginput_container_radio li label:after, .gform_wrapper ul li.gfield .ginput_container_checkbox li label:before, .gform_wrapper ul li.gfield .ginput_container_checkbox li label:after {
    display: none;
}
.gform_wrapper ul li.gfield .ginput_container_radio li label {
    color: #193C57!important;
    font-size: 18px!important;
    line-height: 28px!important;
    padding: 0 0 0 25px !important;
    max-width: 100%;
    width: auto;
} 
.gform_wrapper ul li.gfield .ginput_container_checkbox li label {
    color: #4D4D4D!important;
    font-size: 14px!important;
    line-height: 22px!important;
    padding: 0 0 0 34px !important;
    max-width: inherit;
}
.gform_wrapper ul.gform_fields li#field_1_9.gfield label {
    position: relative;
    color: #000000;
    font-family: Stratos;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0;
    text-transform: inherit;
    margin: 0 0 18px;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
}
#gform_wrapper_1 .gfield p {
    font-size: 18px;
    line-height: 28px;
    color: #4B4D5D;
    margin-bottom: 10px;
}
.gfield_checkbox .jq-checkbox {
    position: absolute !important;
    left: 0;
    top: 0px;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: 0;
    border: 2px solid var(--primary);
    border-radius: 4px;
    cursor: pointer;
}
.gfield_checkbox .jq-checkbox.checked {
    background-color: var(--primary);
}
.gfield_checkbox .jq-checkbox.checked .jq-checkbox__div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.gfield_checkbox .jq-checkbox.checked .jq-checkbox__div:before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 16px;
    height: 12px;
    background: url(../images/check.svg) no-repeat center;
    background-size: contain;
}
.gform_ajax_spinner {
    display: none !important;
}
.gform_legacy_markup_wrapper ul.gfield_checkbox li, 
.gform_legacy_markup_wrapper ul.gfield_radio li {
    overflow: inherit!important;;
}
.map-line {
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.footer-social li a:hover .normal-img {
	opacity: 0;
}
.footer-social li a:hover .hover-img {
	opacity: 1;
    visibility: visible;
}
.activities-shape,
.events-shape {
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 38px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.activities-shape {
	height: 27px;
    left: -1px;
    width: calc(100% + 2px);
}
.col-lg-6 .events-shape {
	height: 50px;
}
.bg-primary .hero-caption .main-btn {
	background-color: var(--hover);
    border-color: var(--hover);
}
.bg-primary .hero-caption .main-btn:hover {
	background-color: var(--black);
    border-color: var(--black);
}