body{
    background: #fff;
    background-size: cover;
}

a:focus, a:hover{
    outline: 0;
    text-decoration: none;
}
/* .a-header ul a:hover, .a-header ul a:active, .a-header ul a:focus, .a-header ul a:visited{
    color: #000!important;
} */
/*nav wrap*/
.nav-wrap{
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 25px;
}

.a-header{
    padding: 5px;
}

/*navul*/
.nav-ul{
    display: none;
    width: auto;
    background: #cdcdcd;
    position: absolute;
    padding: 15px;
    list-style-type: none;
}
.nav-items{
    display: inline-block;
    width: auto;
}
.nav-items a{
    display: inline-block;
    padding: 10px;
}

.nav-wrap a.menu{
    display: inline-block;
    float: left;
    margin-bottom: 15px;
}

.calendar-f{
    display: inline-block;
    width: auto;
    position: relative;
    float: right;
    margin-right: 15px; 
}

.basket{
    position: relative;
    float: right;
}
.basket a{
    text-align: center;
    display: inline-block;
    padding: 25px;
    background: #f9f9f9;
    border: 1px solid #ececec;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(240,240,240,1);
    -moz-box-shadow: 0px 0px 15px 1px rgba(240,240,240,1);
    box-shadow: 0px 0px 15px 1px rgba(240,240,240,1);
}
.basket img{
    width: 30px;
    right: 30px;
    display: inline-block;
}

.basket .badge {
    position: absolute;
    top: -5px;
    right: -5px;
    padding: 5px 8px;
    border-radius: 50%;
    background: red;
    color: white;
  }


.calendar-link{
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bolder;
    color: #000;
    padding: 15px 25px;
    -webkit-box-shadow: 0px 0px 15px 1px rgba(240,240,240,1);
    -moz-box-shadow: 0px 0px 15px 1px rgba(240,240,240,1);
    box-shadow: 0px 0px 15px 1px rgba(240,240,240,1);
}
.calendar-link:hover{
    -webkit-box-shadow: 0px 0px 34px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 34px 3px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 34px 3px rgba(0,0,0,0.15);
    text-decoration: none;
    color: #000;
}
.calendar-link span{
    color: #e60202;
    font-size: 30px;
    padding-left: 15px;
}
/*--------------------------------------
 Animation Magic, animations won't occur
 on IE9 and before and Opera Mini
--------------------------------------*/
*,
*:before,
*:after {
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        box-sizing: border-box;
}

/*==============================================================================
 The burger icon with it's animation. Uses the checked property of a checkbox
 in order to make the animation happen as well as control the next elements
 I've used classes because of the + css selector, which will only ever animate
 the next label element. Does not work on IE8 or below and opera mini since
 they don't support the :checked selector.
==============================================================================*/
.burger-check {
        display: none;
}

/*--------------------------------------
 Sets the actionable area for the burger
 including a label for usability
--------------------------------------*/
.burger {
        position: relative;
        float: left;
        width: 60px;
        height: 75px;
        cursor: pointer;
}

.burger:after {
        content: 'Menu';
        position: absolute;
        bottom: 7px;
        left: 0px;
        width: 100%;
        text-align: center;
        font-size: 13px;
}

/*--------------------------------------
 Creates the look of the burger icon
 using the inner span and pseudo-elements
--------------------------------------*/
.burger span,
.burger span:before,
.burger span:after {
        position: absolute;
        left: 10px;
        top: 22px;
        width: 40px;
        height: 4px;
        background: #333;
        border-radius: 0.2em;
}

/* Reset the left and create the pseudo-element */
.burger span:before,
.burger span:after {
        content: '';
        left: 0;
}

/* Top bar position */
.burger span:before {
        top: -8px;
}

/* Bottom bar position */
.burger span:after {
        top: 8px;
}

/* Get rid of more on action (IE9 or higher) */
.burger-check:checked + .burger:after {
        content: '';
}
/* Get rid of the middle bar on action (IE9 or higher) */

.burger-check:checked + .burger span {
        height: 0;
        width: 0;
}

/* Moves the top and bottom bars to the middle on action (IE9 or higher) */
.burger-check:checked + .burger span:before,
.burger-check:checked + .burger span:after {
        top: 6px;
}

/* Rotates the top bar on action with full browser support (IE9 or higher) */
.burger-check:checked + .burger span:before {
        -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
}

/* Rotates the bottom bar on action with full browser support (IE9 or higher) */
.burger-check:checked + .burger span:after {
        -webkit-transform: rotate(-225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(-225deg);
}

/*==============================================================================
 Simple mobile menu opening and closing (IE9 or higher)
==============================================================================*/
.a-header {
        position: relative;
        width: 100%;
        height: auto;
        margin: 0;
        display: inline-block;
        background: transparent;
        overflow: hidden;
}

.a-header ul {
        position: relative;
        width: auto;
        list-style: none;
        margin: 0;
        padding: 0;
}

.a-header ul a {
        position: relative;
        float: left;
        width: auto;
        height: 0;
        line-height: 50px;
        padding: 0 15px;
        text-decoration: none;
        overflow: hidden;
        color: #333;
        text-align: left;
}

.a-header ul a:hover,
.a-header ul a:active,
.a-header ul a:focus,
.a-header ul a:visited {
        text-decoration: none;
        color: #fff;
        border-bottom-color: #08c;
}

/* Animate height of 'a' element in order to reveal the menu on check (IE9 or higher) */
#main-nav:checked ~ ul a {
        height: 50px;
}



/*Body content*/
.events-wrap{
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 25px;
}
.head1{
    text-align: center;
    font-weight: bolder;
    text-transform: uppercase;
    font-size: 20px;
    color: #cdcdcd;
}
.head1 span{
    font-size: 35px;
    color: #000;
    display: block;
}

/*sched-tab nav tab*/
.nav-tabs{
    border: none;
    margin-bottom: 25px;
}
.nav-tabs li a{
    padding: 15px 30px;
    color: #000;
    background: #ececec;
    border-radius: 0;
    margin: 5px;
    -webkit-box-shadow: 0px 0px 34px 3px rgba(150, 150, 150, 0.15);
    -moz-box-shadow: 0px 0px 34px 3px rgba(150, 150, 150, 0.15);
    box-shadow: 0px 0px 34px 3px rgba(150, 150, 150, 0.15);
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    border: none;
    -webkit-box-shadow: 0px 0px 34px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 34px 3px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 34px 3px rgba(0,0,0,0.15);
    padding: 15px 30px;
}
.nav-tabs{
    text-align: center;
}
.nav-tabs li{
    display: inline-block;
    float: none;
}


/*prev and next*/
.prevnext-wrap{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.next-prev{
    display: inline-block;
    width: 50%;
    padding: 15px;
    text-align: center;
}
.previous, .next{
    text-decoration: none;
    display: inline-block;
    width: auto;
    padding: 15px 25px;
    color: #000;
    margin: 0 15px;
    /* -webkit-box-shadow: 0px 0px 15px 1px rgba(240,240,240,1);
    -moz-box-shadow: 0px 0px 15px 1px rgba(240,240,240,1);
    box-shadow: 0px 0px 15px 1px rgba(240,240,240,1); */
}
.previous:hover, .next:hover{
    text-decoration: none;
    color: #000;
}
.previous{
    float: left;
}
.next{
    float: right;
}
.next-prev span{
    display: inline-block;
    font-weight: bold;
    line-height: 4.5rem;

}

@media screen and (max-width: 991px){
    .next-prev{
        width: 70%;
    }
}

@media screen and (max-width: 651px){
    .next-prev{
        width: 80%;
    }
}

@media screen and (max-width: 569px){
    .next-prev{
        width: 100%;
    }
}

@media screen and (max-width: 455px){
    .next-prev{
        width: auto;
    }
    .next-prev span{
        display: block;
    }
}

/*event list*/
.list-wrap{
    display: inline-block;
    width: 100%;
    position: relative;
}
.header-list{
    padding: 15px 15px 0!important;
}
.header-list, .list-ul{
    display: inline-block;
    width: 100%;
    padding: 0;
    margin-top: 15px;
    list-style-type: none;
}
.header-title{
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bolder;
}
.list-ul .list-li a{
    display: inline-block;
    color: #000;
    width: 100%;
    border-bottom: 1px solid #f7f7f7;
    padding: 15px;
}
.list-ul .list-li a:hover{
    -webkit-box-shadow: 0px 0px 34px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 34px 3px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 34px 3px rgba(0,0,0,0.15);
    border-bottom-style: none;
}
.g-cell{
    display: inline-block;
    width: 30%;
    float: left;
}
.arrow{
    display: inline-block;
    width: 10%;
    text-align: right;
}


/*modal*/
.ticket-details h3{
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
}
.modal-header{
    border-bottom: 0;
}

.header-g{
    padding: 15px 0;
    border: 1px solid #cdcdcd;
    border-left: 0;
    border-right: 0;
    margin-bottom: 15px;
    background: #f7f7f7;
}

/*packages*/
.details-wrap{
    display: inline-block;
    width: 100%;
    padding: 25px 0;
    border-bottom: 1px solid #cdcdcd;
}
.details-wrap:last-child{
    border-bottom: 0;
}

.pack-title, .pack-cost, .pack-quantity {
    display: inline-block;
}

.pack-title {
    width: 50%;
    float: left;
    padding-left: 10px;
}
.pack-cost {
    width: 10%;
    text-align: center;
    float: left;
}
.pack-quantity {
    width: 20%;
    text-align: center;
}

.add-to-cart{
    display: inline-block;
    width: 20%;
    float: right;
    text-align: center;
}


.sub-head-summary{
    font-size: 20px;
    color: #23846a;
    font-weight: bold;
}

.btn {
    margin: 2px;
    border-radius: 0;
    padding: 10px;
    /* width: auto; */
    color: #00503a;
    white-space: normal;
}
.bg-black {
    background-color: #000!important;
    color: #fff!important;
}
.bg-black {
    background-color: #000!important;
    color: #fff!important;
}

.ticket-details {
    display: inline-block;
    width: 50%;
    float: left;
}
.package_cost {
    width: 10%;
    float: left;
    display: inline-block;
    position: relative;
}
.package_quantity {
    width: 20%;
    float: left;
    margin-right: 0;
    display: inline-block;
    position: relative;
}
.buttons-group{
    width: 20%;
    display: inline-block;
    float: right;
    position: relative;
    text-align: center;
}

.wrapper-ticket-details {
    display: inline-block;
    width: 100%;
    position: relative;
}


.package_cost .price {
    padding: 0;
    width: 100%;
    text-align: center;
}

.package_quantity .quantity_holder {
    width: 100%;
    padding: 0;
    text-align: center;
}

.quantity_holder input {
    text-align: center;
    float: left;
    border-bottom: 1px solid #cdcdcd;
    padding: 5px 5px 6px 5px;
    max-width: 35px;
    display: inline-block;
    border: 1px solid #cdcdcd;
    color: #393939;
}

.input-group {
    display: inline-block;
    width: auto;
}
.sub, .add {
    float: left;
    margin: 0;
    font-size: 19px;
}

.g-button {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: right;
}


.img-wrap{
    display: inline-block;
    position: relative;
    float: left;
    padding: 0;
    text-align: center;
    overflow: hidden;
    margin: 0 10px 10px 0;
}
.img-wrap img{
    max-width: 100%;
    max-height: 100%;
    height: inherit !important;
    display: inline-block;
    width: 100%;
}
.text-details{
    display: inline-block;
    width: 100%;
    padding-right: 5px;
}


.header2 {
    display: none;
}

@media screen and (max-width: 767px){
    .header2 {
        display: block;
        text-transform: uppercase;
    }
}


@media screen and (max-width: 767px){
    .header-g{
        display: none;
    }
    .ticket-details{
        width: 100%;
        padding: 0 0 15px;
        border-bottom: 1px solid #f7f7f7;
        margin-bottom: 15px;
    }
    .price-qty{
        display: inline-block;
    }
    .package_cost, .package_quantity{
        width: 30%;
    }
    .price{
        position: relative;
        display: inline-block;
        width: 50%;
        float: left;
        height: 100%;
    }
    .quantity_holder{
        display: inline-block;
        width: 50%;
        float: right;
        position: relative;
    }
    .g-button{
        text-align: center;
    }
    .buttons-group{
        width: 30%;
    }
}

@media screen and (max-width: 430px){
    .package_quantity{
        width: 40%;
    }
    .package_cost{
        width: 25%;
    }
    .shortcontent{
        text-align: center;
    }
    .shortcontent .img-wrap{
        float: none;
        width: 250px;
        height: 160px;
        margin: 0 auto 15px;
    }
    .shortcontent p{
        text-align: left!important;
    }
    .shortcontent h3{
        margin-bottom: 15px;
    }
    .header-title{
        font-size: 14px;
    }
    .nav-tabs li a{
        padding: 10px 15px;
    }
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
        padding: 10px 15px;
    }
    .next-prev{
        padding: 15px 0;
    }
    .previous{
        float: left;
        padding: 10px 15px;
        font-size: 13px;
    }
    .next{
        float: right;
        padding: 10px 15px;
        font-size: 13px;
    }
    .burger{
        float: none;
    }
    .calendar-f{
        width: 100%;
        text-align: center;
        margin: 35px auto;
        float: none;
    }
    .nav-wrap{
        padding: 15px 0;
    }
    .a-header{
        padding: 5px;
    }
    .a-header ul{
        width: 100%;
    }
    .a-header ul a{
        width: 100%;
        background: #424242;
    }
}

.price-qty{
    display: none;
    width: 100%;
    position: relative;
    margin-top: 15px;
}


/*modal*/
.modal-dialog{
    width: 767px;
}

.modal-footer{
    text-align: center;
}

@media screen and (max-width: 767px){
    .modal-dialog{
        width: 97%;
        margin: 15px auto;
    }
}


/*footer*/
.footer-content{
    display: inline-block;
    width: 100%;
    padding: 25px 15px;
    text-align: center;
}


/*collapse*/

/*collapsible*/
.collapsible {
    cursor: pointer;
    width: 30%;
    float: right;
    display: block;
    text-align: left;
    outline: none;
    font-size: 15px;
    margin: 0 15px 25px 0;
    text-decoration: none;
    padding: 15px 30px;
    color: #fff;
    border:0;
    background: #000;
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 34px 3px rgba(150, 150, 150, 0.15);
    -moz-box-shadow: 0px 0px 34px 3px rgba(150, 150, 150, 0.15);
    box-shadow: 0px 0px 34px 3px rgba(150, 150, 150, 0.15);
}

.collapsible:hover {
  background-color: #000;
  color: #fff;
}

.collapsible:after {
    content: '\002B';
    color: #fff;
    font-weight: bold;
    float: right;
    margin-right: 5px;
    top: 0;
    left: 0;
    position: relative;
}

.collapsible.active:after {
  content: "\2212"!important;
  border: 0;
}

.content {
  width: 100%;
  display: inline-block;
  padding: 0 15px;
  max-height: 100%;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-bottom: 15px;
  border: 0;
  position: relative;
}
.grp-collapse{
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 0px;
  margin-bottom: 15px;
  border: 0;
  -webkit-box-shadow: 0px 0px 34px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 34px 3px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 34px 3px rgba(0,0,0,0.15);
}

.img-wrap, .desc-wrap, .pricing-wrap{
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.img-wrap{
  width: 20%;
  padding: 0;
}
.desc-wrap{
  width: 77%;
  padding: 0 15px 0 30px;
}
.pricing-wrap{
  width: 15%;
}
.zone-image{
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: inherit;
  padding: 15px;
}
.zone-image img{
  display: block;
    position: relative;
    width: 100%;
}

.white_wrapper{
    display: inline-block;
    width: 100%;
    position: relative;
}

/*view cart*/

.viewcart {
  width: 100%;
  display: inline-block;
  position: relative;
  background: #eeeeee;
  padding: 15px;
  text-transform: uppercase;
}
.viewcart .cart-title-wrap {
    width: 100%;
    padding: 10px;
    display: inline-block;
    position: relative;
    background: #393939;
    color: #fff;
}
.viewcart .order-table {
    width: 100%;
    display: inline-block;
    position: relative;
}
.viewcart .order-table table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}
.viewcart .order-table td, th {
    border-style: none;
    /* text-align: left; */
    padding: 5px;
    font-size: 12px;
}
/* .viewcart .order-table tr:nth-child(even) {
    font-weight: bold;
} */
.viewcart .order-table td, th {
    border-style: none;
    /* text-align: left; */
    padding: 5px;
    font-size: 12px;
}
.viewcart .checkout {
    width: 100%;
    margin: 5px 0 15px 0;
    font-size: 18px;
    font-weight: bold;
    background: #e60202;
    box-shadow: none;
    border-style: none;
    padding: 10px 0;
    text-transform: uppercase;
    color: #fff;
}
.viewcart .continue-shopping {
    color: #fff;
    text-align: center;
    display: block;
    margin: 15px auto;
    width: auto;
    padding: 15px 10px;
}
.viewcart .cart-title-wrap .cart-icon {
    float: right;
    width: auto;
    display: inline-block;
}
.viewcart .cart-title-wrap .cart-title {
    float: left;
    width: auto;
    display: inline-block;
}


/*form*/
.checkout-form .form-control {
    height: 55px;
    border-radius: 0;
}

.checkout-wrap{
    display: inline-block;
    width: 100%;
    padding: 25px 10px;
    -webkit-box-shadow: 0px 0px 34px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 34px 3px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 34px 3px rgba(0,0,0,0.15);
}

.custom_text_colour {
    padding: 15px;
    background: #212327;
    color: #fff;
    margin: 0 0 35px;
}

.nextBtn {
    margin-left: 15px;
    background: #e60202;
    padding: 15px 25px;
    color: #fff;
}

.viewcart .continue-shopping {
    color: #e60202;
    text-align: center;
    display: block;
    margin: 0 auto;
}

@media screen and (max-width: 991px){
    .viewcart{
        margin-top: 40px;
    }
}

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
    background: #e60202;
    border: 0;
}
.cookiealert a {
    text-decoration: underline;
    color: #e60202;
}

.navbar-brand{
    position: relative;
    padding: 0px;
    width: 100%;
    margin-bottom: 10px;
    height: 100px;
}

.navbar-brand img{
    width: 250px; 
    max-width: 250px;
    left:0;
    right:0;
    margin:auto;
    
}

/*instructorspage*/
.g-class{
    width: 100%;
    position: relative;
    padding-left: 2%;
}
.class-ul{
    padding: 0;
    width: 100%;
    display: inline-block;
    list-style-type: none;
}
.class-il li a{
    display: inline-block;
    text-decoration: none;
}
.g-cell-ins{
    height: 280px;
    width: 240px;
    background-color: red;
    float: left;
    overflow: hidden;
    margin: 20px;
    position: relative;
    vertical-align:middle; 
    text-align:center;
}
.instructor-img img{
    display: block;
}
.portrait img {
    width: 100%;
}
.landscape img {
    height: 100%;
    max-width: 200%;
    vertical-align: middle;
    margin-left: -40%;
}
.class-title {
    position: absolute;
    margin: 0;
    bottom: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 25px 10px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    width: 100%;
}

.instructor-img{
    width: 100%;
}
.events-wrap .head1{
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;
    color: #cdcdcd;
    font-weight: 300;
    margin-bottom: 40px;
}
.events-wrap .head1 span{
    color: #000;
    display: block;
    font-weight: 900;
}

/*bio*/
.bio-wrap{
    display: block;
    width: 100%;
    position: relative;
}

.bio-name-wrap, .bio-img{
    display: inline-block;
    width: 100%;
    position: relative;
}
.bio-name-wrap h1{
    font-size: 35px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}
.bio-name-wrap h1 span{
    font-size: 50px;
    font-weight: 700;
    display: block;
}
.bio-img{
    height: 450px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.bio-img img{
    display: inline-block;
    width: 100%;
}
.bio-button-g{
    display: inline-block;
    position: relative;
    margin-top: 55px;
    width: 100%;
    height: auto;
    margin-bottom: 35px;
}
.bio-button-g a{
    /* -webkit-box-shadow: 0px 0px 15px 1px rgba(240,240,240,1);
    -moz-box-shadow: 0px 0px 15px 1px rgba(240,240,240,1);
    box-shadow: 0px 0px 15px 1px rgba(240,240,240,1); */
    padding: 25px 35px;
    color: #000;
    display: inline-block;
}
.bookclass{
    background: #fff;
}
.bookpt{
    background: #ececec;
    margin-left: 15px;
}
.sociallinks{
    position: relative;
    margin-top: 15px;
    background: transparent;
}
.sociallinks ul{
    padding: 15px 0;
    list-style-type: none;
}
.sociallinks ul li{
    display: inline-block;
    width: auto;
}
.sociallinks a{
    display: inline-block;
    padding: 5px;
    width: 100%;
}
.fa-instagram, .fa-facebook-square, .fa-youtube-square{
    font-family: 'FontAwesome';
    font-size: 35px;
    color: #cdcdcd;
}

.bio-content{
    display: block;
    width: 100%;
    padding: 15px;
    margin-bottom: 50px;
}
.bio-h2{
    font-size: 35px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
    border-bottom-width: 5px;
    margin: 25px 0;
    padding: 15px 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

/*for basket popup*/
.shopping-cart{
	width: 100%;
	display: block;
	position: relative;
}
.shopping-cart-h2{
	background: #000;
	padding: 20px!important;
	width: 100%;
	color: #fff;
	display: inline-block;
	text-align: center;
	margin-top: 0;
}
.cart-para{
	padding: 15px;
}

.cart-details{
	display: inline-block;
	width: 100%;
	padding: 10px;
}
.selected-cell{
	display: none;
	width: 100%;
	padding: 10px;
}
.item-header, .item-row{
	display: inline-block;
	width: 100%;
	padding: 10px;
}
.item-row{
	background: #fafafa;
	vertical-align: middle;
	margin-bottom: 15px;
}
.cell-wrap{
	display: inline-block;
	position: relative;
	width: 25%;
	float: left;
}

.item-row .text-flex{
	height: 100px;
    display: flex;
    align-items: center;
}

.item-row a{
	display: block;
	text-decoration: none;
	color: #a2a2a2;
}
.item-row .prod-name{
	vertical-align-align: text-bottom;
}

.item-row h3{
	font-size: 14px;
    color: #676e1a;
    font-weight: bold;
}


.item-row .button{
	width: 100%;
	text-align: center;
	padding: 25px 0;
}


.order-summary{
	background: #eaeaea;
	padding: 15px;
	display: inline-block;
	width: 100%;
	margin: 25px 0;
}

.order-header{
	border-bottom: 1px solid #dadada;
	margin: 0;
	padding: 0 0 15px 0;
	margin-bottom: 15px;
}
.order-header h3{
	font-size: 24px;
    color: #000;
    font-weight: bolder;
    width: 100%;
    display: inline-block;
    margin: 0;
    text-transform: uppercase;
}

.order-details{
	height: 150px;
}

.order-details, .order-total{
	text-transform: uppercase;
    background: #fff;
    padding: 10px;
    display: inline-block;
    width: 100%;
}

.order-total{
	font-weight: bold;
}

.button-cell{
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 20px 10px 0px;
}
.continueshop, .proceedcheckout{
	padding: 10px 15px;
	background: #000;
	color: #fff;
	text-transform: uppercase;
}
.continueshop:hover{
	color: #fff;
	text-decoration: none;
}

.item-row img{
	display: inline-block;
	margin: 0 auto;
	max-width: 120px;
}

.field{
	width: 20%;
    text-align: center;
    float: left;
}

/* a{
	color: #a2a2a2;
	text-decoration: none;
} */


.trash{
	margin-top: 10px;
    display: block;
}

@media (max-width: 505px) {
  .add-sub{
	width: 100% !important;	
	}
}

#add, #sub{
	width: 30px;
    height: 30px;
    font-size: 18px;
}

.add-sub{
	width: 150px;	
}

.field{
    width: 45px;
    text-align: center;
    height: 30px;
    font-size: 18px;
}

.input-group {
    text-align: center;
    width: auto;
}
.item-header2{
	display: none;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bolder;
	width: 100%;
}

@media screen and (max-width: 767px){
	.selected-cell{
		display: inline-block;
	}
	.item-header{
		display: none;
	}
	.item-header2{
		display: inline-block;
	}
	.img-gc{
		width: 100%;
		margin-bottom: 15px;
	}
	.cont-gc{
		width: 32%;
	} 
	.total-gc{
		width: 32%;
	}
	.trash{
		position: absolute;
	    top: 0;
	    right: 15px;
	}
}

@media screen and (max-width: 430px){
	.cont-gc{
		width: 50%;
	}
	.total-gc{
		width: 100%;
		margin-top: 15px;
		padding: 15px 0;
		background: #f1f1f1;
	}
}

/*btn default*/
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #4d538c;
    border-color: #d8d8d8;
}
.btn-default {
    color: #fff;
    background-color: #19191d;
    border-color: #e0e0e0;
}

/* checkout login*/
.facebook-login {
    background: #4267b2;
    color: #fff;
    text-align: left;
}

.google-login {
    background: #de5246;
    color: #fff;
    text-align: left;
}

@media screen and (max-width: 430px){
    .facebook-login, .google-login {
        width: 100% !important;
    } 
}

.facebook-login:hover, .google-login:hover {
    color: #fff;
}

.subtotal{
    font-weight: bold;
}

.total{
	text-transform: uppercase;
    background: #fff;
    padding: 10px;
    font-weight: bold;
}

/*attendees panel*/
.panel-default > .panel-heading {
    color: #fff;
    background-color: #19191d;
    border-color: #19191d;
}

.panel-hide{
    display:none;
}

.form-group.required .control-label:after { 
    content:"*";
    color:red;
 }

/*marketing pref*/

.fancy_checkbox img {
    height: 100px;
    width: 100px;
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
}

.marketing_options {
    text-align: center;
}

input[type="checkbox"][id^="cb"] {
    display: none;
}

.fancy_checkbox {
    border: 1px solid #fff;
    padding: 10px;
    position: relative;
    margin: 10px;
    cursor: pointer;
}

.fancy_checkbox:before {
    background-color: white;
    color: white;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 1px solid grey;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 28px;
    transition-duration: 0.4s;
    transform: scale(0);
}

.fancy_checkbox img {
    height: 100px;
    width: 100px;
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
}

:checked + .fancy_checkbox {
    border-color: #ddd;
}

:checked + .fancy_checkbox:before {
    content: "✓";
    background-color: grey;
    transform: scale(1);
}

:checked + .fancy_checkbox img {
    transform: scale(0.9);
    box-shadow: 0 0 5px #333;
    z-index: -1;
}

/*view order reference*/
.order_header .massive-icon {
    display: block;
    width: 120px;
    height: 120px;
    font-size: 100px;
    margin: 0 auto;
    color: #63C05E;
}

.order_header h1 {
    margin-top: 20px;
    text-transform: uppercase;
    text-align: center;
}
.order_header h2 {
    margin-top: 5px;
    font-size: 20px;
    text-align: center;
}

.order_details.well{
    margin-top: 25px;
    background-color: #FCFCFC;
    line-height: 30px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .9);
    color: #656565;
    overflow: hidden;
}

.header-title{
	color: #fff!important;
}

.calendar-f2{
	display: none;
	width: auto;
    position: absolute;
    top: 10px;
    right: 70px;
}
.calendar-f2 a{

}

.calendar-f2 .calendar-link span{
	padding: 0;
	font-size: 22px;
}

.basket-f2{
	display: none;
	width: auto;
    position: absolute;
    top: 10px;
    right: 20px;
}

.basket-f2 .badge {
    position: absolute;
    top: -5px;
    right: -5px;
    padding: 5px 8px;
    border-radius: 50%;
    background: red;
    color: white;
  }



.basket-f2 a{

}

.basket-f2 .calendar-link span{
	padding: 0;
	font-size: 22px;
}

.rrssb-buttons {
    box-sizing: border-box;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    height: 36px;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.rrssb-buttons li {
    box-sizing: border-box;
    float: left;
    height: 100%;
    line-height: 13px;
    list-style: none;
    margin: 0;
    padding: 0 2px;
}

.rrssb-buttons li a {
    background-color: #ccc;
    border-radius: 2px;
    box-sizing: border-box;
    display: block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    height: 100%;
    padding: 11px 7px 12px 27px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    width: 100%;
}

.rrssb-buttons li a .rrssb-icon {
    display: block;
    left: 10px;
    padding-top: 9px;
    position: absolute;
    top: 0;
    width: 10%;
    font-size: 17px;
    color: white;
}

.rrssb-buttons li a .rrssb-icon svg {
    height: 17px;
    width: 17px;
}

.rrssb-buttons li a .rrssb-icon svg path {
    fill: #fff;
}

.rrssb-buttons li.rrssb-facebook a {
    background-color: #306199;
}

.rrssb-buttons li.rrssb-linkedin a {
    background-color: #007bb6;
}

.rrssb-buttons li.rrssb-facebook a:hover {
    background-color: #244872;
}

.rrssb-buttons li a:active {
    box-shadow: inset 1px 3px 15px 0 rgba(22,0,0,.25);
}

.rrssb-buttons li.rrssb-linkedin a:hover {
    background-color: #005983;
}

.rrssb-buttons li.rrssb-twitter a {
    background-color: #26c4f1;
}

.rrssb-buttons li.rrssb-twitter a:hover {
    background-color: #0eaad6;
}

.rrssb-buttons li.rrssb-googleplus a {
    background-color: #e93f2e;
}

.rrssb-buttons li.rrssb-googleplus a:hover {
    background-color: #ce2616;
}

.rrssb-buttons li.rrssb-email a {
    background-color: #0a88ff;
}

.rrssb-buttons li.rrssb-email a:hover {
    background-color: #006ed6;
}

@media screen and (max-width: 430px){
	.basket{
		position: absolute;
    	right: 10px;
        top: 10px;
        display:none;
	}
	.calendar-f{
		display: none;
	}
	.header-title .g-cell:first-child{
		width: 25%;
	}
	.g-cell-ins {
		float: none;
		margin: 20px auto!important;
	}
	.a-header ul a {
	    width: 100%;
	    background: #efefef;
	}
	.calendar-link{
		padding: 8px 10px;
	}
	.calendar-f2{
		display: inline-block;
    }
    .basket-f2{
		display: inline-block;
	}
}

@media screen and (max-width: 430px){
	.cell-time{
		width: 20%!important;
	}
	.arrow{
		width: 15%!important;
	}
	.g-cell{
		padding: 3px;
	}
}

.bio-img{
	height: auto!important;
}

.bio-button-g{
	margin-top: 25px;
	margin-bottom: 25px;
}

.continueshop2{
	background: transparent!important;
    color: red;
    text-decoration: underline;
    padding: 0!important;
    text-align: center;
}

@media screen and (max-width: 430px){
	.item-row h3{
		width: 90%;
    	text-align: left;
    	margin-top: 6px;
	}
	.trash{
		right: 0!important;
	}
}

@media screen and (max-width: 430px){
	.arrow {
	    text-align: center!important;
	}
}

.g-cell-ins:hover{
    transform: scale(1.1);
}
.g-cell-ins:hover .class-title{
    background-color: rgba(255, 0, 0, 0.5);
}

/*type design 3*/
.filter-wrapper{
	padding: 40px 25px;
	display: inline-block;
	width: 100%;
	position: relative;
	background-color: #fff;
    margin-bottom: 50px;
    margin-top: 50px;
}
.filter-wrapper .txt{
	margin-bottom: 35px;
	margin-top: 0;
	text-align: center;
	font-size: 24px;
	font-family: 'Montserrat', sans-serif;
}
.filter-grp{
	padding: 25px;
	display: inline-block;
	width: 100%;
	background-color: #f7faff;
}

.ages:after {
    content: '\f0dd';
    font-family: "FontAwesome";
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1em;
    background: #34495e;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
  }
  .selectitems{
      padding: 10px;
      width: 100%;
      border: none;
  }
  .filter-checkbox-grp, .filter-select-grp{
      display: inline-block;
      width: 100%;
      position: relative;
      padding: 15px 16px;
  }
  .checkbox-grp{
      display: inline-block;
      width: 30%;
      padding-left: 35px;
      position: relative;
  }
  .checkbox-grp label, .morefilter-grp label{
      vertical-align: -webkit-baseline-middle;
      font-weight: normal;
      font-size: 16px;
  }
  .checkbox-grp .checkmark:after{
    left: 11px;
    top: 7px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .checkbox-grp .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #bbbbbb;
  }
  .checkbox-grp:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  .checkbox-grp input:checked ~ .checkmark {
    background-color: #2196F3;
  }
  .checkbox-grp .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  .checkbox-grp input:checked ~ .checkmark:after {
    display: block;
  }
  .checkbox-grp input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  .collapse-more{
      display: inline-block;
      width: 100%;
      text-align: right;
  }
  .more-filter{
      text-align: right;
  }
  .morefilter-grp{padding: 0 15px!important;}
  
  .output-filter{
      display: inline-block;
      position: relative;
      margin-top: 80px;
      width: 100%;
  }
  .f-title{
      font-weight: bold;
      font-size: 30px;
      color: #3c60aa;
  }
  .sub-f-title{
      font-size: 20px;
      margin-bottom: 35px;
  }
  
  
  .table{background-color: #f9f9f9;border: 0!important;color: #000;}
  .table>tbody>tr>td{border-top: none;vertical-align: middle;}
  .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
      background-color: #fff;
  }
  .btn-join, .btn-booking{
      padding: 8px 15px;
      color: #fff;
      width: 160px;
  }
  .btn-join{
      background-color: #3c60aa;
  }
  .btn-booking{
      background-color: #fcbf33;
  }
  .btn-join:hover, .btn-booking:hover{
      color: #fff;
  }
  
  .table>thead:first-child>tr:first-child>th{
      border-top: 1px solid #ddd;
      border-bottom-width: 1px;
      height: 70px;
      vertical-align: middle;
  }
  tr>td:first-child{
      font-weight: bold;
  }

  @media only screen and (max-width: 991px){
	.selectitems{
		margin-bottom: 20px;
	}
	.collapse-more{
		text-align: center;
    	margin-top: 50px;
	}
	.btn-join, .btn-booking{
		width: 100%;
	}
	.f-title{font-size: 22px;}
	.filter-grp{padding-bottom: 0;}
}

@media only screen and (max-width: 767px){
	.navbar-toggle{background-color: #f3c052;}
	.abovefold{
		padding: 30px 10px;
    	text-align: center;
	}
	.navbar-nav{text-align: center;}
}
@media only screen and (max-width: 640px){
	.filter-wrapper{padding: 20px 15px;	}
	.checkbox-grp{margin-bottom: 15px;width: 100%;}
	.filter-grp{padding: 5px;}
	.selectitems{margin-bottom: 10px;}
	.filter-checkbox-grp{padding: 10px 16px 0;}
	.title-filter{margin: 20px 0 5px;font-size: 30px;}
	.filter-wrapper .txt{font-size: 20px;}
	.collapse-more{margin-top: 10px;}
	.filter-checkbox-grp .checkbox-grp:last-child{margin-bottom: 0;}
}

.schedules-wrap{
    float: left;
    width:100%; 
    margin-top: 20px;
    white-space: wrap;
}

.schedules-content{
    margin-right:10px;
}