/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/*

Grid 1200px
Nicolas Poliquin
polikin.ca

*/


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
    font-size: 62.5%;
}

body {
    /*font-size: 1.8em;  currently ems cause chrome bug misinterpreting rems on body element */
    background: #f2f2f2;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: #231f22;
    position: relative;
}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 2rem;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

h1 {
    font-size: 42px;
    line-height: 1.2;
    letter-spacing: -.1rem;
    color: #231f22;
}

h2 {
    font-size: 38px;
    line-height: 1.25;
    letter-spacing: -.1rem;
    color: #555555;
}

h3 {
    font-size: 28px;
    line-height: 1.3;
    letter-spacing: -.1rem;
    color: #005c81;
}

h4 {
    font-size: 28px;
    line-height: 1.35;
    letter-spacing: -.08rem;
    color: #f6a019;
}

h5 {
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: -.05rem;
    color: #231f22;
}

h6 {
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: 0;
    color: #d40f60;
}

p {
    margin: 15px 0 20px;
}

a {
    outline: none;
}

small {
    font-size: 16px;
    display: block;
}

blockquote {
    border-left: 6px solid #000000;
    color: #000000;
    font-size: 35px;
    line-height: 40px;
    margin: 25px 0 30px;
    padding: 0 20px;
}

/* Table of Contents
==================================================
    #Base 1200 Grid
	#Specific
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */

.columns,
.column {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

/* #Base 1200 Grid
================================================== */

.container {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}

    .container .column,
    .container .columns {
        float: left;
        display: inline;
        margin-left: 10px;
        margin-right: 10px;
    }

.row { /*pk*/ /*margin-bottom: 20px;*/
}

/* Nested Column Classes */
.column.alpha, .columns.alpha {
    margin-left: 0;
}

.column.omega, .columns.omega {
    margin-right: 0;
}

/* Base Grid */

.container .one.column,
.container .one.columns {
    width: 55px;
}

.container .two.columns {
    width: 120px;
}

.container .three.columns {
    width: 205px;
}

.container .four.columns {
    width: 280px;
}

.container .five.columns {
    width: 355px;
}

.container .six.columns {
    width: 430px;
}

.container .seven.columns {
    width: 505px;
}

.container .eight.columns {
    width: 560px;
}

.container .nine.columns {
    width: 655px;
}

.container .ten.columns {
    width: 730px;
}

.container .eleven.columns {
    width: 805px;
}

.container .twelve.columns {
    width: 880px;
}

.container .thirteen.columns {
    width: 955px;
}

.container .fourteen.columns {
    width: 1030px;
}

.container .fifteen.columns {
    width: 1105px;
}

.container .sixteen.columns {
    width: 1180px;
}

.container .one-third.column {
    width: 380px;
}

.container .two-thirds.column {
    width: 780px;
}

/* Offsets */
.container .offset-by-one {
    padding-left: 75px;
}

.container .offset-by-two {
    padding-left: 140px;
}

.container .offset-by-three {
    padding-left: 225px;
}

.container .offset-by-four {
    padding-left: 300px;
}

.container .offset-by-five {
    padding-left: 375px;
}

.container .offset-by-six {
    padding-left: 430px;
}

.container .offset-by-seven {
    padding-left: 525px;
}

.container .offset-by-eight {
    padding-left: 600px;
}

.container .offset-by-nine {
    padding-left: 675px;
}

.container .offset-by-ten {
    padding-left: 750px;
}

.container .offset-by-eleven {
    padding-left: 825px;
}

.container .offset-by-twelve {
    padding-left: 900px;
}

.container .offset-by-thirteen {
    padding-left: 975px;
}

.container .offset-by-fourteen {
    padding-left: 1050px;
}

.container .offset-by-fifteen {
    padding-left: 1125px;
}





/* Specific
================================================== */



/*li {
	list-style-type:none;
}*/

.circled {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #f6a01a;
    padding-top: 6px;
    height: 44px;
    width: 50px;
    display: block;
    text-align: center;
}

.cta-button, .cta-button-green {
    background: #f6a01a;
    color: #231f22;
    display: inline;
    font-size: 17px;
    font-weight: 500;
    height: 50px;
    margin: 25px 0;
    padding: 16px 33px;
    text-decoration: none;
    width: 175px;
    text-align: center;
}

.cta-button-green {
    background-color: #b2c701 !important;
    background-position: 160px center;
    font-size: 17px;
    height: 43px;
    padding: 16px 33px 0 35px;
    width: 145px;
}


header {
    /*pk*/
    /*margin-top:25px;*/
}

    header #logo {
        height: auto;
        max-height: 146px;
    }

        header #logo a img {
            max-width: 437px;
        }

.header-phone {
    color: #00788a;
    float: left;
    margin: 8% auto 8% auto;
    font-size: 1.5em;
    font-weight: bold;
    text-align: right;
}

@media (max-width: 1214px) {
    .header-phone {
        margin-left: 0;
        width: 58%;
    }
}

@media (max-width: 1199px) {
    .header-phone {
        width: 50%;
    }
}

@media (max-width: 940px) {
    .header-phone {
        width: 100%;
        margin: -10px 0 10px 0;
    }
}

header .header-options ul li {
    float: right;
    margin-left: 30px;
    list-style: none;
}

    header .header-options ul li a {
        text-align: center;
        width: 70px;
        height: 30px;
        display: block;
        text-decoration: none;
        color: #007e80;
        padding-top: 70px;
    }

        header .header-options ul li a.menu-option {
            background: url(../images/header-menu-bg.png) top center no-repeat;
        }

        header .header-options ul li a.login-option {
            background: url(../images/header-login-bg.png) top center no-repeat;
        }

        header .header-options ul li a.search-option {
            background: url(../images/header-search-bg.png) top center no-repeat;
        }

        header .header-options ul li a.basket-option {
            background: url(../images/header-basket-bg.png) top center no-repeat;
        }

header #feature-img {
    width: 100%;
    /*border-top:#f6a11c solid 5px;*/
    height: auto;
    position: relative;
    overflow: hidden;
}

    header #feature-img h1 {
        background-color: #f6a01a;
        background: rgb(246, 161, 28); /* Fall-back for browsers that don't support rgba */
        background: rgba(246, 161, 28, .9);
        bottom: 25px;
        color: #ffffff;
        height: 60px;
        left: 0;
        padding: 15px 50px 20px 12%;
        position: absolute;
    }

@media (max-width: 1199px) {
    header #feature-img h1 {
        font-size: 40px;
        height: auto;
    }
}

@media (max-width: 1000px) {
    header #feature-img h1 {
        font-size: 30px;
        padding: 10px 50px 10px 12%;
        bottom: 15px;
    }
}

@media (max-width: 569px) {
    header #feature-img h1 {
        position: relative;
        bottom: 0;
        top: -7px;
    }
}

/* Specifying regular banner */
/*header #feature-img.regular-banner { 
	background:url(../images/header-img.jpg) top center no-repeat;
	background-size:cover;
}*/
/* Specifying home banner */
header #feature-img.home-banner {
    /*background:url(../images/header-img-home.jpg) top center no-repeat;
	background-size:cover;*/
    max-height: 607px;
    height: auto;
    border: 0;
}

    header #feature-img.home-banner .slides li {
        position: relative;
    }

    header #feature-img.home-banner .container-slider {
        width: 420px;
        margin: 0;
        position: absolute;
        bottom: 70px;
        left: 120px;
    }

@media (max-width: 1199px) {
    header #feature-img.home-banner .container-slider {
        max-width: 330px;
        bottom: 55px;
    }
}

@media (max-width: 959px) {
    header #feature-img.home-banner .container-slider {
        left: 90px;
        width: 260px;
        bottom: 40px;
    }
}

header #feature-img.home-banner img {
    width: 1600px;
    height: 600px;
}

header #feature-img.home-banner #slider_container {
    width: 100%;
}

header #feature-img.home-banner .slideshow-title, header #feature-img.home-banner .slideshow-subtitle, header #feature-img.home-banner .slideshow-cta {
    color: #ffffff;
    max-width: 660px;
    position: absolute;
}

header #feature-img.home-banner .slideshow-title {
    font-size: 35px;
    font-weight: bold;
    line-height: 115%;
    margin: 0;
    /*top: 100px;*/
    /*height: 160px;*/
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

@media (max-width: 1199px) {
    header #feature-img.home-banner .slideshow-title {
        font-size: 28px;
    }
}

header #feature-img.home-banner .slideshow-subtitle {
    font-size: 22px;
    /*font-weight: 300;*/
    line-height: 1.2em;
    /*top:230px;*/
    margin: 0;
    position: relative;
}

@media (max-width: 1199px) {
    header #feature-img.home-banner .slideshow-subtitle p {
        font-size: 18px;
        line-height: 1.3em;
    }
}

header #feature-img.home-banner .slideshow-subtitle p {
    margin: 10px 0;
}

header #feature-img.home-banner .slideshow-cta {
    background-color: #d40f60;
    font-weight: normal;
    /*top:310px;*/
    /*background-image:url(../images/cta-read-more-arrow.png);*/
    background-image: none;
    /*margin-left:150px;*/
    text-align: center;
    padding: 16px 36px 16px 36px;
    position: relative;
    height: auto;
    display: block;
}

@media (max-width: 1199px) {
    header #feature-img.home-banner .slideshow-cta {
        padding: 16px 26px 16px 26px;
    }
}

@media (max-width: 959px) {
    header #feature-img.home-banner .slideshow-cta {
        padding: 10px 16px;
        font-size: 1.1em;
    }
}

.moto-separator {
    background-color: #00788a;
    width: 100%;
}

    .moto-separator .moto-content {
        font-size: 48px;
        color: #ffffff;
        font-weight: bold;
        text-align: center;
        padding: 37px 0;
        background: url(../images/petals-moto.png) bottom left no-repeat;
    }


.welcome-message {
    background-color: #eeeeee;
    min-height: 350px;
    padding: 50px 0;
    text-align: center;
}

    .welcome-message p {
        font-size: 18px;
        font-weight: 300;
        line-height: 35px;
        padding: 0 80px;
    }

    .welcome-message .cta-button {
        margin: 40px auto;
        padding: 15px 36px 0 0;
        width: 225px;
    }

#main-content {
    min-height: 500px;
}

.home #main-content {
    background: url(../images/home-main-bg.png) top center no-repeat;
    min-height: 1090px;
    background-size: cover;
}

#main-content .blocks-home {
    min-height: 875px;
    padding-top: 150px;
    color: #ffffff;
}

    #main-content .blocks-home a {
        display: block;
        height: 100%;
        width: 100%;
        text-decoration: none;
    }

    #main-content .blocks-home p {
        font-size: 18px;
        font-weight: 300;
        line-height: 30px;
        padding: 0 25px;
        text-align: left;
    }

    #main-content .blocks-home a.read-more, .sidebar .widget a.read-more {
        background: rgba(0, 0, 0, 0) url("../images/cta-read-more-arrow.png") no-repeat scroll right center;
        color: #ffffff;
        display: block;
        float: right;
        font-weight: 600;
        width: auto;
        height: auto;
        margin: 15px 0;
        padding-right: 45px;
        text-align: right;
        font-size: 18px;
        text-decoration: none;
    }

    #main-content .blocks-home a.read-more {
        margin-right: 35px;
    }


    #main-content .blocks-home h3, #main-content .blocks-home a h4, #main-content .blocks-home p {
        color: #ffffff;
    }

    #main-content .blocks-home h3 {
        text-transform: uppercase;
        font-size: 36px;
        font-weight: bold;
        padding-top: 30px;
        padding-left: 25px;
        text-align: left;
    }

    #main-content .blocks-home h4 {
        text-transform: uppercase;
        font-size: 24px;
    }

    #main-content .blocks-home div {
        text-align: center;
        margin-bottom: 25px;
        overflow: hidden;
    }

    #main-content .blocks-home .latest-news, #main-content .blocks-home .apprenticeships {
        height: 392px;
    }

    #main-content .blocks-home .latest-news {
        background-color: #f6a019;
    }

        #main-content .blocks-home .latest-news h4 {
            background: rgba(0, 0, 0, 0) url("../images/latest-news-icon.png") no-repeat scroll center 115px;
            height: 100%;
            padding-top: 225px;
        }

    #main-content .blocks-home .apprenticeships h4 {
        background: rgba(0, 0, 0, 0) url("../images/apprenticeships-icon.png") no-repeat scroll center 115px;
        height: 100%;
        padding-top: 245px;
    }

    #main-content .blocks-home .news-article {
        min-height: 250px;
        background: #d40f60;
    }

    #main-content .blocks-home .infographics {
        height: 535px;
        background: #005c81;
        margin-left: 0;
    }

        #main-content .blocks-home .infographics h4 {
            background: rgba(0, 0, 0, 0) url("../images/infographics-icon.png") no-repeat scroll center 70px;
            padding-top: 255px;
            color: #ffffff;
        }



    #main-content .blocks-home .six.columns {
        width: 380px;
    }

    #main-content .blocks-home .video-resources {
        margin-right: 0;
    }

    #main-content .blocks-home .video {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 40px;
        height: 0;
    }

        #main-content .blocks-home .video iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }




    #main-content .blocks-home .resources {
        height: 255px;
        background: #9aa728;
    }

        #main-content .blocks-home .resources h4 {
            height: 100%;
            padding-top: 110px;
        }



    #main-content .blocks-home .apprenticeships {
        background-color: #f84339;
    }


.partners ul {
    overflow: hidden;
}

    .partners ul li {
        float: left;
        margin: 15px 25px;
    }




.leaderboard-ad {
    border-top: 1px solid #cccccc;
    height: 94px;
    padding: 65px 0;
    text-align: center;
}

    .leaderboard-ad img {
        max-width: 729px;
    }



/* Landing page */

.breadcrumbs {
    display: inline-block;
    overflow: hidden;
    margin: 10px 0 0;
    padding-left: 10px;
}

    .breadcrumbs ol {
        float: right;
        margin: 0;
        padding-left: 0;
    }

        .breadcrumbs ol li {
            display: inline;
            margin-left: 10px;
        }

            .breadcrumbs ol li::after {
                content: ">";
            }

            .breadcrumbs ol li:last-child::after {
                content: " ";
            }

            .breadcrumbs ol li a {
                margin-right: 10px;
                color: #f6a11c;
            }



.sections .news {
    max-height: 380px;
    width: 100%;
    border: #bfbfbf solid 1px;
    padding: 8px;
    margin-bottom: 20px;
    position: relative;
}

    .sections .news a {
        text-decoration: none;
    }

    .sections .news .feature-img {
        max-height: 280px;
        max-width: 570px;
    }


    .sections .news .feature-title {
        background: rgb(0, 0, 0) none repeat scroll 0 0;
        background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
        color: #ffffff;
        font-size: 30px;
        font-weight: bold;
        left: 8px;
        padding: 8px 30px 15px;
        position: absolute;
        text-transform: capitalize;
        top: 150px;
    }

        .sections .news .feature-title.color-rose {
            background: rgb(212, 15, 96) none repeat scroll 0 0;
            background: rgba(212, 15, 96, 0.85) none repeat scroll 0 0;
        }

        .sections .news .feature-title.color-orange {
            background: rgb(246, 161, 28) none repeat scroll 0 0;
            background: rgba(246, 161, 28, 0.85) none repeat scroll 0 0;
        }

        .sections .news .feature-title.color-blue {
            background: rgb(0, 92, 129) none repeat scroll 0 0;
            background: rgba(0, 92, 129, 0.85) none repeat scroll 0 0;
        }

        .sections .news .feature-title.color-green {
            background: rgb(154, 167, 40) none repeat scroll 0 0;
            background: rgba(154, 167, 40, 0.85) none repeat scroll 0 0;
        }

    .sections .news .feature-excerpt {
        padding: 0 10px;
        color: #231f22;
        margin: 10px 0;
    }




/* Generic Page */

.page {
    margin-bottom: 50px;
    overflow: hidden;
}

.article-group h3 {
    color: #231f22;
    font-size: 35px;
}

.article-group .eight.columns {
    width: 535px;
}

.sidebar .widget {
    margin-bottom: 20px;
    padding: 25px 30px;
    color: #ffffff;
    overflow: hidden;
}

    .sidebar .widget h5 {
        font-size: 24px;
        text-transform: uppercase;
        color: #ffffff;
        margin-bottom: 5px;
    }

    .sidebar .widget p {
        font-size: 16px;
        margin: 10px 0;
        line-height: 17px;
    }

    .sidebar .widget a.read-more {
        margin-top: 5px;
        padding-right: 35px;
    }

.sidebar .articles {
    background-color: #005c81;
}

.sidebar .widget .article {
    margin-top: 20px;
}

.sidebar .articles h5 {
    background: rgba(0, 0, 0, 0) url("../images/icon-widget-articles.png") no-repeat scroll left center;
    padding-left: 45px;
}

.sidebar .case-studies {
    background-color: #f6a019;
}

    .sidebar .case-studies h5 {
        background: rgba(0, 0, 0, 0) url("../images/icon-widget-case-studies.png") no-repeat scroll left center;
        padding-left: 45px;
    }

.sidebar .events {
    background-color: #9aa728;
}

    .sidebar .events h5 {
        background: rgba(0, 0, 0, 0) url("../images/icon-widget-events.png") no-repeat scroll left center;
        padding-left: 45px;
    }

.sidebar .news {
    background-color: #d40f60;
}

    .sidebar .news h5 {
        background: rgba(0, 0, 0, 0) url("../images/icon-widget-news.png") no-repeat scroll left center;
        padding-left: 45px;
    }


.sidebar .widget .article-title {
    font-size: 19px;
    font-weight: bold;
}

.sidebar .widget .article-date {
    font-weight: bold;
}

.multi-col-side {
    background-color: #231f22;
    padding: 30px;
    margin-bottom: 20px;
}

    .multi-col-side h5, a {
        text-decoration: none;
        color: #ffffff;
    }

    .multi-col-side h5 {
        border-bottom: solid 2px #f6a01a;
        margin-top: 10px;
    }

    .multi-col-side ul {
        list-style: none;
        padding: 0px;
    }

.post-img {
    float: right;
    max-width: 200px;
    margin-left: 20px;
}

/*3 column generic page*/

.hide {
    display: none !important;
}

/* News list page */

.date {
    color: #9e9e9e;
}

.rm-action {
    color: black;
    font-weight: 700;
}

/*.post{
    border-bottom: orange solid 2px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}*/

.post img {
    float: right;
    margin-left: 20px;
    max-width: 100%;
    margin-bottom: 10px;
}

.first {
    margin-top: 10px;
}

.years {
    background-color: #231f22;
    background-color: #ed6402;
    padding: 2px 7px;
    border: solid 1px;
    margin-bottom: 5px;
}

.cat-list:hover {
    text-decoration: underline;
}

.pagination p, .pagination a {
    color: #d40f60;
}

    .pagination a:hover {
        text-decoration: underline;
    }

/* News article page */

.suggested-post {
    background-color: #4c8da7;
    border-top: solid 4px #005c81;
    padding: 10px;
}

    .suggested-post img {
        float: left;
        margin-right: 20px;
        max-width: 100%;
        margin-bottom: 10px;
        border: solid white 1px;
    }

    .suggested-post p {
        color: white;
        font-size: 15px;
        line-height: 1.2em;
        margin-bottom: 10px;
    }

    .suggested-post h5 {
        color: white;
    }

    .suggested-post .rm-action {
        color: white;
    }


/* Events list page */

.event-post {
    border: 1px solid #bfbfbf;
    padding: 15px;
    margin-bottom: 20px;
}

    .event-post img {
        float: left;
        margin-right: 20px;
    }

.select-box-inner select {
    color: #005c81;
    border: solid 1px #005c81;
    width: 32.191%;
    font: inherit;
    margin: 0;
    margin-right: 10px;
    font-weight: 600;
    padding: 5px;
}

    .select-box-inner select:last-child {
        margin-right: 0px;
    }

.select-box {
    padding: 15px 12px;
    background: #005c81;
    margin-bottom: 10px;
}

.filterForm label {
    color: #fff;
}

.select-box-inner {
    margin: auto;
}

.calendar-outer {
    display: none;
}

.change {
    background: url('images/calendar-view.png') no-repeat;
    background-size: Auto 50px;
    cursor: pointer;
    border: none;
    width: 50px;
    height: 50px;
    float: right;
    position: relative;
    top: -50px;
    border-radius: 3px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.list {
    background: url('images/list-view.png') no-repeat;
    background-size: Auto 50px;
    cursor: pointer;
    border: none;
    width: 50px;
    height: 50px;
    float: right;
    position: relative;
    top: -50px;
    border-radius: 3px;
}

    .change:hover, .list:hover {
        opacity: 0.7;
    }

/* Events booking page */

.cta-button-book {
    background: #f6a01a;
    color: #231f22;
    display: inline-block;
    font-size: 21px;
    font-weight: 500;
    height: 50px;
    margin: 25px 0;
    padding: 16px 36px 0 45px;
    text-decoration: none;
    width: 175px;
    text-align: center;
}

    .cta-button-book:hover {
        background: rgba(246, 160, 26, 0.8);
        color: #231f22;
    }

.event-block {
    border-bottom: solid 2px #f6a01a;
    margin-bottom: 20px;
}

    .event-block img {
        float: right;
        max-width: 530px;
        margin-left: 20px;
    }

.location {
    margin: 0px auto;
    max-width: 300px;
}

.speaker img {
    max-width: 100px;
    float: left;
    margin-right: 10px;
}

.speaker {
    margin-top: 60px;
    border: solid 1px #f6a01a;
    ;
    padding: 10px;
}

    .speaker p {
        clear: both;
        font-style: italic;
    }

    .speaker li {
        margin-bottom: 10px;
        list-style: none;
    }

#calendar {
    max-width: 1200px;
    margin: 0 auto;
}

.prices li {
    display: inline;
    margin-right: 20px;
}

.price {
    font-weight: 600;
}

.prices .cta-button-book {
    width: auto;
    position: relative;
    top: -20px;
}

.prices ul {
    padding: 0;
    list-style-type: none;
}

.book-now .cta-button-book {
    margin: auto;
}

.book-now div {
    margin: 0px auto;
    margin-bottom: 20px;
    width: 200px;
}

/* Newsletter sign up */

.sign-up-outer {
    background-color: #f6a01a;
    padding: 15px;
    border-top: 5px solid #d40f60;
    margin-bottom: 20px;
}

    .sign-up-outer input, .sign-up-outer select {
        color: black;
    }

.sign-up {
    margin-top: 20px;
    color: white;
}

    .sign-up p {
        border-bottom: 2px solid;
    }

    .sign-up .form-group {
        margin-bottom: 15px;
    }

        .sign-up .form-group input {
            /*width: 260px;*/
            width: 70%;
        }

        .sign-up .form-group label {
            float: left;
            text-align: right;
            margin-right: 15px;
            width: 120px;
            display: inline-block;
            color: white;
        }

.btn-mailer {
    background-color: #d40f60;
    font-weight: 600;
    padding: 20px 35px;
    display: block;
    margin-top: 20px;
    width: 90px;
}

.form-group-2 {
    width: 70%;
    margin-left: 135px;
    /*margin-left: 16%;*/
}

.checkbox {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

/* Login Page */

.login {
    -webkit-box-shadow: 10px 10px 3px -5px rgba(230,218,230,0.86);
    -moz-box-shadow: 10px 10px 3px -5px rgba(230,218,230,0.86);
    box-shadow: 10px 10px 3px -5px rgba(230,218,230,0.86);
    background-color: #d40f60;
    color: white;
    padding: 15px;
    margin-bottom: 15px;
    min-height: 353px;
}

.login-2 {
    -webkit-box-shadow: 10px 10px 3px -5px rgba(230,218,230,0.86);
    -moz-box-shadow: 10px 10px 3px -5px rgba(230,218,230,0.86);
    box-shadow: 10px 10px 3px -5px rgba(230,218,230,0.86);
    background-color: #f6a01a;
    color: white;
    padding: 15px;
    margin-bottom: 15px;
    min-height: 355px;
}

@media screen and (max-width: 1199px) {
    .login-2 {
        min-height: 503px;
    }
}

@media screen and (max-width: 959px) {
    .login-2 {
        min-height: 527px;
    }
}

@media screen and (max-width: 768px) {
    .login-2 {
        min-height: inherit;
    }
}

.login h1 {
    color: white;
}

.login-2 h1 {
    color: white;
}

.login .form-group input {
    color: black;
    width: 100%;
}

.login .form-group {
    margin-bottom: 10px;
}

    .login .form-group label {
        float: left;
        /*text-align: right;*/
        margin-right: 15px;
        width: 120px;
        display: inline-block;
        color: white;
    }

.btn-login {
    background-color: #f6a01a;
    font-weight: 600;
    padding: 10px 10px;
    text-align: center;
    display: block;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    border: 0;
}

    .btn-login:hover {
        border: none;
    }

.btn-login-2 {
    background-color: #d40f60;
    font-weight: 600;
    padding: 10px 10px;
    text-align: center;
    display: block;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
}

    .btn-login-2:hover {
        border: none;
    }

/*Forgot Password*/
.forgot-password-form-container label {
    font-weight: bold;
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
}

.forgot-password-form-container input {
    width: 50%;
}

.forgot-password-form-container .btn-login {
    width: auto;
    float: left;
    font-weight: normal;
}

.forgot-password-form-container .field-validation-error {
    color: red;
    display: block;
}

@media screen and (max-width: 480px) {
    .forgot-password-form-container input {
        width: 94%;
    }

    .forgot-password-form-container .btn-login {
        width: 100%;
    }
}

/*Register Form*/
.register-form-container {
}

/* Account registration page */

.leader {
    background-color: #00788a;
    padding: 10px;
    color: white;
    margin-bottom: 20px;
}

    .leader h5, .acc-tabs h5, .benefits h5, .acc-form-1 h5 {
        color: white;
    }

.benefits {
    background-color: #f6a01a;
    padding: 10px;
    color: white;
}

    .benefits li {
        list-style-type: circle;
    }

.reg-boxes {
    border: solid 1px black;
}

.acc-inner {
    border: 1px solid #e3e3e3;
}

.acc-tabs {
    margin-bottom: 0px;
}

.acc-tabs-inner {
    border: solid white 1px;
    padding: 10px;
}

.acc-tabs-content {
    background-color: #d40f60;
    padding: 15px;
    color: #fff;
}

.acc-form-1 {
    background-color: #00788a;
    padding: 10px;
    position: relative;
}

    .acc-form-1 form {
        width: 50%;
    }

    .acc-form-1 ul {
        -webkit-padding-start: 0px;
    }

    .acc-form-1 label {
        color: white;
    }

    .acc-form-1 input {
        width: 100%;
        height: 6px;
        padding: 10px 10px;
        border: none;
        border-radius: 0px;
        box-shadow: none;
    }

.role-form input, .role-form option {
    color: black;
}

.role-form input {
    height: 6px;
    padding: 10px 10px;
    border: none;
    border-radius: 0px;
    box-shadow: none;
}

    .role-form input[type="checkbox"], input[type="radio"] {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

.role-form select {
    width: 71.8%;
}

.pswd_info {
    position: absolute;
    top: 90px;
    right: 100px;
    width: 30%;
    padding: 15px;
    background: #f6a019;
    border: 1px solid white;
}

    .pswd_info h5 {
        line-height: 1em;
        color: white;
        margin: 0 0 10px 0;
        padding: 0;
        font-weight: normal;
    }

.pswd-info-inner {
    background: white;
    padding-left: 5px;
}



/* Password reset */

.password-reset {
    background-color: #f6a01a;
    padding: 10px;
}

    .password-reset form {
        width: 50%;
    }

    .password-reset ul {
        -webkit-padding-start: 0px;
    }

    .password-reset label {
        color: white;
    }

    .password-reset input {
        width: 100%;
        height: 6px;
        padding: 10px 10px;
        border: none;
        border-radius: 0px;
        box-shadow: none;
    }

/*contact info page*/

.sp-details-right {
    display: inline-block;
    vertical-align: top;
}

.sp-details-left {
    display: inline-block;
    width: 20%;
    vertical-align: top;
    font-weight: 600;
}

    .sp-details-right a, .sp-details-left a {
        color: black;
    }

.map {
    width: 100%;
    padding: 5px 5px 0px 5px;
    border: solid 1px #f6a01a;
    box-shadow: 10px 10px 3px -5px rgba(230,218,230,0.86);
}

.contact-left {
    border: #bfbfbf solid 1px;
    padding-left: 10px;
    /*box-shadow: 10px 10px 3px -5px rgba(230,218,230,0.86);*/
    margin-bottom: 20px;
}

.map iframe {
    margin-bottom: 35px;
}

.contact-form-hidden {
    border-bottom: solid 2px #f6a01a;
    margin-bottom: 20px;
    width: 98%;
    padding-bottom: 15px;
}

    .contact-form-hidden p {
        margin-bottom: 5px;
    }

    .contact-form-hidden input, .contact-form-hidden textarea {
        width: 90%;
    }

    .contact-form-hidden .cta-button-book {
        border: none;
        padding-bottom: 40px;
    }



/*career zone*/
.due-date {
    font-weight: 600;
}

.col-8-contact {
    margin-bottom: 20px !important;
}

/*profile page*/

.profile-page .event-block {
    border-bottom: solid 2px #00788a;
}

    .profile-page .event-block img {
        display: inline-block;
        margin-left: 0px;
        margin-right: 20px;
        vertical-align: top;
    }

.profile-page .cta-button-book {
    color: white;
    background-color: #00788a;
}

.profile-page a {
    color: #00788a;
}

    .profile-page a:hover {
        text-decoration: underline;
    }

.heavy {
    font-weight: 600;
}

.company-block {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    margin-bottom: 20px;
}

.keywords {
    width: 50%;
    margin-top: 60px;
    margin-left: 40px;
}

    .keywords p {
        color: #00788a;
    }

.offer img {
    width: 130px;
    float: left;
    margin-right: 10px;
    margin-left: 0px;
}

.offer div {
    float: right;
    width: 55%;
}

.offer {
    margin-top: 60px;
    border: solid 2px #00788a;
    padding: 10px;
}

    .offer h5 {
        line-height: 0.7em;
    }

.offer-edit {
    padding: 6px 0px;
    color: white;
    background-color: #00788a;
    margin-right: 4px;
}

    .offer-edit:hover {
        color: white;
        background-color: #00788a;
        opacity: 0.8;
    }

.offer p {
    clear: both;
    font-style: italic;
}

blockquote {
    border-left: 10px solid #00788a;
    margin: 0px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}

    blockquote:before {
        color: #00788a;
        content: open-quote;
        font-size: 4em;
        line-height: 0.1em;
        margin-right: 0.25em;
        vertical-align: -0.4em;
    }

    blockquote p {
        display: inline;
    }

.blue-border {
    border-bottom: solid 2px #00788a;
}

.accordion-share .accordion-section-title {
    width: 90%;
    color: white;
}

.accordion-share .share {
    width: 10%;
    text-align: center;
    padding: 15px;
    display: inline-block;
    background: #d40f60;
    color: #fff;
    margin-bottom: 5px;
    border-left: 2px solid white;
}

.t-class .heavy {
    background-color: #00788a;
    color: white;
    border: solid 1px black;
}

.t-class {
    border: solid 1px;
    width: 100%;
    margin-top: 60px;
}

    .t-class td {
        padding: 5px;
        border-right: solid 1px;
        border-bottom: solid 1px;
    }

/*directory-5-col*/

.five-col {
    margin-bottom: 20px;
}

    .five-col .p-block img {
        display: block;
        margin: auto;
        max-width: 100%;
    }

    .five-col ul {
        margin: 0;
        margin: 0 -40px;
    }

    .five-col li {
        display: inline-block;
        list-style: none;
        height: 45px;
    }

        .five-col li a {
            color: #353535;
            text-decoration: none;
            padding: 8px 10px;
            text-align: center;
            border: 2px solid #353535;
            cursor: pointer;
            position: relative;
        }

.page-nav ul {
    margin: 0;
    margin: 0 -36px;
}

.page-nav li {
    display: inline-block;
    list-style: none;
    height: 45px;
    margin-left: -4px;
}

    .page-nav li a {
        color: white;
        font-weight: 600;
        text-decoration: none;
        padding: 8px 14px;
        text-align: center;
        cursor: pointer;
        position: relative;
        background-color: #353535;
    }

.active {
    background-color: #f6a01a !important;
}

.p-block {
    display: inline-block;
    background-color: white;
    margin: 0;
    width: 18.5%;
    margin-right: 1%;
    margin-bottom: 1%;
    border: solid 1px #f5f5f5;
}

.strat-page {
    background-color: #f1f1f1;
}

/*booking form*/

.attendee {
    padding: 10px;
    margin-right: 10px;
    background-color: #f5f5f5;
    margin-bottom: 10px;
}

.fifty {
    width: 50%;
    float: right;
}

    .fifty .cta-button-book {
        padding: 5px;
    }

.fifty-2 {
    width: 45%;
    float: left;
    padding-top: 10px;
    padding-right: 10px;
}

    .fifty-2 img {
        max-width: 100%;
    }

/*Strategic Partners*/

.s-block {
    border: solid 1px #e1e1e1;
    display: inline-block;
    width: 49%;
    color: #888888;
    margin-bottom: 5px;
}

.s-block-inner {
    width: 100%;
    height: 100%;
}

.promo-block img, .s-top img {
    max-width: 100%;
}

.s-top {
    position: relative;
}

    .s-top h5 {
        color: white;
        margin-left: 30px;
    }

.s-bottom {
    padding: 30px;
}

.s-info {
    color: black;
    font-weight: 600;
    margin: 10px 0;
}

.blue {
    color: #00788a;
}

.s-page-nav {
    margin-top: 20px;
}


.s-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(136,136,136,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(136,136,136,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(136,136,136,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(136,136,136,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(136,136,136,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(136,136,136,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#888888', GradientType=0 );
}

/*enhanced partners*/

.e-block {
    padding: 10px 10px;
}

.e-block-inner {
    border-bottom: solid 1px #e1e1e1;
}


.e-block img {
    max-width: 100%;
}

.e-left {
    display: inline-block;
    max-width: 25%;
    vertical-align: top;
    margin-right: 20px;
}

.e-right {
    display: inline-block;
    max-width: 70%;
}

    .e-right h6 {
        font-weight: 600;
    }

.e-pic-frame {
    padding: 5px;
    /*border: solid 1px #e1e1e1;*/
}

.white-col {
    background-color: white;
    margin-bottom: 20px;
}



/* Footer */

footer {
    color: #ffffff;
    background-color: #231f22;
    width: 100%;
    padding: 50px 0;
}

    footer p {
        margin: 15px 0 5px;
    }

    footer .footer-top-content, footer .footer-bottom-content {
        display: inline-block;
        margin: 7px 0;
        width: 100%;
    }

    footer .legal-menu ul, footer .social-btns ul, header .header-options ul {
        padding: 0;
    }

        footer .legal-menu ul li {
            border-right: 1px solid #ffffff;
            float: left;
            margin-right: 10px;
            list-style: none;
            padding-right: 10px;
        }

            footer .legal-menu ul li:last-child {
                padding: 0;
                margin: 0;
                border: 0;
            }

            footer .legal-menu ul li a {
                color: #ffffff;
                text-decoration: none;
            }

                footer .legal-menu ul li a:hover {
                    text-decoration: underline;
                }

    footer .back-to-top {
        float: right !important;
    }


.social-btns ul li {
    float: right;
    margin: 0 10px;
    list-style: none;
}

    .social-btns ul li:first-child {
        margin-right: 0;
    }

.cd-panel-container p {
    margin: 10px 0;
}

.cd-panel-container .social-btns {
    margin-top: 20px;
}

    .cd-panel-container .social-btns ul li {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
        float: left;
        padding-left: 0;
        padding-right: 20px;
    }

        .cd-panel-container .social-btns ul li:first-child {
            margin-left: 0;
        }

#side-btns {
    position: absolute;
    right: 0;
    height: 100px;
    top: 226px;
    width: 36px;
    z-index: 99;
}


    #side-btns .side-btn {
        background-color: #d40f60;
        margin-bottom: 20px;
        padding: 5px;
        text-align: center;
    }



    #side-btns .side-contact a {
        /*width: 50px;*/
        height: 150px;
        background: #d40f60 url(../images/contact-us.png) center center no-repeat;
        text-indent: -99999px;
        display: block;
    }

    #side-btns .vertical-btns {
        position: relative;
    }

    #side-btns .flipped {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
        top: 60px;
        height: 30px;
        position: absolute;
        right: -62px;
        width: 155px;
    }

    #side-btns .side-follow-us {
        top: 242px;
    }


    #side-btns .side-newsletter {
        top: 425px;
    }

    #side-btns .flipped a {
        color: #ffffff;
        display: block;
        font-size: 18px;
        font-weight: 300;
        text-decoration: none;
        width: 150px;
    }


/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #ffffff;
    background: rgba(0, 92, 129, 0.41);
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
}

.reveal-modal {
    background-color: #ffffff;
    border: #005c81 solid 2px;
    border-radius: 20px 0 20px 0;
    left: 50%;
    margin-left: -200px;
    padding: 25px;
    position: absolute;
    /*top: 25%;
    top:10%;*/
    visibility: hidden;
    max-width: 400px;
    width: 100%;
    z-index: 101;
    top: 100px;
}

    .reveal-modal[style] {
        top: 160px !important;
    }

    .reveal-modal .close-reveal-modal {
        color: #005c81;
        cursor: pointer;
        font-size: 25px;
        font-weight: bold;
        line-height: 0.5;
        position: absolute;
        right: 15px;
        top: 15px;
    }

    .reveal-modal h3 {
        text-transform: uppercase;
        color: #005c81;
        font-size: 24px;
    }

    .reveal-modal input {
        border: 1px solid #999;
        height: 17px;
        padding: 10px 15px;
        width: 65%;
        float: left;
        border-radius: 10px 0 0 0;
    }

    .reveal-modal .btn {
        /*background: rgba(0, 0, 0, 0) url("../images/search-btn.png") no-repeat scroll left center;*/
        background: #f6a11c;
        color: #fff;
        border: 0 none;
        /*display: inline-block;
    height: 30px;*/
        /*text-indent: -9999px;
    width: 30px;*/
        float: left;
        border-radius: 0 0 10px 0;
        padding: 7px 15px;
    }

        .reveal-modal .btn:after {
            font-family: FontAwesome;
            content: "\f002";
            color: #fff;
            margin-top: -2px;
            padding-left: 5px;
        }

/* #Sliding Panels Big
================================================== */


.cd-main-content .cd-btn {
    position: relative;
    display: inline-block;
}

.cd-panel {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    -webkit-transition: visibility 0s 0.6s;
    -moz-transition: visibility 0s 0.6s;
    transition: visibility 0s 0.6s;
    z-index: 9999;
}

    .cd-panel::after {
        /* overlay layer */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: transparent;
        cursor: pointer;
        -webkit-transition: background 0.3s 0.3s;
        -moz-transition: background 0.3s 0.3s;
        transition: background 0.3s 0.3s;
    }

    .cd-panel.is-visible {
        visibility: visible;
        -webkit-transition: visibility 0s 0s;
        -moz-transition: visibility 0s 0s;
        transition: visibility 0s 0s;
    }

        .cd-panel.is-visible::after {
            background: rgba(0, 0, 0, 0.6);
            -webkit-transition: background 0.3s 0s;
            -moz-transition: background 0.3s 0s;
            transition: background 0.3s 0s;
        }

        .cd-panel.is-visible .cd-panel-close::before {
            -webkit-animation: cd-close-1 0.6s 0.3s;
            -moz-animation: cd-close-1 0.6s 0.3s;
            animation: cd-close-1 0.6s 0.3s;
        }

        .cd-panel.is-visible .cd-panel-close::after {
            -webkit-animation: cd-close-2 0.6s 0.3s;
            -moz-animation: cd-close-2 0.6s 0.3s;
            animation: cd-close-2 0.6s 0.3s;
        }

.cd-panel-header {
    position: fixed;
    width: 90%;
    height: 125px;
    line-height: 50px;
    background: rgba(255, 255, 255, 0.96);
    z-index: 2;
    -webkit-transition: top 0.3s 0s;
    -moz-transition: top 0.3s 0s;
    transition: top 0.3s 0s;
    margin-top: 0;
}

.from-right .cd-panel-header, .from-left .cd-panel-header {
    top: -100px;
}

.from-right .cd-panel-header {
    right: 0;
    background-color: transparent;
}

.from-left .cd-panel-header {
    left: 0;
}

.is-visible .cd-panel-header {
    top: 0;
    -webkit-transition: top 0.3s 0.3s;
    -moz-transition: top 0.3s 0.3s;
    transition: top 0.3s 0.3s;
}

@media only screen and (min-width: 768px) {
    .cd-panel-header {
        width: 70%;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-panel-header {
        width: 50%;
    }
}

.cd-panel-close, .cd-panel-close-contact {
    background: rgba(0, 0, 0, 0) url("../images/close-panel-btn.png") no-repeat scroll right 22px;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    height: 65px;
    overflow: hidden;
    padding-top: 28px;
    position: absolute;
    right: 30px;
    text-decoration: none;
    top: 4px;
    white-space: nowrap;
    width: 180px;
}

.cd-panel-container {
    position: fixed;
    width: 90%;
    height: 100%;
    top: 0;
    background: #231f22;
    z-index: 1;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.cd-panel-contact .cd-panel-container {
    background: rgb(212,15,96); /* Fall-back for browsers that don't support rgba */
    background: rgba(212,15,96, 0.85);
}

.from-right .cd-panel-container {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.from-left .cd-panel-container {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.is-visible .cd-panel-container {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}

@media only screen and (min-width: 768px) {
    .cd-panel-container {
        width: 70%;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-panel-container {
        width: 50%;
    }
}

.cd-panel-content {
    height: 100%;
    left: 0;
    overflow: auto;
    padding: 95px 1%;
    position: absolute;
    top: 0;
    width: 90%;
}

    .cd-panel-content h2 {
        font-weight: bold;
        color: #ffffff;
        padding-left: 25px;
        font-size: 50px;
    }

    .cd-panel-content ul li {
        background: rgba(0, 0, 0, 0) url("../images/border-menu-li.png") no-repeat scroll left bottom;
        line-height: 1;
        margin: 1em 0;
        padding-bottom: 20px;
    }

    .cd-panel-content .main-menu li a {
        font-size: 25px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        padding-left: 25px;
    }

        .cd-panel-content .main-menu li a:hover, .cd-panel-content ul li a.current {
            color: #f6a11c;
            background: url(../images/menu-hover-arrow.png) left center no-repeat;
        }

    .cd-panel-content .contact-copy {
        padding-left: 27px;
    }

    .cd-panel-content p {
        font-size: 16px;
        font-weight: bold;
        line-height: 20px;
        color: #ffffff;
    }

        .cd-panel-content p a {
            color: #f6a11c;
            text-decoration: underline;
        }

    .cd-panel-content hr {
        border-color: white;
        margin: 50px 0;
    }

    .cd-panel-content .contact-media div {
        color: #ffffff;
        font-size: 25px;
        font-weight: bold;
        margin: 15px 0;
        height: 34px;
        padding-left: 50px;
    }

    .cd-panel-content .contact-media {
        margin-top: 20px;
    }

        .cd-panel-content .contact-media .contact-phone {
            background: url(../images/phone-icon.png) left center no-repeat;
        }

            .cd-panel-content .contact-media .contact-phone span {
                margin-right: 15px;
            }

        .cd-panel-content .contact-media .contact-fax {
            background: url(../images/fax-icon.png) left center no-repeat;
        }

            .cd-panel-content .contact-media .contact-fax span {
                margin-right: 51px;
            }

        .cd-panel-content .contact-media .contact-email {
            background: url(../images/email-icon.png) left center no-repeat;
        }

            .cd-panel-content .contact-media .contact-email span {
                margin-right: 25px;
            }

    .cd-panel-content p:first-of-type {
        margin-top: 0;
    }

/* #Slide Panels Small
================================================== */
.slide-out {
    padding: 20px;
    width: 250px;
    background: rgb(212,15,96); /* Fall-back for browsers that don't support rgba */
    background: rgba(212,15,96, 0.85);
    color: #ffffff;
}

    .slide-out h3 {
        color: #ffffff;
        margin-bottom: 5px;
    }

    .slide-out form.course label {
        margin-bottom: 5px;
        display: block;
    }

    .slide-out form.course input {
        margin-bottom: 10px;
        color: #231f22;
        width: 85%;
        border: 0;
    }

    .slide-out form.course .btn {
        background-color: #ffffff;
        border: 1px solid #ffffff;
        color: #231f22;
        margin-top: 10px;
        padding: 7px 15px;
        width: auto;
    }


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0;
}

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
    }
    /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img {
        width: 100%;
        display: block;
    }

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}


/* FlexSlider Default Theme
*********************************/
.flexslider {
    margin: 0 0 60px;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    zoom: 1;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px;
}


/* Direction Nav */
.flex-direction-nav {
    *height: 0;
}

    .flex-direction-nav a {
        width: 30px;
        height: 40px;
        margin: -20px 0 0;
        display: block;
        background: url(../images/bg_direction_nav.png) no-repeat 0 0;
        position: absolute;
        top: 50%; /*z-index: 10;*/
        cursor: pointer;
        text-indent: -9999px;
        opacity: 0;
        -webkit-transition: all .3s ease;
    }

    .flex-direction-nav .flex-next {
        background-position: 100% 0;
        opacity: 1;
        right: 50px;
    }

    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 50px;
    }

@media (max-width: 767px) {
    .flex-direction-nav .flex-next {
        right: 0;
        top: 60%;
    }

    .flex-direction-nav .flex-prev {
        left: 0;
        top: 60%;
    }
}

.flex-direction-nav .flex-disabled {
    opacity: .3 !important;
    filter: alpha(opacity=30);
    cursor: default;
}

/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

    .flex-control-nav li {
        margin: 0 6px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

    .flex-control-paging li a:hover {
        background: #333;
        background: rgba(0,0,0,0.7);
    }

    .flex-control-paging li a.flex-active {
        background: #000;
        background: rgba(0,0,0,0.9);
        cursor: default;
    }

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0;
    }

    .flex-control-thumbs img {
        width: 100%;
        display: block;
        opacity: .7;
        cursor: pointer;
    }

        .flex-control-thumbs img:hover {
            opacity: 1;
        }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default;
    }

/*@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}*/




/* #Media Queries
================================================== */


@media screen and ( max-height: 750px ) {
    .cd-panel-content h2 {
        font-size: 20px;
    }

    .cd-panel-content .main-menu li a, .cd-panel-content .contact-media div {
        font-size: 15px;
    }

    .cd-panel-content hr {
        margin: 25px 0;
    }
}


@media only screen and (max-width: 1011px) {
    .sections .news .feature-title {
        position: relative;
        top: 0;
        left: 0;
    }

    header #feature-img.home-banner img {
        width: 100%;
        height: auto;
    }

    header #feature-img.home-banner .container-slider {
        margin: 0;
    }

    header #feature-img.home-banner .slideshow-title, header #feature-img.home-banner .slideshow-subtitle, header #feature-img.home-banner .slideshow-cta {
        max-width: 400px;
    }

    header #feature-img.home-banner .slideshow-title {
        font-size: 27px;
    }

    header #feature-img.home-banner .slideshow-subtitle {
        font-size: 20px;
    }
}

@media (max-width: 959px) {
    header #feature-img.home-banner .slideshow-subtitle p {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    header #feature-img.home-banner .container-slider {
        position: relative;
        bottom: 0;
        top: 0;
        width: 100%;
        left: 0;
        margin: auto;
        text-align: center;
    }

    header #feature-img.home-banner .slideshow-title, header #feature-img.home-banner .slideshow-subtitle {
        color: #444;
    }

    header #feature-img.home-banner .slideshow-cta {
        width: 90%;
    }
}

@media only screen and (min-width: 1200px) {
    .container .five.columns {
        width: 280px;
    }

    .container .eleven.columns {
        width: 855px;
    }
}

@media only screen and (min-width: 1600px) {

    header #feature-img.home-banner img {
        width: 1920px;
    }
}



/* #Tablet (Portrait)
================================================== */



/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container {
        width: 768px;
    }

        .container .one.column,
        .container .one.columns {
            width: 28px;
        }

        .container .two.columns {
            width: 76px;
        }

        .container .three.columns {
            width: 124px;
        }

        .container .four.columns {
            width: 172px;
        }

        .container .five.columns {
            width: 220px;
        }

        .container .six.columns {
            width: 235px !important;
        }

        .container .seven.columns {
            width: 316px;
        }

        .container .eight.columns {
            width: 364px;
        }

        .container .nine.columns {
            width: 412px;
        }

        .container .ten.columns {
            width: 460px;
        }

        .container .eleven.columns {
            width: 508px;
        }

        .container .twelve.columns {
            width: 556px;
        }

        .container .thirteen.columns {
            width: 604px;
        }

        .container .fourteen.columns {
            width: 652px;
        }

        .container .fifteen.columns {
            width: 700px;
        }

        .container .sixteen.columns {
            width: 748px;
        }

        .container .one-third.column {
            width: 236px;
        }

        .container .two-thirds.column {
            width: 492px;
        }

        /* Offsets */
        .container .offset-by-one {
            padding-left: 48px;
        }

        .container .offset-by-two {
            padding-left: 96px;
        }

        .container .offset-by-three {
            padding-left: 144px;
        }

        .container .offset-by-four {
            padding-left: 192px;
        }

        .container .offset-by-five {
            padding-left: 240px;
        }

        .container .offset-by-six {
            padding-left: 288px;
        }

        .container .offset-by-seven {
            padding-left: 336px;
        }

        .container .offset-by-eight {
            padding-left: 384px;
        }

        .container .offset-by-nine {
            padding-left: 432px;
        }

        .container .offset-by-ten {
            padding-left: 480px;
        }

        .container .offset-by-eleven {
            padding-left: 528px;
        }

        .container .offset-by-twelve {
            padding-left: 576px;
        }

        .container .offset-by-thirteen {
            padding-left: 624px;
        }

        .container .offset-by-fourteen {
            padding-left: 672px;
        }

        .container .offset-by-fifteen {
            padding-left: 720px;
        }

    .moto-separator .moto-content {
        font-size: 40px;
    }

    footer .back-to-top {
        margin-right: 55px !important;
    }

    .col-8-contact {
        width: 90% !important;
        margin-left: 5% !important;
    }

    .pswd_info {
        right: 20px;
        width: 40%;
    }
    /*header .header-options ul li a.search-option, header .header-options ul li a.basket-option, header .header-options ul li a.login-option, header .header-options ul li a.menu-option {background-size: 20px;}*/
    header .header-options ul li {
        margin-left: 0px;
    }

    .p-block {
        width: 23%;
    }
}

/* Note: Design for a width 1024 Desktop
	================================================== */

@media only screen and (min-width: 960px) and (max-width: 1199px) {
    /* Base Grid */

    .container {
        width: 960px;
    }

        .container .one.column,
        .container .one.columns {
            width: 40px;
        }

        .container .two.columns {
            width: 100px;
        }

        .container .three.columns {
            width: 160px;
        }

        .container .four.columns {
            width: 220px;
        }

        .container .five.columns {
            width: 280px;
        }

        .container .six.columns {
            width: 300px !important;
        }

        .container .seven.columns {
            width: 400px;
        }

        .container .eight.columns {
            width: 435px;
        }

        .container .nine.columns {
            width: 520px;
        }

        .container .ten.columns {
            width: 580px;
        }

        .container .eleven.columns {
            width: 640px;
        }

        .container .twelve.columns {
            width: 700px;
        }

        .container .thirteen.columns {
            width: 760px;
        }

        .container .fourteen.columns {
            width: 820px;
        }

        .container .fifteen.columns {
            width: 880px;
        }

        .container .sixteen.columns {
            width: 940px;
        }

        .container .one-third.column {
            width: 300px;
        }

        .container .two-thirds.column {
            width: 620px;
        }

        /* Offsets */
        .container .offset-by-one {
            padding-left: 60px;
        }

        .container .offset-by-two {
            padding-left: 120px;
        }

        .container .offset-by-three {
            padding-left: 180px;
        }

        .container .offset-by-four {
            padding-left: 240px;
        }

        .container .offset-by-five {
            padding-left: 300px;
        }

        .container .offset-by-six {
            padding-left: 360px;
        }

        .container .offset-by-seven {
            padding-left: 420px;
        }

        .container .offset-by-eight {
            padding-left: 480px;
        }

        .container .offset-by-nine {
            padding-left: 540px;
        }

        .container .offset-by-ten {
            padding-left: 600px;
        }

        .container .offset-by-eleven {
            padding-left: 660px;
        }

        .container .offset-by-twelve {
            padding-left: 720px;
        }

        .container .offset-by-thirteen {
            padding-left: 780px;
        }

        .container .offset-by-fourteen {
            padding-left: 840px;
        }

        .container .offset-by-fifteen {
            padding-left: 900px;
        }

    .map iframe {
        margin-bottom: 85px;
    }

    .company-block img {
        max-width: 320px;
    }

    .p-block {
        width: 23%;
    }
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    .container {
        width: 300px;
    }

        .container .columns,
        .container .column {
            margin: 0;
        }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column {
            width: 300px;
        }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen {
            padding-left: 0;
        }

    #side-btns, .slide-out {
        display: none;
    }

    .moto-separator .moto-content {
        font-size: 40px;
    }

    .form-group-2 {
        margin-left: 0;
    }

    .sign-up .form-group label {
        text-align: left;
    }

    .acc-form-1 form {
        width: 90%;
    }

    .form-group-2 {
        width: 100%;
    }

    .acc-form-1 {
        margin-bottom: 230px;
    }

    .pswd_info {
        top: 440px;
        right: 0px;
        left: 0px;
        bottom: -230px;
        display: block !important;
        margin: auto;
        width: 89.5%;
    }

    .prices .cta-button-book {
        top: 0px;
        width: 85%;
        text-align: center;
        padding: 15px 40px;
    }

    .book-now .cta-button-book {
        margin-left: -15%;
    }

    .tab-links li {
        padding-bottom: 30px;
        position: relative;
        bottom: -30px;
        z-index: -3;
    }

    .p-block {
        width: 48%;
    }

    .s-block {
        width: 95%;
    }
}





/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 439px; /*420px*/ /*padding:0 10px;*/
    }

        .container .columns,
        .container .column {
            margin: 0;
        }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column {
            width: 420px;
        }

    .col-8-contact {
        width: 90% !important;
        margin-left: 5% !important;
    }

    .acc-form-1 {
        margin-bottom: 230px;
    }

    .pswd_info {
        margin: auto;
        top: 440px;
        right: 10px;
        bottom: -230px;
        width: 87%;
        display: block !important;
    }

    .five-col ul {
        max-width: 90%;
    }

    .accordion-share .share {
        width: 20%;
    }

    .accordion-share .accordion-section-title {
        width: 70%;
    }
}

/* #Mobile (Portrait)
================================================== */
@media only screen and (max-width: 479px) {

    h1 {
        font-size: 30px;
    }

    .moto-separator .moto-content {
        font-size: 31px;
    }

    .welcome-message p {
        padding: 0;
    }

    #main-content .blocks-home .six.columns {
        width: 300px;
    }

    .sections .news {
        width: 280px !important;
        margin-bottom: 25px;
    }

        .sections .news .feature-title {
            font-size: 27px;
        }

    .cd-panel-container .social-btns ul li {
        padding-right: 3px;
    }

    .cd-panel-container .social-btns {
        padding-bottom: 200px;
    }

    .reveal-modal {
        margin-left: -145px;
        width: 75%;
    }

        .reveal-modal form input {
            width: 75%;
        }

    .flex-direction-nav .flex-next {
        right: 20px;
    }

    .flex-direction-nav .flex-prev {
        left: 20px;
    }

    header #feature-img.home-banner .slideshow-title, header #feature-img.home-banner .slideshow-subtitle, header #feature-img.home-banner .slideshow-cta {
        max-width: 300px;
        margin-left: 50px;
    }

    header #feature-img.home-banner .slideshow-title {
        font-size: 17px;
    }

    header #feature-img.home-banner .slideshow-subtitle {
        font-size: 14px;
        top: 130px;
        width: 215px !important;
    }

    .cta-button, .cta-button-green {
        /*background: #f6a01a url("../images/cta-arrow.png") no-repeat scroll 125px center;*/
        font-size: 15px;
        height: 44px;
        padding: 16px 36px 0 28px;
        width: 110px;
    }

    .hide {
        display: block !important;
    }

    .show {
        display: none !important;
    }

    header .header-options ul li {
        margin-left: 0px;
    }

    .p-block {
        width: 48%;
    }

    .accordion-share .share {
        width: 30%;
    }

    .accordion-share .accordion-section-title {
        width: 60%;
    }
}

/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.row:after,
.clearfix:after {
    clear: both;
}

.row,
.clearfix {
    zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}


/*newsletter styles*/

.slide-out form.course input {
    width: auto;
}

.check-head {
    margin-top: 20px;
    margin-bottom: 20px !important;
    font-weight: 900;
}

.slide-out-div3 {
    top: 20px !important;
}

.handle3 {
    top: 620px !important;
}


/*** Chamber Membership Benefits ***/
.membership-benefits {
    overflow-x: scroll;
}

    .membership-benefits tbody td {
        padding: 5px 10px;
        text-align: center;
    }

    .membership-benefits tbody tr td:first-child {
        text-align: left;
    }

    .membership-benefits tbody tr:nth-child(even) td:first-child {
        border-radius: 0 20px 0 20px;
        background: #f7f7f7; /* Old browsers */
        background: -moz-linear-gradient(left, #f7f7f7 0%, #e2e2e2 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #f7f7f7 0%,#e2e2e2 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #f7f7f7 0%,#e2e2e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e2e2e2',GradientType=1 ); /* IE6-9 */
    }

    .membership-benefits tbody td a {
        color: #231f22;
    }

    .membership-benefits thead .cta-th {
        padding: 10px 0;
    }

    .membership-benefits tfoot td {
        padding: 5px 10px;
        text-align: center;
        background: #AED0DB;
    }
    .membership-benefits tfoot td:first-child {
        text-align: left;
    }
    .membership-benefits tfoot td:first-child {
        border-radius: 0 0 0 20px;
        background: #AED0DB; 
    }
    .membership-benefits tfoot td:last-child {
        border-radius: 0 20px 0 0;
        background: #AED0DB; /* Old browsers */
    }


.cta-container a {
    display: block;
    height: auto;
}



.discounted-savings {
    background: #aed0db;
    border-radius: 0 20px 0 20px;
}

    .discounted-savings td:first-child {
        border-radius: 0 0 0 20px !important;
        background: #aed0db !important;
    }

    .discounted-savings td:last-child {
        border-radius: 0 20px 0 0;
    }

.blank-row td {
    background: #fff !important;
}

.cta-button.table {
    height: inherit;
    background-position: 89% center;
    width: 86%;
    padding: 10px;
    font-weight: bold;
    font-size: 13px;
    background-size: 8%;
    margin: 0 0 5% 0;
    border-radius: 0 10px 0 10px;
}


/* Member tips */

.memberTipsBlock {
    background: #ffffff;
    padding: 23px 20px;
    margin-bottom: 20px;
    /*box-shadow:10px 10px 15px -6px #e4e4e4;*/
    border: 1px solid #e4e4e4;
}

    .memberTipsBlock img {
        float: right;
        max-width: 197px;
    }

.memberTag {
    color: white;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 0px 15px;
}

    .memberTag.yellow {
        background: #f6a11c;
    }

    .memberTag.green {
        background: #007e80;
    }

    .memberTag.pink {
        background: #d40f60;
    }

    .memberTag a:hover {
        opacity: .7;
    }

.memberButton {
    text-align: right;
}

    .memberButton a {
        background: #f6a11c;
        padding: 5px 60px;
    }

.membersFilter {
    width: 300px;
    margin-bottom: 20px;
    margin-right: 20px;
}

.middle {
    text-align: center;
}

    .middle .active {
        text-decoration: underline;
    }

    .middle a {
        margin-right: 10px;
    }

@media screen and (max-width: 767px) {
    .memberTipsBlock img {
        display: block;
        margin: auto;
        float: none;
        margin-bottom: 20px;
    }

    .memberButton {
        text-align: center;
    }

        .memberButton a {
            width: 100%;
        }
}

/* Member Offers */

.memberOffers .memberTipsBlock {
    border: dashed #cdcdcd;
}

.introParagraph {
    margin-bottom: 40px;
}

.memberDeets, .memberButtonSet {
    display: inline-block;
}

.memberDeets {
    width: 100%;
    padding-right: 10px;
}

.memberButtonSet {
    width: 28%;
}

    .memberButtonSet a {
        margin-bottom: 15px;
        display: block;
        width: 100%;
        text-align: center;
        padding: 5px 0px;
    }

.memberConsult {
    margin-bottom: 0px;
    margin-top: 0px;
}

@media screen and (max-width: 767px) {
    .memberDeets {
        width: 100%;
        margin-bottom: 20px;
        padding-right: 0px;
    }

    .memberButtonSet {
        width: 100%;
    }
}

.advertBoxSml {
    height: 180px;
    background: #cdcdcd;
    margin-bottom: 30px;
}

.advertBoxLrg {
    height: 280px;
    background: #cdcdcd;
    margin-bottom: 30px;
}

.buttonNav .memberButton {
    text-align: center;
}

    .buttonNav .memberButton a {
        background: #f6a11c;
        padding: 5px 0px;
        display: block;
        width: 100%;
    }

.buttonNav .buttonHouse {
    width: 24%;
    padding: 10px;
    display: inline-block;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    .buttonNav .buttonHouse {
        width: 100%;
        margin-bottom: 0px;
    }
}

@media screen and (min-width: 767px) {
    .buttonNav {
        margin-right: -20px;
        margin-left: -30px;
    }
}


/* Accordion generic */

.ui-widget {
    font-family: 'Open Sans', sans-serif !important;
}

.ui-accordion-header .ui-icon {
    display: none;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    right: .9em;
    top: 50%;
    margin-top: -8px;
}

.accordionColumn {
    display: inline-block;
    width: 48%;
    padding-top: 30px;
    vertical-align: text-top;
}

.aC2 {
    width: 50%;
    position: relative;
    left: 20px;
}

.ui-accordion .ui-accordion-content {
    padding-bottom: 0px;
}

.accordionColumn label {
    font-weight: 900;
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
}

.accordionColumn input, .accordionColumn textarea {
    width: 95%;
    padding: 5px;
}

.single-line-outer, .double-line-outer {
    margin-bottom: 20px;
}

.double-line-outer {
    padding-bottom: 26px;
}

.spacer {
    height: 88px;
}

/* Register Green */

.green h3 {
    background: #167f82;
    border: none;
    border-radius: 0px 20px;
    color: #fff;
    letter-spacing: 0px;
    font-weight: 600;
    z-index: 1;
}

.green .content {
    background: #d3dcdb;
    border: none;
    position: relative;
    top: -34px;
    border-radius: 0px 10px 0px 0px;
    z-index: 0;
}

.date {
    position: relative;
}

.date-icon {
    position: absolute;
    right: 12px;
}

@media screen and (max-width: 1200px) {
    .date-icon {
        right: 6px;
    }
}

@media screen and (max-width: 992px) {
    .date-icon {
        right: 2px;
    }
}

@media screen and (max-width: 479px) {
    .date-icon {
        right: -2px;
    }
}

.date-icon .fa {
    color: white;
    background: #167f82;
    border-radius: 0px 8px;
    padding: 9px;
}

.interests {
    display: block;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: -20px;
}

.labelSml {
    font-size: 12px;
    letter-spacing: 0px;
    font-style: italic;
}

@media screen and (max-width: 767px) {
    .accordionColumn {
        width: 100%;
    }

    .spacer {
        display: none;
    }

    .aC2 {
        left: auto;
    }
}


.threeCol {
    padding-top: 30px;
    width: 32%;
    display: inline-block;
    vertical-align: text-top;
}

    .threeCol .radio {
        margin-bottom: 20px;
    }

@media screen and (max-width: 767px) {
    .threeCol {
        width: 100%;
    }
}

.greenText {
    color: #167f82 !important;
    font-weight: 600;
}

.memberButton.form {
    text-align: left;
    margin-top: 20px;
}

    .memberButton.form a {
        padding: 10px 60px;
        display: inline-block;
        color: #fff;
    }

/* register-steps */

.registerRowOuter {
    text-align: center;
}

.registerRowInner {
}

.OBlock {
    display: inline-block;
    width: 130px;
    margin-right: 5%;
    position: relative;
}



    .OBlock .border {
        border: solid 5px #d40f60;
        position: absolute;
        width: 180px;
        bottom: 60px;
        left: 50px;
        z-index: -1;
    }

.nBlock {
    display: inline-block;
    background: #d40f60;
    padding: 16px 31px;
    color: white;
    border-radius: 0px 25px;
    /* margin-right: 90px; */
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .OBlock {
        width: 27%;
    }

    .nBlock {
        padding: 6px 20px;
    }
}

.tBlock p {
    margin-top: 0px;
    color: #167f82;
    font-size: 15px;
    line-height: 1em;
}

@media screen and (max-width: 767px) {
    .tBlock p {
        font-size: 13px;
    }
}

@media screen and (max-width: 480px) {
    .tBlock p {
        height: 40px;
        float: left;
    }
}

.middle {
    margin-bottom: 30px;
}

.OBlock.dis .nBlock {
    background: #e288ae;
}

.OBlock.dis .border {
    border-color: #e288ae;
}

.OBlock.half-dis .border {
    border-color: #e288ae;
}

@media screen and (max-width: 767px) {
    .border {
        display: none;
    }
}

/*.middle div {border:solid 1px red;}*/

/* register yellow thanks yellow */

.middle-class {
    text-align: center;
}

.thankYou {
    margin-top: 0px;
    padding: 20px;
}

    .thankYou p {
        font-weight: 600;
    }

.yellow h3 {
    background: #f6a11c;
    padding: 20px 60px !important;
    font-size: 23px !important;
}

.yellow .content {
    background: #fce9cb;
}

.accAuto .content {
    height: auto !important;
}

/* Member Login */

.memberLogin {
    padding-left: 0px;
    list-style: none;
}

    .memberLogin li {
        display: inline-block;
        background: #f6a11c;
        color: white;
        padding: 5px 20px;
        width: 20%;
        text-align: center;
    }

.checkerRow input {
    width: auto;
    margin-right: 20px;
}

.interestContent {
    margin-top: 50px;
    position: relative;
}

.checkerRow .fa {
    margin-left: 20px;
    color: #167f82;
    cursor: pointer;
}

.infoPopUp {
    text-align: center;
    background: #ffcb7a;
    padding: 20px;
    position: absolute;
    top: 50px;
    left: 20px;
    right: 20px;
    transition: all ease .5s;
    display: none;
}

.showInfoPopUp {
    display: block;
}

.fa-times {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 20px;
    color: #167f82;
}

.uncheckerPopUp {
    text-align: center;
    background: #ffcb7a;
    padding: 20px;
    position: absolute;
    top: 50px;
    left: 20px;
    right: 20px;
    transition: all ease .5s;
    display: none;
}

.showUncheckerPopUp {
    display: block;
}

.popUpButtons .closePopUp {
    background: #f6a11c;
    color: white;
    padding: 5px 20px;
    margin-right: 10px;
    cursor: pointer;
}

/*event details*/

.eventInfo {
    border-bottom: solid 1px black;
    padding-bottom: 20px;
}

    .eventInfo h2 {
        color: #005c81;
    }

.companyInfo.eventInfo h3 {
    font-size: 22px;
}

.eventInfo.noMember {
    border: none;
    padding: 20px 0px;
}

.eventSection h3 {
    font-size: 22px;
}

.eventSection {
    border-bottom: solid 1px black;
    padding-top: 20px;
}

    .eventSection.noBorder {
        border: none;
    }

.locationBox {
    border: solid 1px #f6a11c;
    padding: 30px;
    padding-bottom: 60px;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.75);
}

.companyInfo.eventInfo .memberButton {
    float: right;
    position: relative;
    top: -20px;
}

@media screen and (max-width: 767px) {
    .companyInfo.eventInfo .memberButton {
        float: none;
        top: 0px;
        max-width: 72%;
        text-align: center;
        margin-bottom: 20px;
    }
}

.locationBox img {
    float: right;
    max-width: 200px;
}

@media screen and (max-width: 970px) {
    .locationBox img {
        float: none;
        display: inline-block;
        margin: auto;
    }
}

.locationBox ul {
    padding-left: 0px;
}

.mapLink {
    color: #005c81;
    text-decoration: underline;
    margin-bottom: 10px;
    display: block;
}

.cancelBack {
    margin-right: 30px;
    font-size: 26px !important;
    top: 4px;
    position: relative;
}

.sixteen .cancelBackOuter {
    margin-bottom: 70px;
    margin-top: 40px;
}

    .sixteen .cancelBackOuter a {
        padding: 8px 25px 12px 25px;
    }

.eventForm input, .eventForm textarea {
    width: 95%;
    padding: 5px;
    border: solid 1px #333;
}

/*@media screen and (max-width: 767px) {.eventForm input, .eventForm textarea {width: 92%;}}*/

.eventForm {
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .eventForm input, .eventForm textarea {
        width: 95%;
        padding: 5px;
        border: solid 1px #333;
    }

    .sixteen .cancelBackOuter a {
        padding: 8px 25px 12px 25px;
        max-width: 90%;
    }
}

.eventForm label {
    font-weight: 900;
}

.eventSectionOuter {
    border-top: solid 1px black;
}

.sponsorBox {
    text-align: center;
    margin-top: -50px;
}

    .sponsorBox p {
        margin: 5px;
        font-size: 20px;
    }

    .sponsorBox img {
        max-width: 200px;
    }

.eventsPage.page {
    overflow: inherit;
}

.eventSection ul {
    padding-left: 0px;
    display: inline-block;
    margin-right: 70px;
}

.eventSection .speaker ul {
    display: block;
    margin: 0;
}

/*accordion header*/

.green h3:after {
    content: '\f107';
    font-family: FontAwesome;
    float: right;
    margin-right: 20px;
    font-size: 23px;
}

.green.yellow h3:after {
    display: none;
}

.green.noArrow h3:after {
    display: none;
}



.radioInline .radio-inline {
    margin-right: 20px;
}

    .radioInline .radio-inline input {
        margin-right: 10px;
        position: relative;
        top: 3px;
    }


.companyImage {
    float: right;
    position: relative;
}

.companyUpload {
    position: absolute;
    background: #f6a11c;
    color: #fff;
    padding: 5px 20px;
    right: 0;
    bottom: 0;
}

    .companyUpload a {
        color: inherit;
    }

.companyInfo h3 {
    font-size: 23px;
}

    .companyInfo h3 span {
        font-weight: 500;
        color: #333;
    }

.article .companyInfo h3 span {
    float: right;
}

.companyInfo select {
    padding: 7px;
    width: 350px;
}

.addressCol {
    width: 40%;
    display: inline-block;
    vertical-align: text-top;
}

    .addressCol .address {
        font-weight: 500;
        color: #333;
        font-size: 23px;
        padding-left: 0px;
        padding-top: 0px;
        margin-top: 0px;
        margin-bottom: 40px;
    }

.addressTitle {
    margin-bottom: 0px;
}

.companyDetails .memberButton {
    margin-bottom: 20px;
}

.memberAccordion p {
    margin: 0px 0px 20px 0px;
}

.memberAccordion .accordionColumn {
    padding-top: 0px;
}

.memberAccordion h4 {
    color: #167f82;
}

.accLead {
    margin-top: 30px;
}

.leadBorder {
    border-bottom: solid 2px #167f82;
}

.leadBorder-yellow {
    border-bottom: solid 2px #f6a11c;
}

.addContact h4, .addContact select, .addContact .fa {
    display: inline-block;
}

.addContact select {
    padding: 7px;
    margin-left: 10px;
    width: 58%;
    margin-right: 10px;
}

.addContact .fa {
    background: #f6a11c;
    color: #fff;
    padding: 2px 4px 0px 4px;
    font-size: 37px;
    top: 8px;
    position: relative;
}

.addContact {
    margin-bottom: 20px;
    padding-top: 10px;
}

.memberButtonAdjust {
    margin-right: 34px;
}

.content .memberButton {
    text-align: right;
}

    .content .memberButton a {
        color: white;
    }

    .content .memberButton label {
        float: left;
        font-size: 18px;
        position: relative;
        top: 9px;
    }

.accHeaders {
    margin-top: 30px;
    font-size: 26px;
}

.memberLoginPage .ui-accordion-header {
    font-size: 22px;
}

.memberDetails {
    border: solid 2px #00788a;
    padding: 10px !important;
    margin-top: 15px;
}

    .memberDetails .companyInfo h3 {
        font-size: 15px;
    }

    .memberDetails .companyUpload {
        position: relative;
        display: inline-block;
    }

        .memberDetails .companyUpload:first-of-type {
            margin-bottom: 30px;
        }

.value {
    border: none;
}

    .value p {
        color: #333;
        font-size: 15px;
    }

.img-responsive {
    max-width: 100%;
}

.orangeNews {
    background: #ee6d19;
    padding: 0px !important;
}

    .orangeNews .newsHeader {
        background: #b44518;
        padding: 10px;
    }

    .orangeNews .article {
        padding: 10px;
    }

.news-img {
    width: 100%;
    height: 100px;
    object-fit: cover;
}

.sidebar .widget .chamberTitle {
    margin-bottom: 0px;
    font-weight: 900;
}

.sidebar .widget .subTitle {
    margin-top: 0px;
    text-decoration: underline;
}

.blueEvents {
    width: 100%;
    height: 300px;
    background: blue;
    padding: 0px !important;
    box-sizing: border-box;
    position: relative;
}

    .blueEvents img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .blueEvents .overlay {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background: rgba(255,255,255,0.89);
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 36%, rgba(39,85,162,0.9) 62%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(0%, rgba(255,255,255,0)), color-stop(36%, rgba(255,255,255,0.9)), color-stop(62%, rgba(39,85,162,0.9)));
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 36%, rgba(39,85,162,0.9) 62%);
        background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 36%, rgba(39,85,162,0.9) 62%);
        background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 36%, rgba(39,85,162,0.9) 62%);
    }

.eventDetails {
    position: absolute;
    bottom: 0px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    z-index: 1;
}

.article-date {
    font-weight: 100 !important;
    line-height: 1em;
    font-size: 16px;
}

.article-title {
    text-transform: uppercase;
}



@media screen and (max-width: 1200px) {
    .memberLogin li {
        width: 18%;
    }

    .addContact select {
        width: 46%;
    }
}

@media screen and (max-width: 958px) {
    .memberLogin li {
        width: 16%;
    }

    .addContact select {
        margin-left: 0px;
    }
}

@media screen and (max-width: 767px) {

    .memberLogin li {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
        padding: 10px 0px;
    }

    .companyDetailsHeader {
        text-align: center;
    }

    .companyImage {
        float: none;
        display: inline-block;
        margin: auto;
    }

    .addressCol {
        width: 100%;
    }

    .companyInfo select {
        margin-bottom: 10px;
        width: 100%;
    }

    .addContact select {
        width: 100%;
    }

    .addContact .fa {
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }

    .memberButton label {
        float: none;
        display: block;
        text-align: left;
        margin-bottom: 20px;
    }

    .content .memberButton.form a {
        text-align: center;
        padding: 10px 0px;
    }

    .widget {
        margin-top: 20px;
    }
}

/* yellow Large Form */

.yellowLrg {
    text-align: left;
}

.accSelect {
    padding: 5px;
    width: 98%;
}

textarea.accSelect {
    margin-bottom: 20px;
}

.labelAlone {
    height: 46px;
}

.noSpan span {
    display: none;
}


/* top-tip detail */

.memberOffers {
    margin-bottom: 40px;
}

.memberOffersList {
    padding-left: 0px;
}

    .memberOffersList ol {
        padding-left: 0px;
        margin-bottom: 20px;
    }

.tipsDetails {
    text-align: right;
}

.offersSubheader {
    font-size: 22px;
}

.tipsCompany img {
    max-width: 100%;
}

.page .tipsCompany {
    margin-bottom: 40px;
}

.tipsDetails h4 {
    font-size: 20px;
    color: #555555;
}

.tipsDetails p {
    margin: 0px;
    font-weight: 600;
}

@media screen and (max-width: 767px) {
    .tipsDetails {
        text-align: left;
    }

    .page .tipsCompany {
        margin-bottom: 30px;
    }
}

/* Submit a top tip */

.single-line-outer select {
    padding: 5px;
    width: 97.5%;
}

.formSection {
    margin-bottom: 30px;
}

    .formSection textarea {
        width: 100%;
    }

    .formSection .note {
        font-style: italic;
        margin: 0;
    }

    .formSection label {
        font-weight: 900;
        font-size: 18px;
        margin-bottom: 0px;
        margin-top: 10px;
        display: block;
    }

    .formSection input {
        width: 96%;
        padding: 5px;
        position: relative;
        left: 14px;
    }

.formSectionBorder {
    border-bottom: solid 2px #167f82;
    padding-bottom: 30px;
}

button.add {
    border: none;
    background: #167f82;
    color: white;
    border-radius: 0px 20px;
    padding: 10px 20px;
    font-size: 20px;
    margin-right: 10px;
    margin-left: 30px;
    margin-top: 20px;
}

.formSection .formInner p, .formSection .formInner input {
    display: inline-block;
}

.formSectionNoMargin {
    margin: 0px;
}

.accFormPadding {
    padding-bottom: 50px;
}

.termsLink {
    color: #167f82;
    font-weight: 900;
}

.topTipsheader {
    padding: 12px 2.2em;
}

.uploadContainer {
    position: relative;
}

.fileUpload {
    position: absolute;
    overflow: hidden;
    margin: 10px;
    background: #167f82;
    padding: 6px 20px;
    border-radius: 0px 10px;
    color: white;
    right: -3px;
    top: -9px;
    cursor: pointer;
}

@media screen and (max-width: 992px) {
    .fileUpload {
        right: -6px;
    }
}

@media screen and (max-width: 479px) {
    .fileUpload {
        right: -12px;
    }
}

.fileUpload span {
    cursor: pointer;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.uploadContainer .single-line {
    border-radius: 0px 10px 0px 0px;
    /* box-shadow: none; */
}



/* Quick Links Box */

.quickLinks {
    border: solid 1px #cdcdcd;
}

    .quickLinks ul {
        padding-left: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

        .quickLinks ul li {
            color: #333;
            background: #ececec;
            padding: 10px;
            border-bottom: solid 2px #cdcdcd;
            cursor: pointer;
        }

            .quickLinks ul li ul {
                display: none;
            }

    .quickLinks .quickLinkExpand {
        display: block;
    }

    .quickLinks .subList {
        margin-top: 10px;
    }

        .quickLinks .subList li {
            background: #167f82;
            color: white;
            margin-top: 2px;
        }

            .quickLinks .subList li:hover {
                background: white;
                color: #167f82;
                margin-top: 2px;
            }

    .quickLinks h2 {
        color: white;
        background: #167f82;
        font-size: 26px;
        text-transform: uppercase;
        padding: 10px;
        margin-bottom: 0;
    }

    .quickLinks a {
        color: inherit;
    }

        .quickLinks a:hover {
            color: inherit;
        }

    .quickLinks .fa {
        float: right;
        color: #167f82;
        position: relative;
        top: 5px;
        margin-right: 5px;
    }

.active-arrow .fa-arrow-down {
    display: none;
}

.active-arrow .fa-arrow-up {
    display: inline-block;
}

/* color scheme */
.quickLinks .membership, .quickLinks .membership .fa {
    color: #008ccd;
}

    .quickLinks .membership li {
        background: #008ccd;
    }

        .quickLinks .membership li:hover {
            color: #008ccd;
        }

.quickLinks .bSupport, .quickLinks .bSupport .fa {
    color: #89348c;
}

    .quickLinks .bSupport li {
        background: #89348c;
    }

        .quickLinks .bSupport li:hover {
            color: #89348c;
        }

.quickLinks .cMagazine, .quickLinks .cMagazine .fa {
    color: #66bbb0;
}

    .quickLinks .cMagazine li {
        background: #66bbb0;
    }

        .quickLinks .cMagazine li:hover {
            color: #66bbb0;
        }

.quickLinks .export, .quickLinks .export .fa {
    color: #9aa728;
}

    .quickLinks .export li {
        background: #9aa728;
    }

        .quickLinks .export li:hover {
            color: #9aa728;
        }

.quickLinks .directory, .quickLinks .directory .fa {
    color: #c42b5f;
}

    .quickLinks .directory li {
        background: #c42b5f;
    }

        .quickLinks .directory li:hover {
            color: #c42b5f;
        }

.quickLinks .training, .quickLinks .training .fa {
    color: #f84339;
}

    .quickLinks .training li {
        background: #f84339;
    }

        .quickLinks .training li:hover {
            color: #f84339;
        }

.profile a {
    color: #167f82;
    font-weight: 600;
}









/*[ homepage redesign-------------
] */


.main-page-container {
    margin-bottom: 50px;
}

.heart-container {
    margin: auto;
    max-width: 1200px;
    padding: 20px 0px;
    text-align: center;
    color: #00788a;
    background: #ffffff;
}

    .heart-container h2 {
        color: #00788a;
        text-transform: uppercase;
        font-size: 36px;
        line-height: 1em;
        margin-bottom: 0;
    }

    .heart-container p {
        margin-top: 0px;
        font-size: 15px;
    }

#main-content .n-hp {
    padding-top: 0px;
}

.n-hp .column {
    height: 337px;
    margin-left: 5px;
    margin-right: 5px;
}

#main-content .n-hp div {
    margin-bottom: 10px;
}

.whyChamber {
    background: #228ccb;
}

.container.hp {
    width: 1200px;
}

#main-content .n-hp p {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.1em;
    padding: 0px;
    text-align: left;
    margin-top: 0px;
}

/* new-nav */

.welcomeBack {
    position: absolute;
    right: 0px;
    top: -40px;
    font-weight: 900;
    color: #007e80;
}

.nav-list {
    list-style: none;
    padding: 13px 0 0 0;
    margin: 0 20px 0 55px;
}

    .nav-list li {
        display: inline-block;
        text-align: center; /*width:12%;*/
        margin-right: 26px;
    }

li.wide {
    width: 180px;
}

.nav-list li a {
    /*color: #00788a;*/
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
}

@media screen and (min-width: 1215px) {
    .mobileNav {
        display: none;
    }
}

.whyChamber {
    padding: 20px;
}

    .whyChamber h2, .searchDirectory h2, #main-content .column .widget h2, #main-content .column .centreNewsBottom h2 {
        color: #fff;
        text-transform: uppercase;
        text-align: left;
        font-size: 22px;
        margin-bottom: 10px;
    }

#main-content .column .widget h2 {
    margin-bottom: 0px;
}

.eventBlock {
    position: relative;
}

#main-content .eventBlock .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 0px;
    background: rgba(255,255,255,0.89);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 36%, rgba(39,85,162,0.9) 62%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(0%, rgba(255,255,255,0)), color-stop(36%, rgba(255,255,255,0.9)), color-stop(62%, rgba(39,85,162,0.9)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 36%, rgba(39,85,162,0.9) 62%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 36%, rgba(39,85,162,0.9) 62%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 36%, rgba(39,85,162,0.9) 62%);
}

.eventBlock img {
    width: auto;
    height: 390px;
    display: inline-block;
    margin: auto;
}

.eventBlock .eventDetails {
    position: absolute;
    bottom: 0px;
    margin-bottom: 0px;
    text-align: left;
}

#main-content .eventBlock .article-title {
    text-align: left;
    font-weight: 600;
}

#main-content .eventBlock .article-date {
    text-align: left;
    margin-bottom: 0px;
}

.nav-container { /*pk*/ /*margin-top: 9px;*/
    margin-bottom: 10px;
}

#main-content .n-hp .newsAd {
    margin-bottom: 0px;
    padding: 0px;
    margin-bottom: 5px;
}

.newsAd img {
    width: 100%;
}

.searchDirectory {
    margin-bottom: 0px;
    background: #e8463c;
    padding: 10px;
}

.searchField {
    background: #fff;
    margin-bottom: 0px;
}

    .searchField input {
        width: 100%;
        margin-bottom: 0px;
        border: none;
        background: #f5a9a9;
    }

.searchFieldInner {
    width: 96%;
    position: relative;
    margin-bottom: 0px;
    display: inline-block;
    margin: auto;
    margin-bottom: 0px !important;
}


#main-content .n-hp .searchField p {
    color: #e8463c;
    font-weight: 900;
    padding-left: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}


#main-content .twitterHeader h2 {
    font-size: 22px;
    text-align: left;
    padding: 10px;
    background: #1da1f2;
    color: white;
    margin-bottom: 0px;
}

.fa-twitter {
    margin-right: 10px;
}

.imageNews {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    margin-right: 20px;
}

.textNews {
    display: inline-block;
    width: 70%;
    vertical-align: top;
}



.column .orangeNews div {
    margin-bottom: 0px !important;
}

.orangeNewsOuter {
    background: #ee6d19;
}

.textNews p {
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
}

.textNews .newsSubTitle {
    text-decoration: underline;
    margin-bottom: 7px;
}

#main-content .textNews .newsTitle {
    font-weight: 900;
}


.bottomAdBlock img {
    width: 100%;
}

#main-content div.centerNews {
    margin-bottom: 0px;
}

#main-content div.centreNewsBottom {
    margin-bottom: 0px;
    background: #87358b;
}

#main-content .blocks-home a.read-more {
    margin-right: 0px;
    float: none;
    text-align: left;
    font-size: 14px;
}

#main-content .blocks-home a {
    float: none;
    text-align: left;
    font-size: 14px;
}

.centreNewsBottom {
    padding: 30px;
}

#main-content .n-hp .gridImage {
    margin-bottom: 10px;
    overflow: hidden;
    height: auto;
}

.gridImage img {
    width: 100%;
}


.memberColumns {
    margin-bottom: 0;
    display: inline-block;
    width: 49%;
}

    .memberColumns .memberBenefits {
        margin-bottom: 0px;
        vertical-align: top;
        height: 70px;
    }

    .memberColumns p {
        margin: 0px;
    }

#main-content .n-hp .heavy {
    font-weight: 900;
}

.memberBenefits img {
    max-width: 60px;
    float: left;
    margin-right: 15px;
}

.whyChamber a {
    position: relative;
    top: -20px;
}


.flexslider2 a {
    width: auto !important;
}

.flexslider2 .eventDetails {
    bottom: 52px !important;
}

.eventDetails {
    display: none;
}

.flex-active-slide .eventDetails {
    display: block;
}

.ui-accordion .ui-accordion-content {
    height: auto !important;
}

.dataCheck {
    position: relative;
    top: 1px;
    margin-left: 2px;
}

.termsAgree a {
    color: #005c81;
    text-decoration: underline;
}

.termsAgree .dataCheck {
    margin-right: 5px;
}

.radioInline {
    margin-top: 30px;
    margin-bottom: 30px;
}


/*date box */

.dateImageContainer {
    float: left;
    text-align: center;
    margin-right: 20px;
}

    .dateImageContainer p {
        margin: 0px;
    }

.dateImageMonth {
    font-size: 20px;
    font-weight: bold;
    background: #f6a01a;
    text-transform: uppercase;
    color: white;
    padding: 10px 25px;
    border-bottom: solid white 2px;
    border-radius: 10px 10px 0px 0px;
}

.dateImageDay {
    background: #231f22;
    text-transform: uppercase;
    color: white;
    font-size: 70px;
    font-weight: bold;
    border-radius: 0px 0px 10px 10px;
    line-height: 1.4em;
}


/*responsive -----------------*/


/*homepage at 1200 + */

.container.hp .one-third {
    width: 393px;
    box-sizing: border-box;
}

.container.hp .two-thirds {
    width: 786px;
    box-sizing: border-box;
}

.container.hp .triplets.outer {
    width: 340px;
    box-sizing: border-box;
}

.container.hp .triplets {
    height: 460px;
    width: 490px;
    box-sizing: border-box;
}

.adBlock {
    border: solid 1px #cdcdcd;
    max-width: 170px;
    display: none;
}

    .adBlock img {
        width: 100%;
    }

.adBlockRight {
    float: right;
    margin-right: 55px;
}

.adBlockLeft {
    float: left;
    margin-left: 55px;
}

#main-content .n-hp .rowTwo {
    height: 440px;
}


#main-content .n-hp .rowTwo {
    background-color: #3c4e54;
}

#main-content .rowThree {
    height: 377px;
}

#main-content .rowOne {
    height: 390px;
}



/*homepage-large*/
@media screen and (max-width: 1670px) {
    .container.hp {
        max-width: 900px;
    }

        .container.hp .one-third {
            width: 293px;
        }

        .container.hp .two-thirds {
            width: 586px;
        }

        .container.hp .triplets.outer {
            width: 290px;
        }

        .container.hp .triplets {
            height: 460px;
            width: 290px;
        }

    #main-content .n-hp .rowTwo {
        height: 400px;
    }

    /*#main-content .rowThree {
        height: 337px;
    }*/

    #main-content .n-hp .rowFour {
        height: 385px;
    }

    .hp-video-container {
        margin-top: 40px;
    }

    .vid-outer {
        background: #333;
    }
}


/*homepage-big*/
@media screen and (max-width: 1365px) {
    .container.hp {
        max-width: 750px;
    }

        .container.hp .one-third {
            width: 243px;
        }

        .container.hp .two-thirds {
            width: 486px;
        }

        .container.hp .triplets.outer {
            width: 220px;
            background: #333;
        }

        .container.hp .triplets {
            height: 375px;
            width: 280px;
        }

    #main-content .n-hp .rowTwo {
        height: 360px;
    }

    #main-content .n-hp .rowFour {
        height: 375px;
    }

    .imageNews {
        width: 24%;
    }

    .memberColumns .memberBenefits {
        height: 62px;
    }

    .bottomAdBlock {
        margin-top: 35px;
    }

    /*.heart-container {max-width: 90%;}*/

}

/*desktop-small*/
@media screen and (max-width: 1215px) {
    .adBlock {
        display: none;
    }

    .nav-container {
        display: none;
    }
}


/*ipad*/
@media screen and (max-width: 767px) {
    .container.hp {
        max-width: 100%;
    }

    .container.hp {
        max-width: 100%;
    }

        .container.hp .one-third {
            width: 100%;
        }

        .container.hp .two-thirds {
            width: 100%;
        }

        .container.hp .triplets.outer {
            width: 100%;
            background: #fff;
        }

        .container.hp .triplets {
            height: 375px;
            width: 100%;
        }

    #main-content .container.hp div {
        height: auto !important;
    }

    .eventBlock img {
        height: 300px;
    }

    .imageNews, .textNews {
        width: 100%;
    }

    #twitter-widget-0 {
        height: 500px !important;
    }

    .memberColumns {
        width: 100%;
    }

    .bottomAdBlock {
        margin: 0px;
        background: #fff;
    }

    .orangeNews {
        margin-top: 0px;
    }

    .whyChamber a {
        top: 0px;
    }
}

/* event styles */


.companyInfo h3.booked span {
    color: #d40f60;
    font-weight: 900;
}

.companyInfo h3.booked {
    margin-bottom: 0px;
}

span.fullyBooked {
    color: #d40f60;
    font-weight: 900;
}

.helperText {
    margin: 0px;
}

    .helperText a {
        color: #005c81;
        text-decoration: underline;
    }

.helperText {
    margin-bottom: 2rem;
}

.status {
    margin: 0px;
    font-weight: 900;
    font-size: 15px;
}

    .status span {
        font-weight: 600;
    }

.event-post .date {
    margin-bottom: 0px;
}

.event-post h4 {
    font-size: 18px;
    color: #2d2d2d;
    margin: 0 0 10px;
}

.event-post h3 {
    margin-bottom: 0px;
    font-size: 26px;
}

.eventImage {
    float: right;
    max-width: 170px;
    margin-top: 10px;
}

    .eventImage img {
        max-width: 100%;
    }

@media screen and (max-width: 767px) {
    .eventImage {
        float: none;
        text-align: center;
        margin-bottom: 20px;
    }

        .eventImage img {
            float: none;
        }
}

.eventsListMargin {
    margin-top: 70px;
}

.parkingText {
    margin-bottom: 0px;
}

.parkingInfo {
    margin: 10px 0px 0px 0px;
}

.cost {
    margin-bottom: 0px;
}

.costInfo {
    margin: 0px;
}

    .costInfo span {
        font-weight: 900;
    }




.eventShot {
    height: 152px;
    width: 200px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    display: none;
}

@media screen and (max-width: 767px) {
    .eventShot {
        width: 100%;
        margin-bottom: 10px;
    }
}

.eventShot img {
    height: 100%;
    width: auto;
}

.pagination span.active {
    font-weight: 900;
    text-decoration: underline;
    background-color: transparent !important;
}

.event-post .rm-action {
    background: #f6a01a;
    color: white;
    padding: 10px 60px;
    display: inline-block;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
}

.formSection .formInner .delegate {
    display: block;
    margin-bottom: 0px;
    border-top: solid 2px #167f82;
    padding-top: 10px;
}

.eventsBooking .formSection .formInner input {
    left: auto;
}

.eventsBooking button.add {
    margin-left: 0px;
}

.eventsBooking p {
    margin-top: 0px;
}

    .eventsBooking p.altBooking {
        margin-top: 30px;
        border-top: solid 2px #167f82;
        padding-top: 10px;
    }

        .eventsBooking p.altBooking a {
            color: #167f82;
            font-weight: 900;
        }

            .eventsBooking p.altBooking a:hover {
                text-decoration: underline;
            }

.eventAdditional {
    margin: 0px;
    background: #005c81;
    padding: 10px;
    color: #fff;
    white-space: normal;
}

.companyInfo .memberButton.simEvents {
    text-align: right;
    float: none;
}

.columnContainer {
    white-space: nowrap;
}

    .columnContainer .row {
        margin: 0px;
    }

.width50 {
    margin: 0px;
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

    .width50 * {
        white-space: normal;
    }

    /*.companyInfo {border:solid 1px red;}
.companyInfo div {border:solid 1px red;}*/

    .width50 a {
        margin-top: 10px;
        background: #f6a11c;
        text-align: center;
        width: 98%;
        display: inline-block;
        padding: 10px 0px 10px 0px;
        color: #fff;
    }

        .width50 a.disabled {
            background: #adab9b;
            cursor: inherit;
        }

.enquireBtn a {
    width: 175px;
    text-align: center;
}

@media screen and (max-width: 1200px) {
    .enquireBtn a {
        width: 110px;
    }
}

@media screen and (max-width: 992px) {
    .enquireBtn a {
        width: 70px;
    }
}

@media screen and (max-width: 767px) {
    .width50 {
        width: 100%;
        display: block;
    }

        .width50 h3 {
            margin-bottom: 0px;
            margin-top: 10px;
        }

    .eventAdditional {
        margin-top: 10px;
        width: 93.5%;
    }

    .enquireBtn a {
        width: 71.5%;
    }
}


@media screen and (max-width: 479px) {
    .eventAdditional {
        margin-top: 10px;
        width: 91.5%;
    }

    .enquireBtn a {
        width: 61.5%;
    }
}

/* full calendar text wrap*/
span.fc-title {
    padding: 5px !important;
    text-overflow: ellipsis;
    white-space: pre-line;
}
/*/full calendar text wrap*/




/*[ Styles - DF-----------------
]*/

/* Homepage Banner [08] */

/*.slideshow-title, .slideshow-subtitle {text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);}*/


@media only screen and (min-width: 992px) {
    header #feature-img.home-banner img {
        width: 960px; /*height: 362px;*/
        height: auto;
    }
}

@media only screen and (min-width: 1200px) {
    header #feature-img.home-banner img {
        width: 1200px; /*height: 507px;object-fit: cover;*/
        height: auto;
    }
}

@media only screen and (min-width: 1600px) {
    header #feature-img.home-banner img {
        width: 100%; /*height: 600px;object-fit: contain;*/
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    header #feature-img.home-banner img {
        width: 420px; /*height: 162px;*/
        height: auto;
    }
}

#calendar { /*pk*/ /*margin-bottom: 70px;*/
}

.login .form-group input {
    width: 95%;
}

/*.cta-button, .cta-button-green {background: #f6a01a url("../images/cta-arrow.png") no-repeat scroll 210px center;}*/
.sections .news {
    height: 310px;
}

.post img {
    height: 130px;
    object-fit: cover;
}

.eleven.columns .pagination p {
    margin-bottom: 60px;
}

.container.hp .triplets {
    margin-bottom: 70px !important;
}

.handle3 {
    top: 0px !important;
}

.slide-out-div3[style] {
    top: 555px !important;
}

.slide-out-div2[style] {
    top: 396px !important;
}

/* Links */

a {
    color: #007e80;
    font-weight: 900;
}

.contact-email a, .textNews a, .centreNewsBottom a, .eventDetails a {
    color: #fff;
}

#main-content .blocks-home a {
    width: auto;
    height: auto;
    color: #fff;
}

.benefits a {
    color: #fff;
    text-decoration: underline;
}

/* Form Fix */

.user-info ul li:last-child {
    text-align: left;
    margin: 10px 20px;
}

/* Strategic Partnerships */

.accordion li {
    list-style-type: disc;
    color: #007e80;
}

/* Business Support */
.feature-title:empty {
    display: none;
}

.sections .bSupport {
    height: auto;
}

    .sections .bSupport .feature-img {
    }

        .sections .bSupport .feature-img img {
            object-fit: cover;
            height: 243px;
            width: 560px;
        }

    .sections .bSupport .feature-excerpt {
        height: 75px;
        overflow: hidden;
    }

@media screen and (max-width: 767px) {
    .sections .bSupport {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .sections .bSupport .feature-img img {
        height: 243px;
        width: 435px;
    }
}

@media screen and (max-width: 992px) {
    .sections .bSupport .feature-img img {
        height: 179px;
        width: 364px;
    }
}

@media screen and (max-width: 767px) {
    .sections .bSupport .feature-img img {
        height: 206px;
        width: 420px;
    }
}

@media screen and (max-width: 480px) {
    .sections .bSupport .feature-img img {
        height: 137px;
        width: 280px;
    }
}

#feature-img h1:empty {
    display: none;
}

/* Events */

.width50 button, .memberButton button {
    margin-top: 10px;
    background: #f6a11c;
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 10px 0px 10px 0px;
    color: #333;
    border: none;
}

.memberButton button {
    padding: 10px 10px 10px 10px;
    width: auto;
}

@media screen and (max-width: 480px) {
    .memberButton button {
        width: 100%;
    }
}

.forgotPassword {
    margin: 0px;
}

    .forgotPassword a {
        color: #fff;
        text-decoration: underline;
    }

.adBlockLanding {
    margin-top: 30px;
    margin-bottom: 20px;
}

    .adBlockLanding.adBlockLeft {
        margin-right: 60px;
    }

.container.hp h4 {
    margin-top: -30px;
}

/*.genericPage .cta-button, .genericPage .cta-button-green {
    background: #f6a01a url("../images/cta-arrow.png") no-repeat scroll 210px center;
}*/

.genericPage .cta-button-green {
    background-position: 160px center;
    font-size: 17px;
    height: 43px;
    padding: 16px 33px;
    width: 220px;
    line-height: 1em;
    text-align: center;
}

/* NewsDetail */

.newsDetail.post {
    border-bottom: none;
}

.newsDetail .cta-button {
    width: auto;
    text-align: center;
    line-height: 1em;
    background-image: none;
    height: auto;
    padding: 16px 36px 16px 36px;
}

    .newsDetail .cta-button:after {
        content: url(images/cta-arrow.png);
        margin-left: 10px;
        position: relative;
        top: 3px;
    }

/* Responsive Banner */

/*@media screen and (max-width: 1200px) {
header #feature-img.home-banner .slideshow-title {
    font-size: 35px;
    top: 50px;
    height: 160px;
    overflow: hidden;}

header #feature-img.home-banner .slideshow-subtitle {top: 150px;}
header #feature-img.home-banner .slideshow-cta {top: 240px;}
header #feature-img.home-banner .slideshow-subtitle {height: 110px;overflow: hidden;}
}*/

@media screen and (max-width: 992px) {
    header #feature-img.home-banner .slideshow-title {
        font-size: 26px;
    }
}

@media screen and (max-width: 959px) {
    header #feature-img.home-banner .slideshow-title {
        font-size: 22px;
    }
}

/*
@media screen and (max-width: 767px) {
header #feature-img.home-banner .slideshow-title {font-size: 24px;height: 110px;overflow: hidden; position: relative; color: #333; text-shadow:none;}
header #feature-img.home-banner .slideshow-subtitle {height: 97px;overflow: hidden; top:130px; position: relative;}

}*/

.textChange, .textChange2 {
    float: right;
    color: #005c81;
    font-weight: bold;
}

.list, .change {
    background-size: contain;
    width: 30px;
    height: 30px;
}

.textChange2 {
    float: right;
    position: relative;
    top: -115px;
    right: 460px;
}

.textChange {
    position: relative;
    top: -24px;
    right: 6px;
}

@media screen and (max-width: 767px) {
    /*.textChange, .textChange2 {display: none;}*/
    .select-box-inner label {
        width: 75px;
        display: inline-block;
    }
}

@media screen and (max-width: 480px) {
    .select-box-inner select[style] {
        width: 275px !important;
    }

    p.memberEvents a {
        width: 100%;
        text-align: center;
        padding: 15px;
        margin-bottom: 5px;
    }

    p.memberEvents {
        float: none;
        margin-left: 0px;
    }
}

.login.forPass {
    min-height: 0px;
}

    .login.forPass input {
        padding: 5px 7px;
        border-radius: 5px;
        box-shadow: none;
        border: none;
        line-height: 24px;
        width: 70%;
    }

    .login.forPass .btn-login {
        margin-left: 0;
    }

    .login.forPass label {
        display: block;
        width: 100%;
    }

@media screen and (max-width: 767px) {
    .login.forPass input {
        width: 95%;
    }
}

.memberEvents {
    text-align: right;
    float: right;
    margin: 0 0 0 10px;
}

.filterForm p:nth-child(3) {
    clear: both;
}

.memberEvents a {
    color: white;
    background: #f6a01a;
    padding: 15px 30px;
    margin-bottom: 0px;
    display: inline-block;
}

.eventForm {
    overflow: hidden;
    max-height: 0px;
    transition: all ease-in-out .5s;
}

.openEventForm:hover {
    text-decoration: underline;
    cursor: pointer;
}

.eventForm.eventFormOpen {
    max-height: 564px;
}

.addressCol.eventCol {
    width: auto;
}

.companyInfo .memberButton.eventFormBtnContainer {
    float: none;
}

@media screen and (max-width: 767px) {
    .eight .companyInfo .eventFormBtnContainer {
        max-width: 98%;
    }
}

/* search results */

.search-filter-section .btn, .search-result-more {
    float: right;
    border: none;
    margin-left: 10px;
    /*border-radius: 15px 0px;*/
    padding: 5px 10px;
    position: relative;
    color: white;
    background: #f6a019;
    position: relative;
    top: -4px;
}

.search-result-filter {
    border-bottom: solid 2px #d40f60;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

.search-results .tab-content .tab.active {
    background-color: transparent !important;
}

.search-results h5 {
    margin-bottom: 0px;
}

    .search-results h5 a {
        font-size: 35px;
        line-height: 1.3;
        letter-spacing: -.1rem;
        color: #005c81;
    }

.search-results p {
    margin: 0;
    margin-bottom: 15px;
}

p.list-date {
    font-weight: 400;
    color: #9e9e9e;
    margin: 20px 0px;
}

.search-results a {
    margin-bottom: 10px;
    display: block;
    color: black;
}

    .search-results a.btn-default:after {
        content: '>';
        margin-left: 5px;
        position: relative;
        top: 1px;
    }

.search-results .tab-links li {
    top: 10px;
}

    .search-results .tab-links li.active {
        background-color: transparent !important;
    }

.tab-content .result {
    border-bottom: solid 2px #f6a019;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .reveal-modal .btn-default {
        display: block;
        float: none;
        width: 100%;
    }

    .reveal-modal input {
        width: 92%;
        margin-bottom: 3px;
    }

    .reveal-modal {
        width: 80%;
        max-width: none;
        left: 5%;
        right: 5%;
        margin-left: 0;
    }
}


@media screen and (max-width: 480px) {
    header #feature-img.home-banner .slideshow-cta {
        max-width: initial;
        width: 88%;
        display: block;
        position: relative;
        margin-left: 0px;
    }

    .reveal-modal {
        width: auto;
        max-width: none;
        left: 10px;
        right: 10px;
        margin: auto;
    }

    header #feature-img.home-banner .slideshow-title, header #feature-img.home-banner .slideshow-subtitle, header #feature-img.home-banner .slideshow-cta {
        max-width: 300px;
        margin-left: 0px;
        text-align: center;
        top: 0px;
    }

    .slideshow-subtitle {
        font-size: 14px;
        top: 0px;
        width: 215px !important;
        display: initial;
    }

    header #feature-img.home-banner .slideshow-title {
        height: 50px;
        overflow: hidden;
    }

    .flex-direction-nav .flex-next {
        right: 0px;
    }

    .flex-direction-nav .flex-prev {
        left: 0px;
    }
}

/* events */
.eventsPage .columnContainer .width50:first-of-type {
    display: none;
}

.eventsPage .columnContainer .width50 {
    width: 100%;
}

.eventsBooking .topTipsheader {
    padding: 16px 12px;
    line-height: 1em;
    font-size: 26px;
}

.eventBookingForm {
    padding: 0px 15px;
}

.errorMessage {
    color: red;
}


/* home page */
.hp .orangeNews .imageNews {
    display: none;
}

.textNews {
    width: 99%;
}


.slide-out-div3 {
    z-index: 999;
}

    .slide-out-div3 form.course .btn {
        background-color: #f7a01b;
        color: white;
        border: none;
    }

.slide-out-div2 .btn-login {
    color: white;
}

    .slide-out-div2 .btn-login:hover {
        border: none;
    }

/* membership */

.genericPage .cta-button-green {
    height: auto;
    display: inline-block;
    margin: 0px;
}

@media screen and (min-width: 767px) and (max-width: 1365px) {
    .bottomAdBlock img {
        width: 100%;
        height: 375px;
        /* object-fit: cover; */
        /* padding: 10px; */
        margin: auto;
    }

    .bottomAdBlock {
        margin-top: 0px;
    }
}


/* Events presenters */
.eventPresenters ul {
    padding-left: 0;
    display: inline-block;
    margin-right: 0;
    max-width: 240px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.eventPresenters ul li {
list-style: none;
}

.eventPresenters ul li:first-child {
    font-weight: 900;
    margin-bottom: 0px;
}

.eventPresenters ul li:last-child {
    margin-bottom: 0px;
}





.eventContent ul {
    padding-left: 0;
    display: inline-block;
    margin: 10px 10px 10px 30px;
}
.eventContent ul li {
    list-style: disc;
}



.speaker img {
    margin-bottom: 20px;
    height: 100px;
    object-fit: contain;
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden;
    }
}


/*[Ie 8 specific browser hacks----------------------]*/
.cd-panel-container {
    display: none\9;
}

.side-contact {
    display: none\9;
}

/*[Ie 9 specific browser hacks----------------------]*/
@media screen and (min-width:0\0) {
    .slide-out-div2, .slide-out-div3 {
        display: none;
    }
    /*.slide-out-div2, .slide-out-div3 {display: none\0/;}*/
}

/*[Firefox browser hacks----------------------]*/
@-moz-document url-prefix() {
    .user-info ul {
        padding-left: 0px;
    }

    .acc-form-1 input {
        width: 98%;
    }
}

/*--------RUBI INTEGRATION CHANGES / ADDITIONS*/
.margin-top-10 {
    margin-top: 10px !important;
}

.margin-left-15 {
    margin-left: 15px;
}

.height-30 {
    height: 30px;
}

.color-white {
    color: white !important;
}

.memberTag > a {
    color: white !important;
}

header .header-options ul li button {
    text-align: center;
    width: 70px;
    height: 30px;
    display: block;
    text-decoration: none;
    color: #007e80;
    padding-top: 70px;
    border: none !important;
    font-weight: 900;
}

    header .header-options ul li button.login-option {
        background: url(../images/header-login-bg.png) top center no-repeat;
    }

.ui-accordion .ui-accordion-content {
    padding-top: 70px !important;
}

.column-1 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.column-2 {
    margin-left: 10px !important;
    margin-right: 0px !important;
}

@media only screen and (max-width: 768px) {
    .column-2 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

.change-password-form form {
    width: 100% !important;
}

.change-password-form .form-group {
    width: 50% !important;
}

.change-password-form form input {
    height: 25px;
}

.field-validation-error {
    color: #f84339;
    font-weight: bold;
}

.change-password-form .form-control {
    margin-top: 10px;
    margin-bottom: 10px;
}

.member-submit-textarea {
    margin-top: 15px;
    width: 100%;
    height: 200px;
    padding: 10px;
}

#success-status {
    font-weight: bold;
    color: #008000 !important;
}

#vacancy-loading-image {
    display: none;
}

#news-loading-image {
    display: none;
}

.loading-image-container {
    text-align: center;
    width: 100%;
}

.form-label {
    font-weight: bold;
}

#news-success-status {
    font-weight: bold;
    color: #008000 !important;
}

.profile-form input {
    width: 80% !important;
    height: 35px;
    padding: 5px;
    margin-bottom: 10px;
}

.profile-form select {
    width: 81.5% !important;
    height: 50px;
    padding: 5px;
    margin-bottom: 10px;
}

.profile-form .text-area {
    width: 80%;
    height: 250px;
}

.advert-pop-up {
    max-width: 550px;
    position: fixed !important;
    left: 44%;
}

@media only screen and (max-width: 900px) {
    .advert-pop-up {
        left: 41%;
    }
}

@media only screen and (max-width: 767px) {
    .advert-pop-up {
        width: 80% !important;
        max-width: none !important;
        left: 5% !important;
        right: 5% !important;
    }
}

.advert-pop-up-video {
    margin-top: 10px;
}

.member-logout-option {
    background-image: url('/images/header-logout-bg.png');
    background-repeat: no-repeat;
    background-color: white;
}

.advert-container-c {
    display: inline-block !important;
    text-align: center;
}

/*.member-directory-container {
    background: white;
}*/

.e-block {
    border: 1px solid #a9a9a9;
    margin-bottom: 15px;
}

.e-block-inner {
    border-bottom: none;
}

.e-right {
    width: 100%;
}

.e-right-top {
    margin-bottom: 15px;
    width: 100%;
    overflow: hidden;
}

    .e-right-top h5 {
        color: rgb(0, 126, 128) !important;
    }

.e-right-bottom p {
    margin: initial !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.e-right-bottom a {
    text-decoration: none;
    color: black;
    font-weight: initial;
}

.member-directory-form {
    margin-bottom: 35px;
    background: #FEEDD4;
    padding: 15px;
    position: relative;
}

.form-btn-right {
    float: right;
}

.key-word-search {
    padding: 10px;
    padding-left: 15px;
    font-weight: bold;
}

.member-directory-drop-down {
    padding: 10px;
    padding-left: 15px;
    font-weight: bold;
}

.member-directory-input {
    min-width: 200px;
}

.member-directory-input-main {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px;
}

.member-directory-input-select {
    width: 32%;
    margin-right: 18px;
}

#rightSelect {
    margin-right: 0;
}

.form-height {
    overflow: auto;
}

.member-directory-submit {
    margin-top: 15px;
    background-color: #f6a11c;
    color: white;
    font-weight: bold;
    padding: 10px;
    border: none;
    width: 200px;
}

@media only screen and (max-width: 1080px) {
    .member-directory-input {
        width: 80% !important;
        margin-top: 15px;
    }
}

.e-left {
    min-width: 260px;
    max-width: 260px;
    text-align: center;
}

    .e-left img {
        max-width: 100%;
        margin: 0px auto;
    }

.directory-read-more-btn {
    background: #f6a11c;
    color: white;
    text-decoration: none;
    padding: 5px;
    width: 200px;
    float: right;
    margin-bottom: 15px;
    text-align: center;
    font-weight: normal;
}

.member-type-tag-corp {
    background: rgb(0, 126, 128);
    color: white;
    text-decoration: none;
    padding: 10px;
    float: right;
    margin-bottom: 15px;
    border-radius: 15px 0 15px 0;
}

.member-type-tag-essential {
    background: #f6a11c;
    color: white;
    text-decoration: none;
    padding: 10px;
    float: right;
    margin-bottom: 15px;
    border-radius: 15px 0 15px 0;
}

.member-type-tag-strat {
    background: #d40f60;
    color: white;
    text-decoration: none;
    padding: 10px;
    float: right;
    margin-bottom: 15px;
    border-radius: 15px 0 15px 0;
}

.member-type-tag-build {
    background: #3f9eb4;
    color: white;
    text-decoration: none;
    padding: 10px;
    float: right;
    margin-bottom: 15px;
    border-radius: 15px 0 15px 0;
}

.member-type-tag-global {
    background: #0a6b2a;
    color: white;
    text-decoration: none;
    padding: 10px;
    float: right;
    margin-bottom: 15px;
    border-radius: 15px 0 15px 0;
}
.strategic-directory-entry {
}

.strategic-partner-btn {
    background: #f6a11c;
    color: white;
    text-decoration: none;
    padding: 0px;
    float: right;
    margin-bottom: 15px;
    width: 100%;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;
}

.member-type-tag-strat-enhanced {
    background: #d40f60;
    color: white;
    text-decoration: none;
    padding: 0px;
    float: right;
    margin-bottom: 15px;
    border-radius: 0 15px 0 15px;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.strat-left {
    text-align: center;
}

    .strat-left p {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .strat-left h5 {
        margin-bottom: 10px;
        color: rgb(0, 126, 128) !important;
        font-size: 22.5px;
    }

.strategic-directory-entry-right {
    width: 100%;
}

#memberContactUpdateGif {
    display: none;
    text-align: center;
}

#contactHasLeftCheckBox {
    display: none;
}

#addContactSuccess {
    display: none;
}

    #addContactSuccess p {
        font-weight: bold;
        color: #008000 !important;
        text-align: center;
    }

#addContactFailure {
    display: none;
}

.registration-error {
    color: #f84339 !important;
}

.book-now-button {
    color: white !important;
    font-weight: bold;
    max-width: 50%;
    margin: 0 auto;
}


/*Purchase order form*/

.content {
    padding: 20px;
}

#purchase-order {
    background: #d3dcdb;
    border: none;
    position: relative;
    border-radius: 0px 20px 0px 0px;
    z-index: 0;
}

#accordion #purchase-order h3 {
    margin-bottom: 0;
}

#accordion #purchase-order.content {
    padding-top: 0;
}

    #accordion #purchase-order .content form .validation-summary-valid ul {
        margin: 0;
    }

    #accordion #purchase-order .content .accordionColumn {
        padding-top: 0;
    }
/*Filter button*/
.filter-btn {
    background: #f6a11c;
    color: #ffffff;
    border: none;
}

/* pk-fixes */

.center-heading {
    text-align: center;
}

.address li, .companyInfo span {
    font-size: 16px;
}

.companyInfo h3 {
    font-size: 20px;
}

.no-margin-left {
    margin-left: 0 !important;
}

.event-form {
    padding-right: 10px;
}

.event-form-inputs input {
    margin: 0 5px 20px 0;
}

.select-attendee {
    width: 180px;
    float: left;
}

/*Top tips*/

@media screen and (max-width:959px) {

    .tt-col:nth-child(2) {
        margin-top: 50px;
    }
}


@media screen and (min-width:960px) {
    .tt-col:nth-child(1) {
        margin-right: 4%;
    }

    .tt-col:nth-child(2) {
        margin-top: 50px;
    }

    .tt-col {
        width: 48%;
        float: left;
    }
}


/*Change password*/

.change-password-form {
    padding: 20px;
}





.change-pwd-submit {
    margin: 0 auto;
}

.form-input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 45px !important;
}


@media screen and (max-width:768px) {
    .change-password-form .form-group {
        width: 100% !important;
    }
}

@media screen and (min-width:769px) {
    .change-password-form .form-group {
        width: 48% !important;
    }

    .new-pwd-input-right {
        padding-left: 20px;
    }

    .new-password-input {
        float: left;
    }
}



/*Events page*/

.select-box-inner {
    overflow: auto;
}

.events-selection {
    width: 50%;
    float: left;
}

@media screen and (max-width:767px) {
    .events-selection {
        width: 100%;
        float: left;
    }
}

/*Payment confirmation page*/
#paymentConfirmation {
    /*z-index:-1;*/
    padding: 20px;
}

#accordion.yellow h3 {
    position: relative;
}

#paymentConfirmation .row {
    margin-bottom: 10px !important;
}

.billing-address-heading {
    margin-top: 30px;
}

/*Event booking*/
#ticketBooking {
    background: #D40F60;
    color: #ffffff;
    margin: 10px 10px 0 0;
    padding: 10px;
    font-size: 28px;
}

@media screen and (max-width:479px) {
    .textChange2 {
        float: right;
        position: relative;
        top: -101px;
        right: 36px;
        font-size: 14px;
    }

    .textChange {
        position: relative;
        top: -21px;
        right: 6px;
        font-size: 14px;
    }
}

@media screen and (min-width:480px) and (max-width:768px) {
    /*.event-div {
        height:655px;
    }*/
    .textChange2 {
        top: -104px;
        right: 60px;
    }

    .textChange {
        position: relative;
        top: -79px;
        right: 41px;
    }

    .calendar-icon {
        position: relative;
        top: 10px;
        width: 50px;
        margin: 0;
        left: 370px;
        min-height: 95px;
    }
}


@media screen and (max-width:768px) {
    .payment-left-div {
        width: 100%;
    }

    .payment-hidden {
        display: none;
    }

    .paynow-btn {
        width: 100%;
    }

    .altBooking {
        text-align: center;
    }
}

.green #purchase-order .content {
    top: 0;
}

/*Nav*/

@media screen and (min-width:1216px) {
    #navWrapper {
        background: #008080;
        height: 50px;
        border-bottom: 5px solid #ffffff;
    }
}
/*Expiry date*/
#dateExpires {
    font-weight: 700;
    margin-bottom: 0;
}

    #dateExpires p {
        margin: 15px 0;
    }
/*Business Decsription*/
#businessHeading {
    margin: 0;
}

#businessDesc {
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 15px;
}

/*white space*/

.white-bkgrnd {
    background: #ffffff;
    padding-top: 20px;
}

.site-margin-top {
    margin-top: -6px;
}

#site-main .container {
    background: #ffffff;
}

.white-padding h1, .white-padding p, .white-padding span, .white-padding h3, .white-padding h4, .white-padding h5 {
    padding: 0 10px;
}

.partners div {
    margin-bottom: 0 !important;
}

#logo img {
    position: relative;
    bottom: 9px;
}

@media screen and (max-width: 479px) {
    .heart-container {
        width: 300px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .heart-container {
        width: 420px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {

    .heart-container {
        width: 768px;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {

    .heart-container {
        width: 960px;
    }
}

.bx-viewport {
    margin: 0 2.5% 10px 2.5%;
}

.bx-wrapper {
    padding-top: 20px;
}

#calendar {
    padding: 0 10px 10px;
}

#white-header {
    background: #ffffff;
}

.heart-container h2, .heart-container p {
    padding: 0 20px;
}

.border-styling {
    border-left: 10px solid #ffffff;
    border-right: 10px solid #ffffff;
}

.border-styling-left {
    border-left: 10px solid #ffffff;
}

.partners + div {
    border: 10px solid #ffffff;
}

/*Search*/

.no-margin-btm {
    margin-bottom: 0;
}

#dateExpires p {
    margin: 15px 0;
}

.address-info h3 {
    margin-bottom: 1rem;
}

.filter-margin {
    margin-bottom: 20px;
}

.margin-15 {
    margin: 10px 0;
}

.border-radius-restyle {
    border-radius: 0 20px;
}

.border-top-right {
    border-top-right-radius: 20px;
}

.back-to-top-div {
    float: right;
}

#footer-left {
    width: 74%;
    font-size: 15px;
}

#footer-right {
    margin: 0;
    width: 21%;
}

#backToTopCopy {
    line-height: 3;
    margin-right: 10px;
    display: inline;
}

@media screen and (max-width:843px) {
    #footer-left {
        width: 100%;
        font-size: 15px;
    }

    #footer-right {
        width: 100%;
    }
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
    footer .back-to-top {
        margin-right: 0 !important;
    }
}

@media screen and (min-width:529px) {
    #backToTopArrow {
        margin-right: 4%;
    }
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

.profile-margin-top {
    margin-top: 1px;
}

.back-to-top-anchor {
    color: #ffffff;
    font-weight: 100;
}

.fa-pencil {
    margin-right: 10px;
}

.bit-memberprofile .site-margin-top, .bit-memberslandingpage .site-margin-top, .bit-newslisting .site-margin-top {
    margin-top: 0 !important;
}

.accordion-section-content a:hover {
    text-decoration: underline;
}

.offer-ptag {
    font-weight: 700;
}

.mainsponsors {
    padding: 0;
}

    .mainsponsors li {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .supportedby {
    padding: 0;
}

    .supportedby li {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }


.news-listing {
    clear: both;
}

.margin-top-20 {
    margin-top: 20px;
}

.page .tipsCompany {
    text-align: center;
}

.tipsCompany img {
    width: 25%;
}

.tipsDetails p {
    width: 31%;
    margin: 0 1%;
    float: left;
    clear: right;
    text-align: center;
    margin-bottom: 20px;
}

.tipsDetails h4 {
    text-align: center;
}
/*280317*/
.value-statement {
    background: #FCE2B8;
    border: 2px solid #F6A11C;
    padding: 10px;
}

    .value-statement h3 {
        color: #F6A11C;
        text-align: center;
    }

        .value-statement h3:first-child {
            font-size: 18px;
            padding-top: 10px;
        }

    .value-statement span {
        float: none !important;
        margin-left: 15px;
    }

    .value-statement p {
        text-align: center;
    }

.no-padding {
    padding: 0 !important;
}


.memberDetails-blue {
    background: #DCEEEE;
}

.offer-description {
    line-height: 1.2;
    text-align: justify;
}

@media screen and (max-width:768px) {
    .offer-description {
        width: 100%;
    }
}

@media screen and (min-width:767px) and (max-width:959px) {
    .offer-description {
        width: 60%;
    }
}



@media screen and (min-width:960px) {
    .offer-description {
        width: 73%;
    }
}

.event-description, .event-description p {
    margin: 15px 0 20px;
}

.company-heading {
    text-align: center;
    border-bottom: 2px solid;
    padding-bottom: 10px;
}

.clear-filter {
    background-color: transparent;
    color: #00788a;
    text-align: center;
    width: 12%;
    margin-right: 12px;
}


@media screen and (min-width:1081px) and (max-width:1199px) {
    .member-directory-input-select {
        width: 32%;
        margin-right: 14px;
    }
}

@media screen and (min-width:960px) and (max-width:1080px) {
    .member-directory-input-main {
        box-sizing: border-box;
        width: 100% !important;
        margin-bottom: 15px;
    }

    .member-directory-input-select {
        width: 32% !important;
        margin-right: 14px;
    }
}

@media screen and (min-width:767px) and (max-width:959px) {
    .member-directory-input-main {
        box-sizing: border-box;
        width: 100% !important;
        margin-bottom: 15px;
    }

    .member-directory-input-select {
        width: 32% !important;
        margin-right: 10px;
    }

    .clear-filter {
        background-color: transparent;
        color: #00788a;
        text-align: center;
        width: 15%;
        margin-right: 12px;
    }
}

@media screen and (min-width:479px) and (max-width:766px) {
    .member-directory-input-main {
        box-sizing: border-box;
        width: 96% !important;
        margin-bottom: 15px;
    }

    .member-directory-input-select {
        width: 96% !important;
        margin-right: 10px;
    }

    .clear-filter {
        background-color: transparent;
        color: #00788a;
        text-align: center;
        width: 34%;
        margin-right: 30px;
    }
}

@media screen and (min-width:479px) and (max-width:765px) {

    .member-directory-submit {
        margin-right: 31px !important;
    }

    .container-width-member-d {
        width: 95%;
        padding: 10px;
    }

    .blue-box {
        width: 372px !important;
        padding: 10px;
    }

    .div-width-106 {
        width: 143%;
    }

    .directory-read-more-btn {
        position: relative;
        margin-top: 15px;
        right: 24%;
    }
}


@media screen and (max-width:478px) {
    .member-directory-input-main {
        box-sizing: border-box;
        width: 100% !important;
        margin-bottom: 15px;
    }

    .member-directory-input-select {
        width: 100% !important;
        margin-right: 10px;
    }

    .clear-filter {
        background-color: transparent;
        color: #00788a;
        text-align: center;
        width: 47%;
        margin-right: 108px !important;
    }

    .mobile-form-btn {
        float: left;
        position: relative;
        left: 25px;
    }

    .blue-box {
        width: 237px !important;
        padding: 10px;
    }

    .mobile-clear-filter {
        float: left;
        margin: 15px 55px 0 !important;
    }
    /*.form-height {
        width:67%;
    }*/
    .member-div-mobile {
        width: 60%;
    }

    .offer-text {
        width: 258px !important;
    }

    .div-width-106 {
        width: 141%;
    }

    .directory-read-more-btn {
        position: relative;
        margin-top: 15px;
        right: 24px;
    }

    .container-width-member-d {
        width: 94%;
        padding: 10px;
    }
}

.blue-box {
    border: 2px solid #007e80;
    background: #e6f2f3;
    margin-left: 0 !important;
}

.div-outline {
    border: #bfbfbf solid 1px;
    padding: 10px;
    margin-bottom: 20px;
}

    .memberTipsBlock p, justify-copy p, .div-outline p, .event-post p {
        text-align: justify;
    }

.clear-filter {
    font-weight: normal;
}

@media screen and (min-width:1200px) {
    .div-width-106 {
        width: 106%;
    }
}

.company-website {
    display: inline;
}

.member-directory-heading {
    font-size: 42px;
}

@media screen and (min-width:768px) {
    .directory-read-more-btn {
        margin-bottom: 0 !important;
        position: relative;
        bottom: 15px;
    }
}

/*download container*/
.download-container {
    overflow: hidden;
    outline: 1px solid #bfbfbf;
    padding: 10px 0;
    margin-bottom: 15px;
}

.download-container-left {
    margin-right: 0 !important;
    margin: 15px 0 5px;
}

.download-container-right {
    width: 32% !important;
    margin: 25px auto;
    Text-align: left;
    border-left: 1px solid #bfbfbf;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 10px;
}

@media screen and (max-width:960px) {

    .download-container-right {
        width: 28.5% !important;
        margin: 60px auto;
        text-align: left;
    }
}

@media screen and (max-width:767px) {
    .download-container-right {
        Border-left: none;
        text-align: left;
        width: 76% !important;
    }
}

.download-icon {
    padding-right: 5px;
}


.middle .memberTag span {
margin-right: 10px;
}


.middle .memberTag a.selected {
border-bottom: 2px solid #fff;
}

.back-previous {
    display: block;
    margin-top: 25px;
}

@media only screen and (max-width: 767px) {
    .pagination-text {
        display: none;
    }
    .middle a {
        margin-right: 3px;
    }
}

.profile-form small {
    font-size: 12px; 
    display: block;
    margin-bottom: 5px;
}
.profile-form .text-area.small-textarea {
    height: 75px;
}

.bit-memberprofile {
    overflow-x: hidden;
}



/*pk - event list page - 31/05/17*/

.bit-eventitem .eventsPage .columnContainer .width50:first-of-type {
    display:inline-block;
    width:50%;
}

.bit-eventitem .row.event-status {
    margin: 20px 0 5px;
}



@media screen and (max-width:768px) {
     .bit-eventitem .eventsPage .columnContainer #similarEventsBtn {
        width:100%;
    }

     .bit-eventitem .eventsPage .columnContainer .width50:first-of-type {
        display:inline-block;
        width:100%;
    }

    .bit-eventitem .book-now-button {
        max-width: 98%;
    }

    .eventInfo {
        margin-left: 25px;
    }
}


@media screen and (max-width:479px) {
    .eventInfo {
        margin-left: 5px;
    }
}
/*pk - event list page - 31/05/17 - end*/

/*pk- style change to book now button08/06/17*/
.book-now-button {
    background: #f6a11c;
	display: inline-block;
    width: 98%;
    text-align: center;
    padding: 10px;
}

.eventInfo {
    border-bottom: none;
}

.eventImage {
    margin-left: 10px;
}
.eventImage .bx-viewport {
    width: 135px !important;
    height: 100px !important;
    padding: 0;
    margin: 0;
}
/*.eventImage .bx-wrapper img {
    margin: 0 auto !important;
}*/
.eventImage ul {
    padding: 0;
    margin: 0;
    height: 120px;
}
.eventImage ul li {
    width: 100%;
    height: 120px;
            
}
.eventImage ul li img {
    margin: 0;
    vertical-align: middle;
    display: inline-block;
    float: none !important;
}
.eventImage .bx-clone{
    display: none !important;
}


.row-three-container {
    overflow: hidden;
    width: 100%;
}
#main-content .rowThree {
    height: auto;
}
/* AEO - Checkbox styling 2018-05-10 */

.accordionColumn {
    position: relative;
}

.accordionColumn input[type="checkbox"] + input + .registration-checkbox {
    display: block;
    position: absolute;
    top: 31px;
    right: 50px;
    z-index: -1;
    background: #eee;
    border: 1px solid #aaa;
    border-radius: 0.25em;
    width: 18px;
    height: 18px;
}

.accordionColumn input[type="checkbox"] {
    display: none;
}

.accordionColumn input[type="checkbox"]:checked + input + .registration-checkbox {
    background: #fff;
}

.accordionColumn input[type="checkbox"]:checked + input + .registration-checkbox span {
    background: url('../images/tick.png') center center no-repeat;
    display: block;
    width: 14px;
    height: 11px;
    margin: 4px 2px 0;
}

/* Profile - Update Company Details Form */

/*Business Description Field*/
.validation-message{
    color: red;
    font-weight: bold;
}