@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */


h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: 'Varela Round', sans-serif;
	font-weight: 300;
	color: #FFF;
}

h2 {
	padding: 0px 0px 30px 0px;
	font-size: 17pt;
	line-height: 25pt;
	text-align: center;
}

p, ol, ul {
	margin-top: 0px;
}

p {
	line-height: 180%;
	font-family: "Source Sans Pro", sans-serif;
}

strong {
}

a {
	color: rgba(0,0,0,.8);
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

/* = Global Theme Customization
------------------------------------------------------- */

* {
    font-family: 'Mikado', sans-serif;
    font-size: 16px;
    font-weight: 400;
}

h1, .header h2 {
    font-family: 'BangoPro', sans-serif;
    color: #FFF;
    font-size: 55px;
    text-shadow: 2px 2px 5px #044699;
}

.header.birthdays h1, .header.birthdays h2 {
    text-shadow: 2px 2px 5px #6C0588;
}

.header.group h1, .header.group h2 {
    text-shadow: 2px 2px 5px #8E5C0C;
}

/*DO NOT REMOVE - Miki, this overwrites the generic Divi LI. Use this page for reference: https://www.pumpitupparty.com/lake-forest-ca/about-us/#Offers */
li {
    list-style-type: inherit !important;
}

.entry-content ul {
    padding-left: 30px;
}

#main-header {
    background: url(images/header-back.png) repeat-x bottom left;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding-bottom: 10px;
    border-top: 10px solid #ffcb05 !important;
    z-index: 300;
}

.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed !important;
}

.et_header_style_left #et-top-navigation nav > ul > li > a {
    padding-bottom: 20px !important;
    padding-top: 5px !important;
    font-size: 18px;
    font-family: 'Mikado', sans-serif;
    font-weight: normal;
}

.et_pb_section {
    border-bottom: 4px solid #fff;
}

.other-ways-to-play-wrap {
    display: none;
    padding: 25px 0px 5px !important;
}

#main-header .container {
    width: 90%;
}

.container {
    width: 85%;
}

#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {
    top: 5px;
}

#top-menu li {
    margin-left: 0;
}

#top-menu li:last-child a {
    padding-left: 35px;
    background: url(images/calendar.png) no-repeat 5px -2px
}

#top-menu li ul li:last-child a {
    background: none;
    padding-left: 20px;
}

.logo_container #logo {
    width: auto;
    max-width: 90%;
    max-height: 90%
}

.et_header_style_left .logo_container {
    position: relative;
    float: left;
    width: auto;
    margin-top: -30px;
    padding-bottom: 15px
}

#et-main-area {
    width: 90%;
    max-width: 1380px;
    margin: -10px auto 0 auto;
}

#main-content, #main-footer {
    background: url(images/candy_back.png) repeat-y;
    padding-left: 9px;
}

.entry-content, #main-footer .container {
    background: url(images/candy_back.png) repeat-y top right;
    padding-right: 15px;
}

#main-footer .container {
    width: 100%;
    margin-bottom: 60px;
}

#footer-widgets {
    background: #0460e2; /* Old browsers */
    background: -moz-linear-gradient(left, #0460e2 0%, #1a82df 50%, #1a82df 75%, #0a6ae1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #0460e2 0%, #1a82df 50%, #1a82df 75%, #0a6ae1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #0460e2 0%, #1a82df 50%, #1a82df 75%, #0a6ae1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0460e2', endColorstr='#0a6ae1', GradientType=1); /* IE6-9 */
    padding: 0;
    border-top: 1px solid #fff;
}

.et_pb_widget_area_left {
    border-right: none;
}

.et_pb_widget_area_right {
    border-left: none;
    padding-left: 0;
    display: block !important;
}

.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding: 20px 0 10px 0 !important;
}

.header_links {
    padding: 20px 0 0 0
}

#top-menu-nav a.header_book {
    color: #fff;
    line-height: 22px;
    margin: -20px 0px 0px 20px;
    font-size: 17px;
    font-family: 'Mikado', sans-serif;
    font-weight: normal;
    padding-top: 15px;
}

.featured-banner {
    font-size: 32px;
    line-height: 33px;
    font-family: 'BangoPro', sans-serif;
    color: #FFF;
    padding: 15px 15px 5px 15px;
    text-align: center;
    background-color: #b45eca;
    border-radius: 5px;
    border: 3px solid #B551CE;
}

.featured-banner span {
    display: block;
    text-align: right;
    font-family: 'Mikado', sans-serif;
    font-size: 14px;
    padding-top: 10px;
}

.featured-banner.purple {
    background: url(images/stars_pattern_purple.jpg) repeat;
    text-shadow: 2px 2px 5px #9e33bb;

}

/* top header transitions */
.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation {
    padding: 20px 0 10px 0 !important;
}

.et_header_style_left .et-fixed-header #logo {
    max-width: 90%;
}

.et_header_style_left .mobile_menu_bar {
    background: #0460e2;
    padding: 0;
    border-radius: 4px;
}

.mobile_menu_bar:before {
    font-size: 45px;
    color: #fff !important;
}

.mobile_nav div, .mobile_nav a.header_book, .mobile_nav .mobile_menu_bar {
    float: right;
}

.header_book {
    padding: 11px 10px 11px 40px;
    cursor: pointer;
    color: #fff;
    border-radius: 4px;
    margin: 0 2px;
    background: url(images/book_icon.png) no-repeat 7px 5px #e32800;
    padding-left: 43px;
    float: right;
    text-transform: uppercase;
}

.header_book:hover {
    background-color: #890B90;
}

#et_mobile_nav_menu .header_book, #et_mobile_nav_menu .find_location {
    display: none;
}

.find_location {
    padding: 11px 10px 11px 40px;
    cursor: pointer;
    color: #fff;
    border-radius: 4px;
    background: url(images/location_icon.png) no-repeat 7px 5px #007DB6;
    margin: 0 4px 0 2px;
    float: right;
    text-transform: uppercase;
}

.find_location:hover {
    background-color: #890B90;
}

#et_mobile_nav_menu {
    display: block;
    position: absolute;
    top: 15px;
    right: 0;
    width: 100%;
}

.mobile_nav .mobile_menu_bar {
    display: none;
}

.et_mobile_menu {
    top: 50px;
}

#franchise-info {
    margin-top: -10px;
    width: auto;
    color: #fff;
    float: right;
    border-radius: 0 0 10px 10px;
    background-size: cover;
    background-color: #8dc73f;
    padding: 10px;
    overflow: hidden;
}

.store_info {
    float: left;
}

#franchise-info .store_name {
    font-family: 'Mikado', sans-serif;
    font-size: 20px;
    background: url(images/star.png) no-repeat 7px 0px
}

#franchise-info .store_phone {
    font-size: 20px;
    padding-left: 20px;
}

#franchise-info a {
    color: #fff !important;
}

#franchise-info .header_book {
    margin-top: 0px;
    margin-left: 15px;
}

#franchise-info .franchise_links {
    float: left;
}

#franchise-info .franchise_links, #franchise-info .store_name {
    padding-left: 40px;
}

#franchise-info .franchise_links a, #franchise-info .franchise_links span {
    font-size: 11px;
    color: #fff;
    text-decoration: underline;
    cursor: pointer

}

footer .franchise_links {
    display: none;
}

footer .franchise_links a, footer .franchise_links span {
    color: #fff;
    font-size: 14px;
}

footer .franchise_links span {
    color: #FFB503;
}

.desktop {
    display: block;
}

.default-upcoming-section {
    display: none;
}

.mobile, .tablet {
    display: none;
}

/*#roselle-park-ninja-banner{
    display:none;
}*/
.home-ninja-banner{
    display:none;
}

.ninja-menu-item a{
    padding-left: 40px;
    background: url(images/ninja-icon.png) no-repeat;
    font-weight:bolder !important;
    color: #ff0000 !important;
}

.home-ninja-banner .et_pb_row{
    padding-right:2% !important;
    padding-left:2% !important;
    padding-bottom:0 !important;
    padding-top:0 !important;
    margin: 0;
    width: 100%;
}
.et_pb_section .home-ninja-banner {
    padding:0% !important;
}

.home-ninja-banner .et_pb_code{
    margin-bottom: 0% !important;
}


@media (max-width: 1100px) {
    #et-main-area, .container {
        width: 95%;
    }

    .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
        padding: 20px 0 10px 0 !important;
    }

    .et_header_style_left #et-top-navigation nav > ul > li > a {
        font-size: 16px;
    }
}

@media (min-width: 981px) {
    #main-header.et-fixed-header {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .et_pb_section {
        padding: 2% 0;
    }
}

@media (max-width: 980px) {
    .desktop, .mobile, #top-menu-nav .header_book, #franchise-info .header_book {
        display: none;
    }

    .desktop {
        display: none !important;
    }

    .tablet, #et_mobile_nav_menu .header_book, #et_mobile_nav_menu .find_location {
        display: block;
        margin-top: 7px;
    }

    .et_header_style_left #et-top-navigation, .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation {
        padding: 0 !important;
    }

    #et_mobile_nav_menu {
        display: block;
        position: relative;
        float: right;
    }

    .mobile_nav .mobile_menu_bar {
        display: block;
    }

    .et_header_style_left .logo_container {
        margin-top: 5px;
        padding-bottom: 0
    }

    .logo_container #logo {
        width: auto;
        max-width: 90%;
        max-height: 90%
    }

    .et_pb_sidebar_1 {
        display: block !important;
    }

}

@media (max-width: 767px) {
    .et_header_style_left .logo_container {
        max-width: 205px;
    }

    #franchise-info {
        width: 100%;
    }
}

@media (max-width: 690px) {
    .find_location {
        text-indent: -999px;
        width: 43px;
        padding: 6px 11px;
        background-position: 9px 6px;
    }

}

@media (max-width: 580px) {
    .et_header_style_left .logo_container {
        height: 55px;
        margin: 0 auto;
        width: 40%;
    }

    #et_mobile_nav_menu {
        float: none;
        display: inline-block;
        top: 10px;
    }

    #mobile_menu li {
        text-align: left !important
    }

    #franchise-info {
        width: auto;
        float: none;
        padding: 3px;
    }

    .header_book {
        background-image: none;
        padding-left: 10px;
    }

    #et_mobile_nav_menu .header_book {
        width: 53%;
        font-size: 11px;
        font-weight: bold;
        padding: 6px 3px;
        margin-top: 7px;
    }

    #et_mobile_nav_menu .find_location {
        width: 20%;
        background-size: 50%;
        background-position: center;
    }

    .mobile_nav .mobile_menu_bar {
        width: 20%;
        padding: 0;
    }

    .mobile_menu_bar:before {
        font-size: 35px;
    }

    .et_header_style_left #et-top-navigation, .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation {
        height: auto;
        text-align: center;
        width: 60%;
        padding: 0 !important;
    }

}

@media (max-width: 400px) {
    .destop, .tablet {
        display: none;
    }

    .mobile {
        display: block;
    }

    #et-main-area {
        width: 100%;
    }

    .entry-content, #main-footer .container {
        background: url(images/candy_back2.png) repeat-y top right;
        padding-right: 9px;
    }

}

@media (max-width: 319px) {
    .et_header_style_left .logo_container {
        width: 100%;
        text-align: center;
    }

    .et_header_style_left #et-top-navigation, .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation {
        width: 100%;
    }

    #et_mobile_nav_menu {
        top: 0;
    }

}

/* = Sectional Customization
------------------------------------------------------- */

.no_padding.et_pb_section {
    padding: 0 !important;
}

.no_padding .et_pb_row {
    margin: 0;
    padding: 0 !important;
    max-width: none;
    width: 100%;
}

.no_padding .et_pb_section.padding {
    padding: 30px !important;
}

.sm_padding .et_pb_row {
    padding: 20px !important;
    margin: 0;
    max-width: none;
    width: 100%;
}

.sm_padding .et_pb_blurb {
    padding: 0 40px;
}

.sm_padding h1, .bango, .sm_padding h1 strong {
    font-family: 'BangoPro', sans-serif;
    color: #e32800;
    font-size: 36px;
    letter-spacing: -1px;
    text-shadow: none;
    font-weight: normal;
}

.pre_header h2 {
    font-family: 'BangoPro', sans-serif;
    color: #e32800;
    font-size: 36px;
    letter-spacing: -1px;
    text-shadow: none;
}

.home_slider .et_pb_slide {
    padding: 0;
    background-color: #005FD7 !important;
}

.home_slider .et_pb_slide_image {
    width: 100%;
    margin-top: 0px !important;
    top: 0px;
}

.home_slider .et_pb_slide_image img {
    width: 100%;
    max-height: none !important;
}

.home_slider .et_pb_container.clearfix {
    min-height: 480px !important;
}

#hero-small {
    background-size: auto auto;
    background-position: right top;
}

.clearline {
    clear: both;
    height: 0;
}

.party_started {
    background-position: top right;
}

.party_started .et_pb_column {
    margin: 0;
}

.et_pb_gutters3 .party_started .et_pb_column_1_3 {
    width: 35% !important;
}

.party_started .et_pb_promo_description {
    display: none;
}

.home_headline img {
    max-width: 100%
}

.trigger_handshake {
    cursor: pointer;
}

.book_online .et_pb_button {
    font-family: 'BangoPro', sans-serif;
    text-transform: uppercase;
    font-size: 41px;
    background-color: #054be0;
    border: 5px solid #4da3e7;
    box-shadow: 4px 4px 2px #0139b3;
    text-shadow: 1px 1px 1px #000;
    border-radius: 4px;
}

.et_pb_button {
    padding: 0.3em .5em 0.1em .5em;
    padding-top: 0.5em !important;
    padding-bottom: 0.3em !important;
    line-height: 1.2em !important
}

.et_pb_button:hover {
    padding: 0.4em 1.2em 0.2em .7em;
}

.book_online .et_pb_button:after {
    font-size: 35px;
    line-height: 45px !important
}

.book_online .et_pb_promo_button.et_pb_button:after {
    top: 26%;
}

.et_pb_cta_1 .et_pb_promo_button.et_pb_button:after, .et_pb_cta_2 .et_pb_promo_button.et_pb_button:after, .et_pb_cta_3 .et_pb_promo_button.et_pb_button:after {
    top: 20%;
}

.home_blurbs .et_pb_column {
    margin: 0;
    border-right: dotted 3px #d6c7ff;

}

.home_blurbs .et_pb_column_1_3 {
    width: 33% !important;
}

.home_blurbs .et_pb_column_1_4 {
    width: 25% !important;
}

.home_blurbs .et_pb_column:last-child {
    border-right: none;
}

.home_blurbs h4 {
    font-size: 26px;
    font-family: 'Mikado', sans-serif;
    color: #9241e1;
    font-weight: 500;
    padding: 0 0 15px 0;
}

.home_blurbs .fun h4 {
    color: #1a83e0;
}

.home_blurbs .custom h4 {
    color: #6cb222;
}

.home_blurbs .easy h4 {
    color: #FF9800;
}

.home_blurbs p {
    font-size: 18px;
    line-height: 30px;
    font-family: 'Mikado'
}

.birthday_boy {
    background: url(images/doodle-birthday-streamers.png) no-repeat bottom right;
    background-position: 86% 100%;
    position: relative;
    min-height: 550px;
}

.birthday_boy img {
    position: absolute;
    left: 30%;
    bottom: 0;
    margin-bottom: -1px;
}

.birthday {
    overflow: hidden;
}

.birthday .same_height_parent {
    padding-bottom: 30px !important;
}

.et_pb_gutters3 .birthday .et_pb_column_2_3 {
    width: 58%;
    overflow: hidden;
    margin-right: 3.5%;
}

.et_pb_gutters3 .birthday .et_pb_column_1_3 {
    width: 33%;
}

.et_pb_gutters3 .birthday .column2 {
    padding-bottom: 40px !important;
}

.birthday h2 {
    font-size: 40px;
    font-family: 'BangoPro', sans-serif;
    text-shadow: 2px 2px 2px #3a7cc6;
}

.birthday ul, .everyday ul {
    margin: 30px 0 0 20px
}

.birthday li, .everyday li {
    line-height: 18px;
    padding-bottom: 15px;
    text-align: left
}

.birthday .column2 .et_pb_promo_description {
    padding-bottom: 0;
}

.birthday p {
    font-size: 18px;
    font-family: 'Mikado', sans-serif;
    line-height: 25px;
    margin: 0 0 20px 0;
}

.birthday .et_pb_button, .group .et_pb_button {
    color: #fff;
    background-color: #42b1fb;
    font-family: 'BangoPro', sans-serif;
    text-transform: uppercase;
    box-shadow: 4px 4px 2px #0979f4;
    border: none;
    font-size: 25px;
    padding: 15px 20px 10px 20px;
    transition: all 0.2s
}

.birthday .et_pb_button:hover, .group .et_pb_button:hover {
    color: #fff;
    padding: 20px 40px 15px 25px;
}

.everyday_girl {
    min-height: 500px;
}

.et_pb_gutters3 .everyday .et_pb_column_1_3 {
    margin-right: 0;
    margin: 0;
    width: 44%;
}

.et_pb_gutters3 .everyday .et_pb_column_1_3 .et_pb_promo {
    padding-left: 10% !important;
    padding-right: 10% !important;
}

.et_pb_gutters3 .everyday .et_pb_column_2_3 {
    overflow: hidden;
    width: 56%;
}

.et_pb_gutters3 .birthday .column2, .et_pb_gutters3 .everyday .column1 {
    margin-bottom: 0;
}

.everyday_girl img {
    margin-bottom: -1px;
}

.everyday h2 {
    font-size: 40px;
    font-family: 'BangoPro', sans-serif;
    text-shadow: 2px 2px 2px #8542d6;
}

.everyday p {
    font-size: 18px;
    font-family: 'Mikado', sans-serif;
    line-height: 25px;
    margin: 0 0 20px 0;
}

.everyday .et_pb_button {
    background-color: #aa72f2;
    font-family: 'BangoPro', sans-serif;
    text-transform: uppercase;
    box-shadow: 4px 4px 2px #7d3bd2;
    border: none;
    font-size: 25px;
    padding: 15px 20px 10px 20px;
    transition: all 0.2s
}

.everyday .et_pb_button:hover {
    padding: 20px 40px 15px 25px;
}

.group {
    overflow: hidden;
}

.group .group_image {
    margin-top: -40px;
}

.group h2 {
    font-size: 50px;
    font-family: 'BangoPro', sans-serif;
    text-shadow: 2px 2px 2px #EF9200;
}

.group h3 {
    font-size: 16px;
    font-weight: bold;
    color: #E32800 !important;
}

.group p {
    font-size: 18px;
    font-family: 'Mikado', sans-serif;
    line-height: 25px;
    margin: 0 0 20px 0;
}

.group .et_pb_button {
    background-color: #ff6407;
    box-shadow: 4px 4px 2px #db5c1e;
}

.cust-location-search-form {
    text-align: center;
}

.cust-location-search-form #location-search {
    background: #8d48ce;
    padding: 18px 23px;
    color: #fff;
    border-radius: 7px;
    border: 3px solid #ca9bf7;
    font-family: 'BangoPro', sans-serif;
    font-size: 29px;

}

.cust-location-search-form #location-search-zip-code {
    border: 3px solid #dedede;
    color: #333;
    padding: 20px 15px;
    background: white;
    border-radius: 5px;
    width: 447px;
    font-size: 27px;
}

.cust-location-search-form #location-search-zip-code:focus {
    border-color: #bebebe;
}

.cust-search-form-sec {
    padding: 35px 0 87px 0 !important;
}

.cust-location-search-desc h3 {
    text-align: center;
    font-size: 23px;
    color: #555555;
    line-height: 32px;
    margin-bottom: 50px;
}

#handshake-location-page {

}

#handshake-location-page #location-search-results-left ul {
    position: relative;
}

#handshake-location-page #location-search-results-left .business {
    width: 100%;
    float: left;
    font-size: 17px;
}

#handshake-location-page #search-results .business-left {
    float: left;
    width: 12%;
    min-width: 40px;
    min-height: 60px;
}

#handshake-location-page #search-results .business p {
    color: #555;
    font-size: 17px;
    line-height: 1.65em;
}

#handshake-location-page #search-results .business-distance-number p {
    background: url("../../uploads/2016/02/location-pin.png") no-repeat 0 0;
    background-size: 40px;
    display: block;
    height: 60px;
    width: 40px;
    padding: 0;
    margin: 0;
}

#handshake-location-page #search-results .business-distance-number span {
    font-family: 'BangoPro', sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 1em;
    color: #ed1d26;
    padding: 10px 0;
    display: block;
    text-align: center;
}

#handshake-location-page #search-results .business-right {
    float: left;
    width: 83%;
    padding: 32px 0 15px 0;
    border-bottom: 4px solid #71BF44;
    margin-bottom: 25px;
}

#handshake-location-page #search-results .business h2, #handshake-location-page #search-results .business h2 a {
    font-family: 'BangoPro', sans-serif;
    font-weight: normal;
    font-size: 25px;
    line-height: 1.35em;
    color: #8A288F;
    text-decoration: underline;
    text-align: left;
    text-shadow: none;
}

#handshake-location-page #search-results .business h2, #handshake #search-results .business h2 a {
    font-family: 'BangoPro', sans-serif;
    font-weight: normal;
    font-size: 25px;
    line-height: 1.35em;
    color: #8A288F;
    text-decoration: underline;
    text-align: left;
    text-shadow: none;
}

#handshake-location-page #search-results .business-details:last-child, #handshake-location-page #search-results .business-details.last {
    margin-right: 0;
}

#handshake-location-page #search-results .business-details {
    margin-bottom: 15px;
}

#handshake-location-page #search-results .business p {
    color: #555;
    font-size: 17px;
    line-height: 1.65em;
}

#handshake-location-page ul, #handshake-location-page ol {
    list-style: none;
}

#handshake-location-page #search-results {
    position: relative;
    margin: auto;
    padding: 88px 0px;
    text-align: left;
}

#handshake-location-page #search-results #location-search-results-left {
    float: left;
    width: 55%;
}

#handshake-location-page #search-results #location-search-results-right {
    float: right;
    width: 43%;
}

#handshake-location-page #location-search-results-right #map {
    border: 15px solid #fff;
    -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.30);
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.30);
    width: 100% !important;
}

.mob_nv_cal {
    float: right;
    display: none;
    margin-top: 7px;
}

.other-ways-to-play h2 {
    font-family: 'BangoPro', sans-serif;
    font-size: 40px;
    line-height: 1em;
    text-align: center;
    color: #187be3 !important;
}

.other-ways-to-play p {
    font-family: 'corp_med', Verdana, Helvetica, Sans-Serif !important;
}

.upcmng-evnts ul {
    padding: 0px;
}

.upcmng-evnts ul li {
    display: inline-block;
    width: 32.5%;
    padding: 0px 36px;
    border-right: 3px dotted #8dc73f;
    vertical-align: top;
    min-height: 150px;
}

.upcmng-evnts ul li:last-child {
    border-right: none;
}

.upcmng-evnts ul li .evnt_date {
    background: url('images/event_cal_grn_hm.png') no-repeat center center;
    background-size: contain;
    height: 107px;
    margin-right: 20px;
    float: left;
    min-width: 89px;
    padding-top: 29px;
    text-align: center;
    font-size: 18px;
    color: #8dc73f;
    font-weight: bold;
    position: relative;
}

.upcmng-evnts ul li .evnt_date span {
    top: 74px;
    position: absolute;
    left: 0px;
    width: 100%;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
}

.upcmng-evnts ul li .evnt_details {
    float: left;
    max-width: 60%
}

.upcmng-evnts ul li .evnt_details h3 {
    font-size: 22px;
    font-weight: bold;
    margin-top: 20px;
    padding: 0px;
    margin-bottom: 3px;
}

.upcmng-evnts ul li .evnt_details p {
    font-size: 18px;
    margin-bottom: 5px;
    padding: 0px;
}

.upcmng-evnts ul li .evnt_details span {
    color: #187be3;
    font-size: 15px;
}



@media (max-width: 1300px) {
    .home_headline img {
        max-width: 90%;
    }

    .book_online .et_pb_button {
        font-size: 32px;
    }

    .book_online .et_pb_button:after {
        /*line-height: 35px !important;*/
    }

    .book_online .et_pb_promo_button.et_pb_button:after {
        top: 15%;
    }

    .home_slider .et_pb_container.clearfix {
        min-height: 410px !important;
    }

    .upcmng-evnts ul li {
        padding: 0px 15px;
        width: 32%;
    }

    .upcmng-evnts ul li .evnt_date {
        margin-right: 15px;
        min-width: 75px;
        padding-top: 31px;
    }

    .upcmng-evnts ul li .evnt_date span {

        top: 69px;
    }

    .upcmng-evnts ul li .evnt_details h3 {
        font-size: 19px;
    }

    .upcmng-evnts ul li .evnt_details p {
        font-size: 15px;
    }

    .upcmng-evnts ul li .evnt_details span {
        font-size: 14px;
    }

}

@media (max-width: 1100px) {
    .home_slider .et_pb_container.clearfix {
        min-height: 380px !important;
    }

    .birthday {
        background-position: 70% 0%;
    }

    .birthday_boy {

    }

    .birthday .et_pb_column_2_3 {
        width: 45% !important;
        margin-bottom: 0;
        margin-right: 0;
    }

    .birthday .et_pb_column_1_3 {
        width: 50% !important;
    }

    .birthday .et_pb_column_1_3 .et_pb_promo {
        text-align: left;
        padding-right: 20px !important;
    }

    .everyday {
        background-position: 83% 0;
    }

    .everyday_girl {
        background: none;
    }

    .everyday .et_pb_column_2_3 {
        width: 45% !important;
        margin-bottom: 0;
        margin-right: 0;
    }

    .everyday .et_pb_column_1_3 {
        width: 55% !important;
    }

    .et_pb_gutters3 .everyday .et_pb_column_1_3 .et_pb_promo {
        text-align: left;
        padding: 90px 40px !important;
    }

    .everyday .et_pb_button {
        background-color: #8a1fdf;
        box-shadow: 4px 4px 2px #9550df;
    }

    .group .desktop {
        display: none;
    }

    .group .et_pb_column_1_3 {
        width: 100% !important;
        margin-top: -40px;
        padding: 0 5% 5% 5%;
        margin-right: 0;
    }

    .group .et_pb_column_1_4 {
        width: 25% !important;
        margin-right: 0;
    }

    .group .et_pb_column_1_4 .et_pb_module {
        text-align: center !important;
    }

    .et_pb_gutters3 .group .et_pb_column_1_3 .et_pb_module {
        margin-bottom: 7px;
    }

}

@media (max-width: 1060px) {

    .other-ways-to-play-wrap {
        padding: 20px 0px !important;
    }

    .other-ways-to-play-wrap .et_pb_row {
        padding: 0px 20px !important;
    }

    .upcmng-evnts ul li {
        padding: 0px 10px;
        width: 31.5%;
    }

    .upcmng-evnts ul li .evnt_date {
        min-width: 67px;
        padding-top: 33px;
        font-size: 14px;
        margin-right: 10px;
    }

    .upcmng-evnts ul li .evnt_date span {
        top: 66px;

        font-size: 22px;
    }

    .upcmng-evnts ul li .evnt_details h3 {
        font-size: 18px;
    }

    .upcmng-evnts ul li .evnt_details p {
        font-size: 14px;
    }

    .upcmng-evnts ul li .evnt_details span {
        font-size: 14px;
    }

}

@media (max-width: 980px) {
    .home_slider .et_pb_container.clearfix {
        min-height: 375px !important;
    }

    .responsive_cta {
        padding: 40px 0 !important;
    }

    .responsive_cta .et_pb_row {
        padding: 0;
        width: 93%;
    }

    .responsive_cta .et_pb_column_2_3 {
        width: 55% !important;
        margin-bottom: 0;
    }

    .responsive_cta .et_pb_column_1_3 {
        width: 45% !important;
    }

    .responsive_cta .et_pb_column_1_3 .et_pb_promo_description {
        padding-bottom: 0;
    }

    .responsive_cta h1 {
        text-shadow: 2px 2px 2px #3c1e51;
        font-size: 200%;
        letter-spacing: 0px;
        line-height: 130%;
    }

    .responsive_cta .book_online .et_pb_button {
        font-size: 250%;
        text-align: center;
    }

    .book_online .et_pb_promo_button.et_pb_button:after {
        top: 39%;
        left: 78%;
    }

    .group .et_pb_row_4col > .et_pb_column.et_pb_column_1_4 {
        width: 25% !important;
        margin-right: 0;
    }

    #left-area {
        padding-bottom: 60px;
    }

    .mob_nv_cal {
        display: block;
    }

}

@media (max-width: 900px) {
    .upcmng-evnts ul li .evnt_date {
        min-width: 60px;
        padding-top: 34px;
        font-size: 14px;
        margin-right: 8px;
    }

    .upcmng-evnts ul li .evnt_date span {
        top: 63px;

        font-size: 19px;
    }

    .upcmng-evnts ul li .evnt_details h3 {
        font-size: 17px;
        margin-bottom: 0px;
        margin-top: 26px;
    }

    .upcmng-evnts ul li .evnt_details p {
        margin-bottom: 0px;
    }
}

@media (max-width: 850px) {

    .cust-location-search-form #location-search-zip-code {
        width: 300px;
    }

    .cust-search-form-sec .et_pb_row {
        width: 90%;
    !important;
    }
}

@media (max-width: 785px) {
    .book_online .et_pb_promo_button.et_pb_button:after {
        top: 32%;
        left: 78%;
    }
}

@media (max-width: 766px) {
    .upcmng-evnts {
        margin-bottom: 30px !important;
    }

    .other-ways-to-play h2 {
        margin-top: 20px;
        font-size: 26px;
    }

    .upcmng-evnts ul li {
        padding: 0px 10px 0 5px;
        width: 32.5%;
        min-height: 210px;
    }

    .upcmng-evnts ul li .evnt_date {
        width: 100%;
        text-align: center;
        margin-right: 0px;
        font-size: 18px;
        padding-top: 28px;
    }

    .upcmng-evnts ul li .evnt_details {
        float: left;
        width: 100%;
        text-align: center;
        max-width: 100%;
    }

    .upcmng-evnts ul li .evnt_details h3 {
        margin-top: 15px;
    }

    .upcmng-evnts ul li .evnt_date span {
        top: 74px;
        font-size: 19px;
    }
}

@media (max-width: 650px) {
    .home_slider .et_pb_container.clearfix {
        min-height: 225px !important;
    }

    .responsive_cta .et_pb_column_2_3 {
        width: 100% !important;
    }

    .responsive_cta .et_pb_column_1_3 {
        width: 100% !important;
    }

    .responsive_cta .et_pb_row {
        padding: 0;
        width: 80%;
    }

    .responsive_cta h1 {
        text-align: center;
    }

    .responsive_cta .book_online .et_pb_button {
        font-size: 200%;
    }

    .book_online .et_pb_button:after {
        line-height: 30px !important;
    }

    .birthday .et_pb_column_2_3 {
        display: none;
    }

    .birthday .et_pb_column_1_3 {
        width: 100% !important;
    }

    .birthday .et_pb_column_1_3 .et_pb_promo {
        text-align: center;
        padding: 50px 30px !important;
    }

    .everyday .et_pb_column_2_3 {
        display: none;
    }

    .everyday .et_pb_column_1_3 {
        width: 100% !important;
    }

    .et_pb_gutters3 .everyday .et_pb_column_1_3 .et_pb_promo {
        text-align: center;
        padding: 50px 30px !important;
    }

    .group .et_pb_row_4col > .et_pb_column.et_pb_column_1_4 {
        display: none;
    }

    .group .et_pb_column_1_3 {
        margin-top: 0
    }

    .cust-location-search-form #location-search-zip-code {
        width: 270px;
    }

    .cust-search-form-sec .et_pb_row {
        width: 95%;
    !important;
    }

    .cust-location-search-form #location-search-zip-code {
        font-size: 19px;
    }

    .cust-location-search-form #location-search {
        font-size: 22px;

    }

    .cust-location-search-desc h3 {

        font-size: 19px;
        line-height: 30px;
    }

    #handshake-location-page #search-results #location-search-results-left {

        width: 100%;
    }

    #handshake-location-page #search-results #location-search-results-right {

        display: none;
    }

    #hero-small .et_pb_text_align_left {
        text-align: center;
    }

    .book_online .et_pb_promo_button.et_pb_button:after {
        top: 27%;
        right: 0%;
    }

}

@media (max-width: 580px) {
    .cust-location-search-form #location-search-zip-code, .cust-location-search-form #location-search {
        width: 100%;
        margin-bottom: 5px;
    }

    .mob_nv_cal img {
        width: 34px;
    }

    .upcmng-evnts ul li {
        padding: 0px 10px 0 5px;
        width: 32.0%;
    }

    .upcmng-evnts ul li .evnt_date {
        padding-top: 31px;
    }

    .upcmng-evnts ul li .evnt_date span {
        top: 73px;

    }

}

@media (max-width: 480px) {
    .upcmng-evnts {
        margin-bottom: 30px;
    }

    .other-ways-to-play h2 {
        margin-top: 20px;
        font-size: 21px;
        line-height: 28px;
    }

    .upcmng-evnts ul li {
        padding: 0px 5px 0 0;
    }

    .upcmng-evnts ul li .evnt_date {
        padding-top: 34px;
        width: 52px;
        margin: 0 auto;
        float: none;
        font-size: 9px;
    }

    .upcmng-evnts ul li .evnt_date span {
        top: 63px;
        font-size: 14px;
    }

    .upcmng-evnts ul li .evnt_details h3 {
        font-size: 13px;
        margin-top: 0px;
    }

    .upcmng-evnts ul li .evnt_details p {
        font-size: 10px;
    }

    .upcmng-evnts ul li .evnt_details span {
        font-size: 10px;
    }
}

@media (max-width: 400px) {
    .home_slider .et_pb_container.clearfix {
        min-height: 170px !important;
    }

    #et_mobile_nav_menu .header_book {
        width: 57%;
        letter-spacing: -1px;
        padding: 6px 1px;
    }

}

@media (max-width: 350px) {
    /*.mob_nv_cal { display: none; }*/
    .mobile_nav .mobile_menu_bar {
        width: 16%;
        padding: 4px 0px 1px;
    }

    #et_mobile_nav_menu .header_book {
        width: 57%;
        letter-spacing: -1px;
        padding: 5px 1px;
    }

    .mob_nv_cal img {
        width: 32px;
    }

    .mobile_menu_bar:before {
        font-size: 28px;
    }

}

@media (max-width: 335px) {
    .upcmng-evnts ul li .evnt_date span {
        top: 63px;

    }

    .upcmng-evnts ul li .evnt_details p {
        line-height: 13px;
        margin: 5px 0px 10px;
    }
}

@media (max-width: 325px) {
    .upcmng-evnts ul li .evnt_date span {

        top: 63px;
    }
}

/**** GENERAL LAYOUT ****/

.hr {
    border: 2px dotted #68a0ee;
    border-style: none none dotted;
    width: 90%;
    height: 5px;
}

/**** FOOTER ****/
#footer-bottom, #et-footer-nav .container {
    background: url(images/candy_horiz.png) repeat-x top left;
    height: 9px;
}

#footer-widgets .footer-widget {
    margin: 0;
    padding: 5% 2% 5% 2%;
}

#footer-widgets .footer-widget:first-child {
    padding-left: 3%;
}

#footer-widgets .footer-widget:last-child {
    float: none;
    width: 100%;
    clear: both;
    padding: 0;
    background: url(images/candy_horiz.png) repeat-x top left;
    height: 9px;
}

.footer-widget #nav_menu-2, .footer-widget #nav_menu-3 {
    width: 50%;
}

.footer-widget #text-4 {
    width: 100%;
}

#footer-widgets .footer-widget li {
    padding-left: 0;
}

#footer-widgets .footer-widget li a {
    font-size: 18px;
    font-family: 'Mikado', sans-serif;
    font-weight: normal;
    border-bottom: 1px solid #68a0ee;
}

#footer-widgets .footer-widget li:before {
    display: none;
}

#footer-bottom, #et-footer-nav, .footer-widget #text-5 {
    display: none;
}

#main-footer .footer-widget h4 {
    color: #fff !important;
}

#footer-widgets ul#social li {
    display: inline-block;
    padding: 0;
}

#footer-widgets ul#social li a {
    background-image: url("images/social-icons-cutout-shadow.png");
    background-repeat: no-repeat;
    width: 37px;
    height: 50px;
    text-indent: -9999px;
    text-decoration: none;
    border: none;
    display: inline-block;
}

#footer-widgets ul#social li a.fb {
    background-position: 2px 0;
    width: 35px;
}

#footer-widgets ul#social li a.tw {
    background-position: -43px 0;
    width: 42px;
}

#footer-widgets ul#social li a.pin {
    background-position: -89px 0;
}

#footer-widgets ul#social li a.rss {
    background-position: -140px 0;
}

#footer-widgets ul#social li a.li {
    background-position: -186px 0;
}

#footer-widgets ul#social li a.yt {
    background-position: -231px 0;
}

#footer-widgets ul#social li a.gp {
    background-position: -273px 0;
}

#footer-widgets ul#social li a.fs {
    background-position: -319px 0;
    width: 35px;
}

#footer-widgets ul#social li a.ye {
    background-position: -362px 0;
}

#footer-widgets ul#social li a.in {
    background-position: -408px 0;
    width: 45px;
}

#footer-widgets ul#social li a:hover {
    opacity: .75;
}

#footer-widgets .footer-widget .fwidget:last-child {
    clear: both;
}

ul#menu-footer-bottom li {
    display: inline-block;
    padding: 0 10px 0px 7px !important;
    border-right: 1px solid #fff;
}

ul#menu-footer-bottom li:first-child {
    padding: 0 10px 0 0 !important;
}

ul#menu-footer-bottom li:last-child {
    padding: 0 0 0 7px !important;
    border-right: none;
}

#text-7 {
    margin-bottom: 20px;
}

.footer-credits {
	font-size: 12px;
	color: #FFF;
}

@media (min-width: 768px) and (max-width: 980px) {
    #footer-widgets .footer-widget:last-child {
        width: 100% !important;
    }

    #newsletter-footer {
        padding-top: 70px;
        margin-top: 70px;
    }

    #newsletter-footer span.title {
        background-size: 100% 140px;
        padding: 60px 25px 50px 25px;
        top: -100px;
    }
}

/* Newsletter */
#text-3 {
    width: 100%;
}

#newsletter-footer {
    width: 100%;
    border-radius: 7px;
    background: #75bc2a;
    border: 2px solid #b1ea75;
    padding: 50px 10px 10px 10px;
    position: relative;
    margin: 30px 0 0 0;
}

#newsletter-footer .et_pb_contact_form {
    margin-left: 0;
}

#newsletter-footer span.title {
    font-family: 'BangoPro', sans-serif;
    color: #fff;
    font-size: 28px;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.29);
    letter-spacing: 0;
    background: #ff9407;
    border: 4px solid #ffcd07;
    border-radius: 5px;
    padding: .5em 1em;
    background-size: 100%;
    text-align: center;
    position: absolute;
    margin-left: 30px;
    margin-right: 30px;
    left: 0;
    right: 0;
    top: -33px;
}

#newsletter-footer input,
#newsletter-footer select {
    width: 100%;
    border-radius: 5px;
    background-color: #fff;
    font-size: 21px;
    color: #7d7d7d;
    font-family: 'Mikado' !important;
    font-weight: 500;
}

#newsletter-footer select {
    padding: 16px;
    border: none;
    height: 56px;
}

#newsletter-footer input#first_name, #newsletter-footer input#last_name {
    background: #fff url("../../uploads/2016/02/icon-profile.png") no-repeat right 15px center;
}

#newsletter-footer input#email_address {
    background: #fff url("../../uploads/2016/02/icon-email.png") no-repeat right 15px center;
}

#newsletter-footer button {
    background-color: #b1ea75;
    border: none;
    border-radius: 7px;
    font-size: 21px;
    transition: all 0.2s;
    color: #5d9e18;
    text-transform: uppercase;
    width: 100%;
    height: 60px;
    margin: 16px 0;

}

#newsletter-footer button:after {
    top: 15px;
}

.specials {
    padding-top: 20px;
}

@media (max-width: 1115px) {
    #newsletter-footer span.title {
        font-size: 22px;
    }
}

@media (max-width: 980px) {
    #newsletter-footer span.title {
        font-size: 20px;
    }

    #newsletter-footer:after {
        display: none;
    }

    .et_pb_gutters3.et_pb_footer_columns2 .footer-widget {
        width: 47% !important
    }

}

@media (max-width: 767px) {
    #newsletter-footer span.title {
        font-size: 25px;
    }
}

@media (max-width: 480px) {
    #newsletter-footer span.title {
        font-size: 20px;
    }
}

@media (max-width: 380px) {
    #newsletter-footer span.title {
        font-size: 18px;
    }
}

/**** HOME ****/

/* Franchise Banners */
#franchise-banners {
    padding: 0;
}

#franchise-banners .et_pb_row {
    width: 98% !important;
    max-width: 98% !important;
    margin-right: 2%;
    margin-left: 2%;
}

#franchise-banners .et_pb_column {
    margin-right: 2%;
}

#franchise-banners .et_pb_column_1_2, #franchise-banners.et_pb_gutters3.et_pb_row .et_pb_column_1_2 {
    width: 48%;
}

#franchise-banners .et_pb_text {
    padding: 20px 8px;
}

.banner {
    border-radius: 10px;
    background-size: cover;
    background-color: #ffcb05;
}

.banner.red {
    background-color: #e32800 !important;
}

.banner.pink {
    background-color: #e32800 !important;
}

.banner.orange {
    background-color: #ff9407 !important;
}

.banner.orange-bright {
    background-color: #ff6407 !important;
}

.banner.yellow {
    background-color: #ffcb05 !important;
}

.banner.green {
    background-color: #6cb222 !important;
}

.banner.blue {
    background-color: #0363df !important;
}

.banner.teal {
    background-color: #007DB6 !important;
}

.banner.purple {
    background-color: #91278f !important;
}

.banner.purple-true {
    background-color: #8224cc !important;
}

.banner h2 {
    font-family: 'BangoPro', sans-serif;
    font-size: 36px;
    line-height: 1em;
    text-align: center;
    color: #fff !important;
    text-shadow: -1px 2px 2px rgba(0, 0, 0, .5);
}

.banner ul, .banner ol {
    list-style: none;
    padding: 20px 0 20px 30px;
}

.banner li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 0;
    font-size: 16px;
    line-height: 15px;
    font-family: Mikado;
}

.banner li:before {
    content: "\2022";
    font-size: 36px;
    position: absolute;
    top: 0;
    left: -20px;
}

.banner.red li:before {
    color: #e32800 !important;
}

.banner.pink li:before {
    color: #e32800 !important;
}

.banner.orange li:before {
    color: #ff9407 !important;
}

.banner.orange-bright li:before {
    color: #ff6407 !important;
}

.banner.yellow li:before {
    color: #ffcb05 !important;
}

.banner.green li:before {
    color: #9ece5c !important;
}

.banner.blue li:before {
    color: #0363df !important;
}

.banner.teal li:before {
    color: #007DB6 !important;
}

.banner.purple li:before {
    color: #91278f !important;
}

.banner.purple-true li:before {
    color: #8224cc !important;
}

.banner-content {
    background: #fff;
    padding: 30px 25px 30px 25px;
    border-radius: 6px;
}

.banner-description, .banner-description p {
    /*display: inline-block;*/
    font-size: 17px;
    line-height: 1.25em;
    color: #707070;
    margin-bottom: 0;
    font-family: 'Mikado', sans-serif;
}

.banner-image.tilt-right {
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
}

.banner-image.tilt-left {
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
}

.banner .banner-image {
    padding: 25px 10px 10px 10px;
    margin: -15px 0 -40px 0;
}

.banner.red .banner-image {
    background: url("../../uploads/2016/02/banner-pic-hook-red.png") no-repeat top center;
}

.banner.pink .banner-image {
    background: url("../../uploads/2016/02/banner-pic-hook-red.png") no-repeat top center;
}

.banner.orange .banner-image {
    background: url("../../uploads/2016/02/banner-pic-hook-orange.png") no-repeat top center;
}

.banner.orange-bright .banner-image {
    background: url("../../uploads/2016/02/banner-pic-hook-orange-right.png") no-repeat top center;
}

.banner.yellow .banner-image {
    background: url("../../uploads/2016/02/banner-pic-hook-yellow.png") no-repeat top center;
}

.banner.green .banner-image {
    background: url("../../uploads/2016/02/banner-pic-hook-green.png") no-repeat top center;
}

.banner.blue .banner-image {
    background: url("../../uploads/2016/02/banner-pic-hook-blue.png") no-repeat top center;
}

.banner.teal .banner-image {
    background: url("../../uploads/2016/02/banner-pic-hook-teal.png") no-repeat top center;
}

.banner.purple .banner-image {
    background: url("../../uploads/2016/02/banner-pic-hook-purple.png") no-repeat top center;
}

.banner.purple-true .banner-image {
    /*background: url("../../uploads/2016/02/banner-pic-hook-purple-true.png") no-repeat top center;*/
}

.banner-image div {
    padding: 30px;
    width: 219px;
    height: 219px
}

.banner-image img {
    width: 160px;
    height: 160px;
    border: 2px solid #fff;
}

.banner.yellow .banner-image div {
    background: url("../../uploads/2016/02/banner-pic-frame-yellow.png") no-repeat;
}

.banner.red .banner-image div {
    background: url("../../uploads/2016/02/banner-pic-frame-red.png");
}

.banner.pink .banner-image div {
    background: url("../../uploads/2016/02/banner-pic-frame-red.png");
}

.banner.orange .banner-image div {
    background: url("../../uploads/2016/02/banner-pic-frame-orange.png");
}

.banner.orange-bright .banner-image div {
    background: url("../../uploads/2016/02/banner-pic-frame-orange-bright.png");
}

.banner.green .banner-image div {
    background: url("../../uploads/2016/02/banner-pic-frame-green.png");
}

.banner.blue .banner-image div {
    background: url("../../uploads/2016/02/banner-pic-frame-blue.png");
}

.banner.teal .banner-image div {
    background: url("../../uploads/2016/02/banner-pic-frame-teal.png");
}

.banner.purple .banner-image div {
    background: url("../../uploads/2016/02/banner-pic-frame-purple.png");
}

.banner.purple-true .banner-image div {
    background: url("../../uploads/2016/02/banner-pic-frame-purple-true.png");
}

.c_401 {
    background-color: #fff;
    margin: 0;
    width: 100%;
    padding: 60px 70px;
}

.c_401 h1 {
    text-shadow: 2px 2px 5px #ccc;
    color: #6A4392;
}

.et_right_sidebar #main-content .c_401.container:before {
    display: none;
}

.banner .et_pb_button {
    font-family: 'BangoPro', sans-serif;
    font-size: 18px;
    line-height: 1em;
    text-transform: uppercase;
    background: #ff6407;
    border: 2px solid transparent;
    padding: 0.4em 1em 0.2em 1em;
    -webkit-box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.25);
    box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.25);
}

.banner.red .et_pb_button {
    background-color: #e32800;
}

.banner.pink .et_pb_button {
    background-color: #e32800;
}

.banner.orange .et_pb_button {
    background: #ff9407;
}

.banner.orange-bright .et_pb_button {
    background: #ff6407;
}

.banner.yellow .et_pb_button {
    background: #ffcb05;
}

.banner.green .et_pb_button {
    background: #6cb222;
}

.banner.blue .et_pb_button {
    background: #0363df;
}

.banner.teal .et_pb_button {
    background: #007DB6;
}

.banner.purple .et_pb_button {
    background: #91278f;
}

.banner.purple-true .et_pb_button {
    background: #8224cc;
}

.banner .et_pb_button:after, .et_pb_button:after {
    top: 8%;
}

.banner .et_pb_button:hover {
    padding-right: 2em !important;
    padding-left: 1em !important;
}

.et_pb_button:active {
    -webkit-box-shadow: inset 0px 4px 13px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 4px 13px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 4px 13px rgba(0, 0, 0, 0.1);
}

.banner-content .btn {
    clear: both;
    padding-left: 5px;
}

.et_mobile_menu {
    left: auto;
    right: 0 !important;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 980px) {
    #franchise-banners .et_pb_row {
        width: 96% !important;
        max-width: 96% !important;
        margin-right: 2%;
        margin-left: 2%;
    }

    .banner-image {
        max-width: 300px;
        float: left;
    }

}

@media (max-width: 480px) {
    .everyday {
        background-position: 0% 0;
    }
}

@media (max-width: 445px) {

    .responsive_cta .book_online .et_pb_button {
        font-size: 170%;
    }

}

@media (max-width: 380px) {
    .responsive_cta h1 {
        font-size: 150%;
        line-height: 120%;
    }

    .responsive_cta .book_online .et_pb_button {
        font-size: 130%;
    }

    .book_online .et_pb_button:after {
        line-height: 18px !important;
    }

    .banner h2 {
        font-size: 28px;
        line-height: 30px;
    }

    .responsive_cta .et_pb_row {
        width: 90%;
    }

    .responsive_cta {
        padding: 20px 0 !important;
    }

}

/**** HANDSHAKE ****/
.overlay {
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999;
}

#handshake {
    display: block;
    position: absolute;
    top: auto;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 200;
    margin-bottom: -10px;
}

#handshake #form-top {
    z-index: 2;
    background-image: url("../../uploads/2016/02/header-scalloped.png");
    background-repeat: repeat-x;
    background-position: 0 0;
    padding-top: 50px;
    border: none;
    height: 30px;
    width: 100%;
    position: fixed;
}

#handshake #business-search {
    position: relative;
    z-index: 1;
    width: 85%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    padding: 60px 65px 30px;
    color: #fff;
    background-color: #FDCC40;
    border: none;
    border-radius: 7px;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.35);
}

#handshake #business-search span.handshake-heading {
    font-family: 'BangoPro', sans-serif;
    color: #FFF;
    font-size: 50px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.65);
}

#handshake span.handshake-heading {
    font-family: 'BangoPro', sans-serif;
    font-weight: normal;
    color: #fff;
    font-size: 38px;
    line-height: 1.15em;
    text-shadow: -1px 2px 2px rgba(232, 107, 32, .5);
    letter-spacing: 0;
    text-align: center;
}

#handshake #business-search form, #handshake #business-search form div {
    text-align: center;
}

#handshake #business-search label {
    display: none;
}

#handshake #business-search input {
    font-family: 'Mikado' !important;
    font-weight: 500;
    font-size: 25px;
    line-height: 1em;
    color: #aaa;
    padding: 20px 20px 15px;
    margin-right: 7px;
    border: 3px solid #f39b28;
    border-radius: 7px;
    width: 50%;
    max-width: 340px;
    display: inline-block;
}

#handshake #business-search select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: 'Mikado' !important;
    font-weight: 500;
    font-size: 25px;
    line-height: 1em;
    color: #aaa;
    padding: 20px 20px 15px;
    margin-right: 10px;
    border: 3px solid #f39b28;
    border-radius: 7px;
    width: 30%;
    max-width: 210px;
    display: inline-block;
    background: url(images/arrow_down.gif) no-repeat #fff;
    background-position: right 8px top 20px;
    cursor: pointer;
}

#handshake #business-search button {
    width: auto !important;
    padding: 15px 35px 10px 25px !important;
    margin: 0;
    font-family: 'BangoPro', sans-serif;
    font-weight: normal;
    line-height: 1.25em !important;
    color: #fff;
    font-size: 29px;
    text-shadow: -1px 2px 2px rgba(232, 107, 32, 0.75);
    letter-spacing: 0;
    text-align: center;
    background: #f39b28;
    border: 3px solid #f8dd96;
    border-radius: 7px;
    display: inline-block;
    float: none;
    text-transform: uppercase;
}

#handshake #business-search button:hover {
    border: 3px solid #FFFFFF;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#handshake #business-search-results {
    position: relative;
    margin: auto;
    padding: 40px;
    background-color: #fff;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.31);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.31);
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.31);
    max-width: 1100px;
    overflow: hidden;
}

#handshake #business-search-results-left {
    float: left;
    width: 55%;
}

#handshake ul, #handshake ol {
    list-style: none;
}

#handshake #business-search-results-left ul {
    position: relative;
}

#handshake #business-search-results-left .business {
    width: 100%;
    float: left;
    font-size: 17px;
}

#handshake #business-search-results .business-left {
    float: left;
    width: 12%;
    min-width: 40px;
    min-height: 60px;
}

#handshake #business-search-results .business-right {
    float: left;
    width: 83%;
    padding: 32px 0 15px 0;
    border-bottom: 4px solid #71BF44;
    margin-bottom: 25px;
}

#handshake #business-search-results .business-distance-number p {
    background: url("../../uploads/2016/02/location-pin.png") no-repeat 0 0;
    background-size: 40px;
    display: block;
    height: 60px;
    width: 40px;
    padding: 0;
    margin: 0;
}

#handshake #business-search-results .business-distance-number span {
    font-family: 'BangoPro', sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 1em;
    color: #ed1d26;
    padding: 10px 0;
    display: block;
    text-align: center;
}

#handshake #business-search-results .business h2, #handshake #business-search-results .business h2 a {
    font-family: 'BangoPro', sans-serif;
    font-weight: normal;
    font-size: 25px;
    line-height: 1.35em;
    color: #8A288F;
    text-decoration: underline;
    text-align: left;
    text-shadow: none;
}

#handshake #business-search-results .business a, #handshake #business-search-results .business p a {
    text-decoration: underline;
    color: #8A288F;
}

#handshake #business-search-results .business a:hover, #handshake #business-search-results .business h2 a:hover {
    text-decoration: none;
}

#handshake #business-search-results .business-details {
    margin-bottom: 15px;
}

#handshake #business-search-results .business-details:last-child, #handshake #business-search-results .business-details.last {
    margin-right: 0;
}

#handshake #business-search-results .business p {
    color: #555;
    font-size: 17px;
    line-height: 1.65em;
}

#handshake #business-search-results ul.business-links {
    clear: both;
    width: 100%;
}

#handshake #business-search-results ul.business-links li {
    display: inline-block;
    color: #771783;
    border-right: 2px solid rgba(119, 23, 131, 0.5);
    padding: 0 8px;
}

#handshake #business-search-results ul.business-links li a {
    color: #771783;
    text-decoration: underline;
}

#handshake #business-search-results ul.business-links li a:hover {
    text-decoration: none;
}

#handshake #business-search-results ul.business-links li:last-child {
    border-right: none;
}

#handshake #business-search-results-right {
    float: right;
    width: 43%;
}

#handshake #business-search-results-right #map {
    border: 15px solid #fff;
    -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.30);
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.30);
    width: 100% !important;
}

/**** CALENDAR ****/
.events-archive .entry-content, .events-archive .entry-header {
    width: 100%;
}

/** Pricing **/
.birthday_grid tr td {
    padding: 6px;
}

.birthday_grid h2 {
    background: #196EDB;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    padding: 10px;
    text-align: center;
}

.birthday_grid table {
    border: 2px solid #fff;
    width: 100%;
}

.birthday_grid h3 {
    color: #9b2988;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

.birthday_grid ul {
    margin: 0 0 0 15px;
    padding: 10px;
}

.birthday_grid ul li {
    margin: 0;
    padding: 0;
    line-height: 20px;
}

.birthday_grid tr td.bg_col1 {
    background: #f3f3f4 none repeat scroll 0 0;
    border: 2px solid #fff;
    padding: 10px 0 10px 10px;
    vertical-align: top;
    width: 250px;
}

.bg_2col {
    border: 2px solid #fff;
    text-align: center;
    vertical-align: middle;
    width: 284px;
}

.bg_3col {
    border: 2px solid #fff;
    text-align: center;
    vertical-align: middle;
    width: 188px;
}

.bg_4col {
    border: 2px solid #fff;
    text-align: center;
    vertical-align: middle;
    width: 140px;
}

.bg_orange, .bg_blue, .bg_yellow, .bg_green {
    color: #fff;
    font-size: 16px;
}

.bg_orange {
    background: #f9cf6c none repeat scroll 0 0;
}

.bg_blue {
    background: #94caea none repeat scroll 0 0;
}

.bg_yellow {
    background: #cd91d1 none repeat scroll 0 0;
}

.bg_green {
    background: #bbdd8c none repeat scroll 0 0;
}

.bg_orange_lt, .bg_blue_lt, .bg_yellow_lt, .bg_green_lt {
    color: #636466;
    font-size: 22px;
}

.bg_orange_lt {
    background: #fdeac0 none repeat scroll 0 0;
}

.bg_blue_lt {
    background: #d9ecf8 none repeat scroll 0 0;
}

.bg_yellow_lt {
    background: #ebd3ed none repeat scroll 0 0;
}

.bg_green_lt {
    background: #e8f4d9 none repeat scroll 0 0;
}

.bg_txt {
    display: block;
    font-size: 13px;
    width: 100%;
}

.bg_discount {
    color: #ed1c24;
    display: block;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
}

.bg_pd {
    font-size: 16px;
    font-weight: 700;
}

a.bg_pd {
    text-decoration: none;
}

.bg_pkg_size {
    font-size: 23px;
    font-weight: 700;
}

.bg_pkg_duration {
    padding-top: 20px;
}

.bg_addons {
    display: inline-block;
    height: 90px;
    text-align: center;
    width: 33%;
}

#tabs ul.ui-tabs-nav, #tabs .etabs {
    list-style-type: none;
    overflow: hidden;
    padding: 0 0 0 20px;

}

#tabs ul.ui-tabs-nav li, #tabs .tab {
    float: left;
    padding: 4px 0 0 0;
    margin: 0 1px 1px 0;
    font-size: 17px;
}

#tabs ul.ui-tabs-nav li a, #tabs .tab a {
    display: block;
    color: #fff;
    background-color: #ffcb05;
    padding: 8px 15px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

#tabs ul.ui-tabs-nav li.ui-tabs-active, #tabs .tab.active {
    font-size: 20px;
    border-bottom: 1px solid #fff;
    padding: 0;
}

#tabs ul.ui-tabs-nav li.ui-tabs-active a, #tabs .tab.active a.active {
    background-color: #E32800;
    padding: 9px 15px 10px 15px;
}

#tabs .ui-tabs-panel, #tabs > div {
    background: url('images/tabs_back.jpg') repeat-x #fff;
    padding: 20px 40px;
}

.listing {
    overflow: hidden;
    clear: both;
}

.listing_image {
    width: 30%;
    padding: 5% 0;
    float: left;
}

.privacy {
    width: 100%;
    padding: 5%;
    float: left;
}

.listing_text {
    width: 70%;
    padding: 5% 5% 10% 5%;
    float: left;
    overflow: hidden
}

.listing_text ul {
    margin-left: 20px;
    margin-top: 10px;
}

.listing_text.full-width {
    width: 100% !important;
    padding-left: 0% !important;
    padding-bottom: 0% !important;
}

.listing_text p {
    line-height: 22px;
    padding-bottom: 0;
    padding: 10px 0;
}

.listing_text h2 {
    font-family: 'BangoPro', sans-serif;
    color: #8A288F;

}

.listing_text h4 {
    font-size: 20px
}

.listing_text h5 {
    padding: 20px 0;
    font-weight: bold;
    color: #9c23a3;
    text-align: right;
}

.listing_text table {
    margin-top: 20px;
    border: 1px solid #ccc;
    background: #fff;
}

.listing_text tr td {
    padding: 6px 20px;
    border-top: 1px solid #ccc;
}

.listing_image img {
    border: 8px solid #E2E2E2;
    border-radius: 7px;
}

.listing .listing_date {
    font-weight: bold;
    font-size: 18px;
}

.listing .listing_time {
}

.listing .listing_price {
    /*    font-weight: bold;
        color: #9c23a3;*/
    padding: 0 0 20px 0;
    margin-top: -2px;
}

.bold {
    font-weight: bold;
}

.right {
    text-align: right
}

.candle {
    background-repeat: repeat-x;
    background-position: bottom left;
    -webkit-background-size: auto;
    /*-webkit-background-size: normal;*/
    -moz-background-size: auto;
    /*-moz-background-size: normal;*/
    background-size: auto;
    /*background-size: normal;*/
    padding: 0;

}

/** Calendar **/

.fc-day-grid {
    border-bottom: 1px solid #ccc;
}

.fc-day-grid-event .fc-content, .fc-time-grid-container {

}

.fc-day-grid-event .fc-content-full-title {
    overflow: visible;
    white-space: inherit;
}

.fc-scroller, .fc-time-grid-container {
    height: auto !important;
}

.fc-view-container table {
    border: none;
    margin: 0;
}

.fc-view-container table td, .fc-view-container table th {
    padding: 0;
}

.calendar-event-type-legend {
    padding: 10px;
}

.calendar-event-type, .calendar-event-type-legend {
    font-weight: bold;
    font-size: 10px;
    line-height: 4em;
    text-align: center;
}

.calendar-event-type ul, .calendar-event-type-legend ul {
    line-height: 26px;
    list-style-type: disc;
    padding: 0 0 23px 16px;
}

.calendar-event-type ul li, .calendar-event-type-legend ul li {
    display: inline-block;
    list-style-type: none;
    margin-left: 0.3em;
    background-color: transparent;
    border-left: 10px solid #e32800;
    border-right: 5px solid transparent;
    color: inherit;
    margin: 15px 5px;
    padding-left: 5px;
    line-height: 10px;
}

.calendar-event {
    border-bottom: 1px dotted #CCCACA;
    margin-bottom: 5px;
    overflow: hidden;
    padding-bottom: 5px;
    width: 100%;
}

.calendar-event .list-date {
    background: #666 none repeat scroll 0 0;
    box-sizing: border-box;
    display: inline;
    float: left;
    font-weight: bold;
    margin: 10px 5% 10px 0;
    overflow: hidden;
    padding: 3px;
    text-align: center;
    width: 20%;
}

.calendar-event .list-date .list-dayname {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    color: #666;
    display: block;
    font-size: 9px;
    padding: 3px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.calendar-event .list-date .list-daynumber {
    color: #fff;
    display: block;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    width: 100%;
}

.calendar-event .list-info {
    display: inline;
    float: left;
    line-height: 1;
    margin: 15px 0;
    width: 70%;
}

.fc-day-grid-event {
    box-shadow: -1px 2px 4px #ccc;
    margin: 4px;
    padding: 4px;
    overflow: hidden;
}

.sitemap .sitemap_column1 .widget_nav_menu {
    float: right;
    padding-right: 10% !important;
}

.sitemap .sitemap_column2 .widget_nav_menu {
    float: left;
    padding-left: 10% !important;
}

.menu-main-menu-container ul, li {
    list-style-type: none;
}

.sitemap a {
    white-space: nowrap;
    font-size: 18px;
    color: #005FD7 !important;
    line-height: 25px;
    text-decoration: underline;
}

/** Calendar Widget **/
.fc-widget-content div[id*="daynum-"] a::before {
    background: #fff none repeat scroll 0 0;
}

.fc-widget-content div[id*="daynum-"] a::before {
    background: #fff none repeat scroll 0 0;
}

.fc-widget-content .fc-has-events {
    background-color: #fff;
}

.fc-widget-content .fc-selected {
    background-color: #9c23a3 !important;
    color: #fff;
}

.fc-widget-content .fc-today {
    background: #fcf8e3 none repeat scroll 0 0;
}

.fc-widget-content .fc-has-events div[id*="daynum-"] a::before {
    background: #999 none repeat scroll 0 0;
    border-radius: 7px;
    bottom: 4px;
    content: "";
    display: block;
    height: 7px;
    left: 50%;
    margin: 5px auto 0 -4px;
    padding: 0;
    position: absolute;
    width: 7px;
}

.fc-widget-content .fc-has-events div[id*="daynum-"] a::before {
    background-color: #D0D0D0
}

.fc-widget-content .fc-has-events.fc-selected div[id*="daynum-"] a::before {
    background-color: #fff
}

.fc {
    margin-bottom: 20px;
}

/*.fc-widget-content .fc-has-events div[id*="daynum-"] a.fc-color1::before {
    background-color: #8b1fdf;
}

.fc-widget-content .fc-has-events div[id*="daynum-"] a.fc-color2::before {
    background-color: #0c73dc;
}

.fc-widget-content .fc-has-events div[id*="daynum-"] a.fc-color3::before {
    background-color: #ff6407;
}

.fc-widget-content .fc-has-events div[id*="daynum-"] a.fc-color4::before {
    background-color: #e32800;
}

.fc-widget-content .fc-has-events div[id*="daynum-"] a.fc-color5::before {
    background-color: #b71b10;
}

.fc-widget-content .fc-has-events div[id*="daynum-"] a.fc-color6::before {
    background-color: #E32800;
}

.fc-widget-content .fc-has-events div[id*="daynum-"] a.fc-color7::before {
    background-color: #733b9c;
}

.fc-widget-content .fc-has-events div[id*="daynum-"] a.fc-color8::before {
    background-color: #ffcb05;
}

.fc-widget-content .fc-has-events div[id*="daynum-"] a.fc-color9::before {
    background-color: #6a4392;
}

.fc-widget-content .fc-has-events div[id*="daynum-"] a.fc-color10::before {
    background-color: #3a87ad;
}*/

.fc-widget-content div[id*="daynum-"] a {
    display: block;
    padding: 0 0 15px;
    color: inherit;
    position: relative;
    text-decoration: none;
    text-align: center;
}

#calendar-widget .fc-content-skeleton {
    display: none;
}

.fc-event-container > .fc-past-event {
    filter: alpha(opacity=20); /* internet explorer */
    -khtml-opacity: 0.2; /* khtml, old safari */
    -moz-opacity: 0.2; /* mozilla, netscape */
    opacity: 0.2; /* fx, safari, opera */
}

.fc-content .fc-title {
    font-weight: normal;
}

.large_calendar {
    position: relative;
    padding-top: 50px;
}

.large_calendar.sm_padding .et_pb_row {
    padding-top: 40px !important;
}

.large_calendar .calendar-event-type {
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    text-align: center
}

.large_calendar .fc-center {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: block;
}

.large_calendar .fc-center h2 {
    font-size: 25px !important;
    padding: 0;
    margin: 0 auto;
    float: none;
}

.calendar-event-type-items {
    padding: 6px;
    border-radius: 3px;
    background: #F7F7F7;
}

.calendar-event-type-items:focus {
    border-color: #80868A;
}

.header {
    padding: 45px 0 60px 0;
    background-position: left bottom;
}

.header h1, .header h2 {
    font-size: 45px;
    padding: 10px 0;
}

.header .et_pb_row {
    padding: 1% 0;
    margin: 0 6%;
}

.header .widgettitle {
    display: none;
}

.et_pb_gutters3 .header .et_pb_column_4_4 .et_pb_module {
    margin-bottom: 5px !important
}

.et_pb_gutters3 .header .et_pb_column_4_4 .et_pb_widget {
    width: 100% !important;
    margin: 0;
}

.header .et_pb_widget ul li {
    float: left;
    margin-right: 5px;
    position: relative;
}

.header .et_pb_widget ul li a {
    padding: 5px 16px;
    display: block;
    border-radius: 3px;
    background-color: #58c5fb;
    color: #fff;
    font-size: 15px;
    margin: 3px 0;
}

.header .et_pb_widget .current-menu-item a {
    background: #fff;
    color: #2076d4;
    font-size: 18px;
    padding: 8px 20px;
    margin: 0;
}

.header .et_pb_widget .current-menu-item a:after {
    display: block;
    content: url('images/wt_arrow.png');
    position: absolute;
    width: 10px;
    height: 10px;
    left: 45%;
    bottom: 2px;
}

.et_pb_button.red, .et_pb_button.blue, .et_pb_button.purple, .et_pb_button.orange {
    font-size: 25px;
    color: #fff !important;
    padding: 20px 20px;
    border: none;
    font-family: 'BangoPro', sans-serif;
    text-transform: uppercase;
    margin: 5px;
    min-width: 20%;
}

.et_pb_button.red:after, .et_pb_button.blue:after, .et_pb_button.purple:after, .et_pb_button.orange:after {
    line-height: 35px !important;
    display: none;
    content: "";
}

.et_pb_button.red {

}

.et_pb_button.red:hover {
    background: none;
    background-color: #FB4821;
    border-color: #E32800;
}

.et_pb_button.blue {
    background: url(images/btn_blue.jpg) repeat-y #1f87e0;
}

.et_pb_button.blue:hover {
    background: none;
    background-color: #1f87e0;
}

.et_pb_button.orange {
    background: url(images/btn_orange.jpg) repeat-y #f7ba2e;
}

.et_pb_button.orange:hover {
    background: none;
    background-color: #f7ba2e;
}

.et_pb_button.purple {
    background: url(images/btn_purple.jpg) repeat-y #A226A8;
}

.et_pb_button.purple:hover {
    background: none;
    background-color: #a82cae;
}

.et_pb_button.purple-true {
    background: none;
    background-color: #8224cc;
}

.et_pb_button.purple-true:hover {
    background: none;
    background-color: #8224cc;
}

.et_pb_button.red:hover, .et_pb_button.blue:hover, .et_pb_button.purple:hover, .et_pb_button.orange:hover {

}

/*Responsive styles */

/*FAQ*/

.faqWrapper {
    background: url('images/tabs_back.jpg') repeat-x #fff;
    padding: 20px 20px;
}

.faqRow {
    display: block;
    padding: 10px;
}

.faqQuestion {
    font-size: 22px;
    color: #88248D;
    font-family: 'BangoPro', sans-serif;
    padding-bottom: 10px;
}

.faqAnswer {
    color: #000;
    margin-left: 20px;
    font-weight: 400;
}

.listing_text.about p {

}

h1.page_title {
    display: none;
}

.local_contact_us.address {
    font-size: 14px;
}

.local_contact_us {
    width: 40%;
    float: left;
}

#map_contact_us {
    height: 400px;
    border: 15px solid #fff;
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.30)
}

/* Easy Tab styles */
.tab a {
    display: block;
    color: #fff;
    background-color: #ffcb05;
    padding: 8px 15px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.tab-container .panel-container {
    background: #fff;
    border: solid #666 1px;
    padding: 10px;
    -moz-border-radius: 0 4px 4px 4px;
    -webkit-border-radius: 0 4px 4px 4px;
}

.et_pb_gutters3 .sm_padding.open_bounce .et_pb_column {
    margin-right: 3% !important
}

.et_pb_gutters3 .sm_padding.open_bounce .et_pb_column_1_4 {
    width: 22.875% !important;
    margin-right: 0 !important
}

.calendar_button {
    color: #fff !important;
    display: block;
    float: right;
    padding: 8px 8px 8px 38px;
    border-radius: 5px;
    background: url(images/calendar_wt.png) no-repeat 7px 7px #0460e2;
    margin-right: 15px
}

.popup_content input {
    padding: 7px;
    border: 2px solid #ddd;
}

.popup_content input:focus {
    padding: 7px;
    border: 2px solid #999;
}

.reserve {
    color: #fff !important;
    display: block;
    float: left;
    padding: 8px 12px;
    border-radius: 5px;
    background: #E32800;
    margin-top: 15px;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
}

.calendar_button:hover, .reserve:hover {
    background-color: #0460e2;
}

.form-text-group-1 {
    display: inline-block;
    width: 200px;
    margin: 5px 10px 5px 0;
}

.form-text-group-3 {
    display: inline-block;
    width: 100px;
    margin: 5px 10px 5px 0;
}

.form-button {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding: 0 20px;
    height: 32px;
    line-height: 32px;
    background: #f5821f url('images/bkg_form_buttom.png') repeat-x;
    background-color: #f5821f;
    border: 1px solid #f5821f;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border-bottom: 1px solid #9f9f9f;
    -moz-box-shadow: inset 0 1px 0 #f5821f;
    -webkit-box-shadow: inset 0 1px 0 #f5821f;
    box-shadow: inset 0 1px 0 #f5821f;
    cursor: pointer;
    margin-bottom: 10px;
}

.form-indent {
    margin-left: 0
}

.form-indent {
    text-align: left;
    font-size: 12px;
    /*width: 250px;*/
    padding-top: 20px;
}

.info {
    padding-bottom: 20px;
}

.form-text-group-2 {
    padding-bottom: 20px;
}

.two_col {
    width: 50%;
    padding: 5%;
    float: left
}

.two_col h4 {
    font-family: 'BangoPro', sans-serif;
    font-weight: normal;
    font-size: 25px;
    line-height: 1.35em;
    color: #007DB6;
}

.two_col h5 {
    font-size: 20px;
    color: #666;
}

.pg-nav {
    width: 10%;
    text-align: center;
    float: left;
}

.pg-nav a {
    display: block;
    height: 50px;
    margin: 0 auto;
    padding-top: 179px;
}

.pg-nav a.pg-prev {
    background-position: 0 0;
}

.pg-nav a.pg-next {
    background-position: -50px 0;
}

.car-slide-photo {
    overflow: hidden;
}

.pg-image {
    width: 80%;
    vertical-align: top;
    text-align: center;
    float: left;
    background: #fff;
    box-shadow: 3px 3px 10px #ccc;
    padding: 15px;
    margin-bottom: 10px;
}

.content {
    min-height: 100px;
    min-width: 200px;
}

.address {
    width: 90%;
}

.go-icon {
    width: 30px;
    height: 30px;
    float: right;
}

#map-steps {
    display: none;
    float: left;
    width: 0px;
    height: 400px;
    overflow: auto;
    border: 1px solid #aaa;

}

#map-canvas {
    float: right;
    width: 100%;
    height: 400px;
    border: 1px solid #aaa;
}

/*Coupon*/

.small-coupon {
    width: 47%;
    border: #7F47AD 4px solid;
    border-radius: 15px;
    margin-top: 10px;
    overflow: hidden;
    float: left;
    padding: 20px;
    margin: 0 1%;
    min-height: 450px;
    margin-bottom: 15px;
}

.small-coupon-title {
    display: block;
    width: 100%;
    text-align: center;
}

.small-coupon-title h3 {
    color: #7F47AD;
    font-size: 35px;
    margin: 20px 0px 10px 0px;
}

.small-coupon-title-edit {
    display: block;
    width: 100%;
    text-align: center;
    color: #00aef0;
    font-size: 28px;
    vertical-align: top;
    font-weight: 700;
    margin: 0px 0px 10px 0px;
}

.small-coupon-text {
    margin: 5px 0 5px 0;
}

.small-coupon-expire, .coupon-expire {
    color: #00aef0;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    padding: 10px 0;
}

.small-coupon-disclaimer {
    font-size: 12px;
    line-height: 14px
}

.small-coupon-store {
    padding: 10px 0 0 0;
}

.small-coupon-logo {
    width: 40%;
    float: left;
}

.small-coupon-address {
    font-size: 12px;
    float: left;
    width: 60%;
}

.small2 {
    margin-left: 10px;
}

.large-coupon {
    border: #8DC73F 4px solid;
    border-radius: 15px;
    margin: 0 1%;
    padding: 20px;
    width: 96%;
    overflow: hidden;
    margin-bottom: 15px;

}

#coupons {
    line-height: 1.4;
}

.large-coupon-left {
    width: 80%;
    padding-right: 5%;
    float: left;
}

.large-coupon-right {
    width: 20%;
    float: left;
}

.large-coupon-title h3 {
    color: #7F47AD;
    font-family: 'BangoPro';
    font-size: 35px;
    line-height: 32px;
    margin: 35px 0px 10px 0px;

}

.large-coupon-title-edit {
    text-align: left;
    color: #00aef0;
    font-size: 28px;
    vertical-align: top;
    font-weight: 700;
    margin: 10px 0px 10px 0px;
}

.large-coupon-text {
    padding: 10px 0;
}

.large-coupon-disclaimer {
    font-size: 12px;
    line-height: 14px;
}

.large-coupon-logo {
    text-align: center
}

.large-coupon-address {
    font-size: 12px;
    text-align: right;
}

.coupon-extras {
    padding-top: 10px;
}

.small-coupon-extras {
    padding-top: 25px;
}

.print-option {
    text-align: right
}

.print-option img {
    width: auto;
    max-width: none;
}

#group_event {
    margin-bottom: 100px;
}

#group_event p {
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    margin: 10px 0 20px 0;
    text-align: center;
}

#group_event ul li {
    text-align: left;
    line-height: 18px;
    padding-bottom: 10px;
    list-style: none;
    font-size: 15px;
    color: #E32800;
    font-weight: 500;
}

iframe {
    width: 100% !important;
    /*height: 1500px;*/
}

.reserve-iframe {
    height: 1500px;
}

.reserve-iframe-new-booking {
    height: 4000px;
}

.fc-past-event {
    opacity: .3 !important;
}

#bu-search:after {
    display: none !important;
}

#birthday-experiences {
    margin: 0 auto;
}

.food-menu {
    color: #fff !important;
    display: block;
    float: left;
    padding: 8px 12px;
    border-radius: 5px;
    background: url('images/btn_blue.jpg') repeat-y #1f87e0;
    margin-top: 15px;
    cursor: pointer;
    border: none;
    margin: 5px;
    clear: both;
}

.food-menus {
    padding-bottom: 75px;
}

article h2 a:hover {
    color: #8A288F;
}

.form-question {
    display: inline-block;
    width: 550px;
    font-weight: normal;
    font-size: 16px;
    color: #00aef0;
    margin-left: 250px;
    padding: 20px 0 5px 0px;
    text-align: left;
    vertical-align: top;
}

.form-label {
    display: inline-block;
    width: 300px;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: #00aef0;
    padding: 0 10px 0 0;
    text-align: right;
    vertical-align: top;
}

.form-text {
    display: inline-block;
    border: #e6e6e6 1px solid;
    color: #000;
    text-align: left;
    font-size: 16px;
    width: 500px;
    padding: 5px;
    margin: 0 0 5px 0;
}

.red-text {
    color: #FF0000;
}

.form-text-area {
    display: inline-block;
    border: #e6e6e6 1px solid;
    color: #000;
    text-align: left;
    font-size: 16px;
    width: 500px;
    height: 100px;
}

.form-indent {
    text-align: left;
    font-size: 16px;
    width: auto;
    padding: 5px;
    margin-left: 310px;
    padding: 10px 0 0 0;
}

.date-request-sumbit {
    color: #fff !important;
    display: block;
    float: left;
    padding: 8px 12px;
    border-radius: 5px;
    background: #E32800;
    margin-top: 15px;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
}

form#form-date-request div {
    margin-bottom: 15px;
}

/*Styles for the blog*/
#blog-name {
    margin-bottom: 25px;
    margin-top: 13px;
}

#blog-name span.title {
    font-family: 'Mikado';
    font-size: 48px;
    color: #444;
    text-shadow: none;
    margin-top: 10px;
    text-align: center;
    padding: 0 0 10px 0;
    display: block;
    line-height: 1em;
}

#blog-name span.subtitle {
    font-family: 'Mikado';
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    color: #bbb;
    padding: 5px 0 0 0;
    text-align: center;
    display: block;
    line-height: 1em;
}

@media (max-width: 767px) {
    #blog-name {
        margin-bottom: 5px;
        margin-top: 0;
        border-bottom: 1px solid #ececec;
        padding-bottom: 10px !important;
    }

    #blog-name span.title {
        font-size: 24px;
        padding: 0 0 5px 0;
        margin: 0;
    }

    #blog-name span.subtitle {
        font-size: 12px;
    }
}

.page-blog #et-main-area, .single #et-main-area, .archive #et-main-area, .search #et-main-area {
    margin-top: 22px;
}

.page-blog #main-content, .single #main-content, .archive #main-content, .search #main-content, .page-blog #main-footer, .single #main-footer, .archive #main-footer, .search-results #main-footer, .page-blog .entry-content {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

.single .et_pb_column, .archive .et_pb_column, .search .et_pb_column {
    width: 100%;
}

.page-blog #main-footer .container, .archive #main-footer .container, .single #main-footer .container, .search #main-footer .container {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.page-blog #footer-widgets, .archive #footer-widgets, .single #footer-widgets, .search #footer-widgets {
    border: none !important;
}

.single .et_pb_section {
    padding-top: 0;

}

.page-blog .et_pb_section_0 {
    background-color: #ffffff;
    background-image: none !important;

}

.page-blog.custom-background, .single.custom-background, .archive.custom-background, .search.custom-background {
    background-attachment: scroll;
    background-color: #fff !important;
    background-image: none !important;
    background-position: left top;
    background-repeat: repeat;
    margin-bottom: -60px;
}

.page-blog #footer-widgets .footer-widget:last-child {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    clear: both;
    float: none;
    height: 9px;
    padding: 0;
    width: 100%;
}

.page-blog #main-footer .container, .single #main-footer .container, .archive #main-footer .container, .search #main-footer .container, .page-blog #footer-widgets, .single #footer-widgets, .archive #footer-widgets, .search #footer-widgets, .page-blog #footer-widgets .footer-widget:last-child, .single #footer-widgets .footer-widget:last-child, .archive #footer-widgets .footer-widget:last-child, .search #footer-widgets .footer-widget:last-child, .page-blog .fullw #main-footer, .archive .fullw #main-footer, .single .fullw #main-footer, .search .fullw #main-footer {
    background: none;
}

.page-blog .fullw, .archive .fullw, .single .fullw, .search .fullw {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #0460e2 0%, #1a82df 50%, #1a82df 75%, #0a6ae1 100%) repeat scroll 0 0;
    margin: 0 auto;
}

.page-blog .et_pb_section:first-child, .single .et_pb_section:first-child, .archive .et_pb_section:first-child, .search .et_pb_section:first-child {
    padding: 0 !important;
}

.page-blog #footer-widgets {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    padding: 0;
}

.page-blog .et-pb-controllers a {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 7px;
    display: inline-block;
    height: 14px;
    margin-right: 10px;
    text-indent: -9999px;
    width: 14px;
}

.page-blog .et_pb_bg_layout_dark.et_pb_slider_with_overlay .et_pb_slide_overlay_container, .page-blog .et_pb_bg_layout_dark.et_pb_slider_with_text_overlay .et_pb_slide_title, .page-blog .et_pb_bg_layout_dark.et_pb_slider_with_text_overlay .et_pb_slide_content {
    background-color: transparent;
}

.page-blog .et_pb_slider .et_pb_container {
    float: right;
    width: 50%;
}

.page-blog .et_pb_post_slider {
    border: 1px solid rgb(238, 238, 238);
    background-color: #fff;
}

.page-blog .et_pb_slider .et_pb_slide {
    width: 100%;
    padding: 0;
}

.et-pb-active-slide .et_pb_slide_description {
    animation: 0s ease 0s normal none 1 running none !important;
    -webkit-animation: none !important;
    opacity: 1 !important;
}

.page-blog .et_pb_slide_description {
    background: -moz-linear-gradient(left, rgba(239, 244, 247, 0) 0%, rgba(239, 244, 247, 0.6) 10%, rgba(239, 244, 247, 1) 45%);
    background: -webkit-linear-gradient(left, rgba(239, 244, 247, 0) 0%, rgba(239, 244, 247, 0.6) 10%, rgba(239, 244, 247, 1) 45%);
    background: linear-gradient(to right, rgba(239, 244, 247, 0) 0%, rgba(239, 244, 247, 0.6) 10%, rgba(239, 244, 247, 1) 45%);
    min-height: 667px;
    padding-top: 7em;
}

.page-blog .et_pb_slide_title > a, .single .et_pb_slide_title > a {
    color: #252525;
    font-family: 'Mikado', sans-serif !important;
    text-shadow: none;
    font-size: 38px;
    line-height: 1.25em;
}

.page-blog .et_pb_slide_title > a:hover, .page-blog .et_pb_slide_description > a:hover, .page-blog .et_pb_post_slider.et_pb_bg_layout_dark .post-meta a:hover {
    color: #8A288F !important;
}

.page-blog .stext, .single .stext, .archive .stext, .search .stext {
    position: absolute;
    top: 5em;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    left: 0;
}

.page-blog .stext a, .single .stext a, .archive .stext a {
    border-bottom: 3px solid #d8e2dd;
    padding: 0 0 10px;
}

.page-blog .et_pb_post {
    text-align: center;
    clear: both;
    float: left;
}

.page-blog.search .et_pb_post {
    text-align: left;
}

.page-blog .et_pb_post_slider.et_pb_bg_layout_dark .post-meta, .page-blog .et_pb_post_slider.et_pb_bg_layout_dark .post-meta a {
    color: #707070 !important;
    margin: 35px auto auto;
    font-size: 16px !important;
}

.page-blog .et_pb_post_slider.et_pb_bg_layout_dark .post-meta a:hover {
    color: #8A288F;
}

.page-blog .stext > a, .single .stext > a, .archive .stext > a, .search .stext > a {
    color: #707070 !important;
    font-family: 'Mikado', sans-serif !important;
    font-size: 19px !important;
    text-shadow: none !important;
}

.page-blog .published, .single .published, .archive .published, .search .published {
    font-family: 'MikadoLight', sans-serif !important;
    font-size: 17px;
    text-shadow: none !important;
}

.page-blog .post-meta, .single .post-meta, .archive .post-meta, .search .post-meta, #left-area .post-meta a {
    color: #707070 !important;
    font-family: 'MikadoLight', sans-serif;
    font-size: 17px !important;
    text-shadow: none !important;
}

#left-area .post-meta a:hover, .post-meta a:hover {
    color: #87238F !important;

}

.page-blog .sbut.et_pb_more_button.et_pb_button {
    background: none;
    border: 2px solid #007DB6;
    color: #007DB6;
    font-size: 17px;
    font-weight: bold;
    padding: 10px 18px !important;
    text-transform: uppercase;
    font-family: 'Mikado', sans-serif;
}

.page-blog .sbut.et_pb_more_button.et_pb_button:hover {
    border: 2px solid #890B90 !important;
    color: #890B90;
}

.page-blog .sbut.et_pb_more_button.et_pb_button::after {
    content: "";
}

.page-blog .et_pb_slider_with_text_overlay h2.et_pb_slide_title {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    line-height: 50px;
    margin: 0 auto;
    padding: 30px 30px 0;
}

.page-blog .entry-title, .single .entry-title, .archive .entry-title, .search .entry-title {
    text-align: center;
}

.page-blog .et_pb_blog_grid h2, .page-blog .et_pb_blog_grid h2 a {
    font-family: 'Mikdao', Verdana, Helvetica, sans-serif;
    font-size: 30px;
    line-height: 1.25em;
}

.page-blog .et_pb_blog_grid h2 a:hover {
    color: #8A288F;
}

.page-blog .et_pb_blog_grid p, .page-blog .et_pb_blog_grid p.lexcerpt, .page-blog .threebl .size-1of3 article, .page-blog .threebl .size-1of2 article {
    font-family: 'MikadoLight';
    font-size: 16px !important;
    line-height: 1.65em;
    color: #252525;
}

.page-blog .et_pb_blog_grid p.post-meta {
    display: block;
}

.page-blog .et_pb_blog_grid p, .page-blog .et_pb_blog_grid p.lexcerpt {
    display: none;
}

.page-blog .et_pb_row {
    width: auto;
}

.page-blog .et_pb_blog_grid .et_pb_post {
    background-color: #fff;
    border: medium none;
    padding: 19px;
    word-wrap: break-word;
}

.page-blog .et_pb_text.et_pb_module.et_pb_bg_layout_light.et_pb_text_align_center.et_pb_text_1 > h2, .single .et_pb_text.et_pb_module.et_pb_bg_layout_light.et_pb_text_align_center.et_pb_text_1 > h2, .archive .et_pb_text.et_pb_module.et_pb_bg_layout_light.et_pb_text_align_center.et_pb_text_1 > h2, .search .et_pb_text.et_pb_module.et_pb_bg_layout_light.et_pb_text_align_center.et_pb_text_1 > h2 {
    color: #464646 !important;
    font-size: 20px !important;
    padding: 30px 0 0;
    text-transform: uppercase;
}

.page-blog .post-meta.fmeta {
    text-align: center;
}

.page-blog .feacat {
    margin: 15px auto auto;
    text-align: center;
}

.page-blog .fmeta .published {
    color: #959595;
    font-family: 'Mikado', sans-serif;
    font-size: 17px;
}

.page-blog .feacat > a {
    color: #636363 !important;
    font-size: 19px;
    font-family: 'Mikado', sans-serif;
}

.page-blog .feacat > a:hover {
    border-bottom: 1px solid #636363;

}

.page-blog .threebl {
    border-bottom: 1px solid #ccc;
}

.page-blog .thsection {
    padding: 2% 0 0 !important;
}

.page-blog .ltsection {
    padding: 0 !important;
}

.page-blog .lcomment {
    color: #464646;
    font-family: 'Mikado', sans-serif;
    font-size: 17px;
    margin-left: 20px;
}

.page-blog .entry-content, .single .entry-content, .archive .entry-content, .search .entry-content {
    background: none !important;
    padding: 0;
}

.page-blog .et_pb_post .entry-featured-image-url:hover {
    opacity: .75;
}

.single .entry-title {
    padding: 30px 0 20px 0;
}

.entry-title {
    color: #464646;
    font-family: 'Mikado', sans-serif;
    text-shadow: none;
    font-size: 48px;
    line-height: 1.25em;
}

#sidebar .et_pb_widget, .et_pb_column_1_4 .et_pb_widget {
    margin-bottom: 5em;
    text-align: center;
}

/** Single Blog Post **/
.single #left-area, .single #left-area article, .single article {
    float: left;
    width: 100%;
}

.et_pb_post .post-meta a {
    font-size: 17px;
}

.single .et_right_sidebar #left-area {
    width: 100%;
    padding-right: 0;
}

.single #left-area .post-meta {
    text-align: center;
}

.single #left-area .entry-content, .single #left-area article img, .single #left-area #comment-wrap {
    max-width: 728px;
    margin: 0 auto;
    width: 100%;
    float: none;
    display: block;
}

.single #left-area article img {
    padding-bottom: 30px;
}

#meta-details, #meta-details .entry-title, #meta-details span.fn, #meta-details span.fn a, #meta-details span.author vcard {
    font-size: 12px;
    font-weight: 500;
    display: none;
    border: none !important;
}

/** Blog Paged **/
.page-blog.paged #blog-slider-wrapper, .page-blog.paged #blog-featured-wrapper .et_pb_row {
    display: none !important;
}

/** Single Blog Post Footer Widgets **/
.blog-box {
    margin: 0 auto;
    width: 100%;
    display: block;
    border: 1px solid #f7ba2d;
    float: left;
    border-radius: 5px;
    padding: 3%;
    margin-bottom: 60px;
    margin-top: 60px;
    padding: 40px 0;
    background: #fffbf1;
}

.box-left, .box-right {
    width: 47%;
    display: inline-block;
    vertical-align: middle;
}

.box-mid {
    width: 3px;
    background-color: #f7ba2d;
    transform: skew(-26deg);
    -webkit-transform: skew(-26deg);
    -moz-transform: skew(-26deg);
    -o-transform: skew(-26deg);
    -ms-transform: skew(-26deg);
    margin: 0 1%;
    display: inline-block;
    vertical-align: middle;
    height: 112px;
    transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    position: relative;
}

.blog-box .et_pb_widget {
    float: none;
    text-align: center;
}

.blog-box .logo img {
    width: 150px;
}

.blog-box .logo h2 {
    margin-top: -10px;
    font-size: 32px;

}

.blog-box .box-bottom a, .blog-box .box-bottom button {
    background-color: #157bdf;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-family: "MikadoLight", sans-serif;
    font-size: 22px;
    display: block;
    padding: 10px;
    line-height: 26px;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
}

.blog-box .box-bottom a:hover, .blog-box .box-bottom button:hover {
    background-color: #007ab4;
    color: #FFF;
    border: none;
}

.box-right ul#social li {
    display: inline-block;
}

.box-right ul#social {
    text-align: center;
}

.box-right ul#social li a {
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    text-indent: -9999px;
    text-decoration: none;
    border: none;
    display: inline-block;
    background-size: 40px;
}

.box-right ul#social li a.fb {
    background-image: url("images/fb.png");
}

.box-right ul#social li a.tw {
    background-image: url("images/tw.png");
}

.box-right ul#social li a.pin {
    background-image: url("images/pin.png");
}

.box-right ul#social li a:hover, .box-right ul#social li a:hover {
    opacity: .75;
}

@media (max-width: 767px) {
    .box-left, .box-right {
        width: 100%;
    }

    .box-mid {
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 40px;
        width: 90%;
        display: block;
        height: 1px;
    }
}

/** Blog Sidebar **/
.widgettitle {
    border: medium none;
    font-size: 18px;
    font-weight: bold;
    display: block;
    text-align: center;
    font-family: 'Mikado', sans-serif;
    color: #464646;
    margin: 0 auto;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.widgettitle:after {
    content: " ";
    margin: 10px auto;
    width: 100px;
    height: 3px;
    background: #E5E5E5;
    display: block;
}

#text-8 {
    background: #fffbf1;
    padding: 40px 30px;
    font-size: 14px;
    border: 1px solid #f7ba2d;
    border-radius: 5px;
}

#text-8 .logo, #text-11 .logo, #text-14 .logo, #sidebar-right .textwidget .logo, .blog-box .textwidget .logo {
    text-align: center;
}

#text-8 .logo img, #text-11 .logo img, #text-14 .logo img, #sidebar-right .textwidget .logo img, .blog-box .textwidget .logo img {
    width: 150px;
}

#text-8 .logo span.title, #text-11 .logo span.title, #text-14 .logo span.title, #sidebar-right .textwidget .logo span.title, .blog-box .textwidget .logo span.title {
    margin-top: -10px;
    font-size: 32px;
    padding-bottom: 10px;
    color: #333;
    font-weight: 500;
    line-height: 1em;
    display: block;
}

.box-bottom a, .et_pb_widget li .box-bottom a, .et_pb_widget .box-bottom a, .box-bottom button {
    background-color: #1378e0;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-size: 22px;
    display: block;
    padding: 10px;
    line-height: 26px;
    max-width: 240px;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
}

.box-bottom a:hover, .et_pb_widget li .box-bottom a:hover, .et_pb_widget .box-bottom a:hover, .box-bottom button:hover {
    background-color: #007ab4;
    color: #fff;
    border: none;
}

form#sidebar-newsletter {
    margin: 0;
}

form#sidebar-newsletter p {
    padding-bottom: 20px;
    font-size: 16px !important;
    text-align: center;
    font-family: 'Mikado';
}

form#sidebar-newsletter input {
    width: 100%;
}

form#sidebar-newsletter .et_pb_contact_submit.et_pb_button {
    width: 100%;
    margin: 0;
    padding: 12px !important;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    background-color: #363940;
    border: none;
    color: white;
    border-radius: 2px;
    transition: 0.2s ease all;
}

form#sidebar-newsletter .et_pb_contact_submit.et_pb_button:hover {
    cursor: pointer;
    background: #0f7fae;
}

form#sidebar-newsletter input.et_pb_contact_submit:after {
    content: none;
}

.page-blog .fullwidth-menu-nav, .single .fullwidth-menu-nav {
    margin: 10px auto;
    padding: 0 10px;
    border: none;
}

.page-blog .et_pb_text.et_pb_module.et_pb_bg_layout_light.et_pb_text_align_center.et_pb_text_0 strong {
    color: #464646;
    font-family: 'Mikado', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
}

#blog-nav {
    border: none !important;
}

#blog-nav {
    width: 100%;
    float: left;
    padding: 0;
    margin-bottom: 0;
}

#blog-nav .et_pb_widget_area {
    padding: 0;
    margin: 0;
}

#blog-nav .widget_nav_menu {
    width: 80% !important;
    margin: 0;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    padding: 3px 0 10px 0;
}

#blog-nav .widget_search {
    float: right;
    width: 20% !important;
    width: 20% !important;
    margin: 0;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    padding: 10px 0;
}

#blog-nav .widget_search input {
    border-radius: 30px !important;
}

ul#menu-blog, ul#menu-blog-1 {
    padding: 6px 0 0 0 !important;
    line-height: inherit !important;
    list-style: none !important;
    text-align: left;
    display: inline-block;
    width: 100%;
}

ul#menu-blog li, ul#menu-blog-1 li {
    padding: 0;
    margin: 5px 0;
    height: 31px;
    display: inline-table;
}

ul#menu-blog > li:last-child a, ul#menu-blog-1 > li:last-child a {
    border-right: none;
}

ul#menu-blog li > a, ul#menu-blog-1 li > a {
    color: #7d7d7d;
    font-family: "Mikado" !important;
    font-size: 16px !important;
    font-weight: normal;
    padding-bottom: 0;
    word-wrap: break-word;
    text-decoration: none;
    border: none;
    border-right: 1px solid #d9d9d9;
    padding: 0 13px;
    display: table-cell;
    vertical-align: middle;
}

ul#menu-blog li > a:hover, ul#menu-blog-1 li > a:hover {
    color: #000;

}

.et_pb_widget ul {
    padding: 0 !important;
    line-height: inherit !important;
    list-style: none !important;
    text-align: left;
}

.et_pb_widget li a, .et_pb_widget a {
    color: #252525;
    font-family: "MikadoLight", sans-serif;
    font-size: 18px;
    line-height: 1.5em;
    border-bottom: 1px solid #666;
}

.et_pb_widget li a:hover, .et_pb_widget a:hover {
    color: #8A288F;
    border-bottom: none;
}

#recent-posts-2.et_pb_widget ul li, #sidebar .et_pb_widget ul li {
    margin-bottom: 1em;
}

#sidebar .address-section, #sidebar-right .address-section, #sidebar .franchise_links, #sidebar-right .franchise_links, #sidebar .social-section h4, #sidebar-right .social-section h4 {
    display: none !important;
}

#sidebar .hr, #sidebar-right .hr {
    display: none !important;
}

#sidebar .social-section, #sidebar-right .social-section, #sidebar ul#social, #sidebar-right ul#social {
    width: 100%;
    text-align: center;
}

#sidebar ul#social li, #sidebar-right ul#social li {
    display: inline-block;
}

#sidebar ul#social li a, #sidebar-right ul#social li a {
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    text-indent: -9999px;
    text-decoration: none;
    border: none;
    display: inline-block;
    background-size: 40px;
}

#sidebar ul#social li a.fb, #sidebar-right ul#social li a.fb {
    background-image: url("images/fb.png");
}

#sidebar ul#social li a.tw, #sidebar-right ul#social li a.tw {
    background-image: url("images/tw.png");
}

#sidebar ul#social li a.pin, #sidebar-right ul#social li a.pin {
    background-image: url("images/pin.png");
}

#sidebar ul#social li a.rss, #sidebar-right ul#social li a.rss {
    background-image: url("images/rss.png");
}

#sidebar ul#social li a.yt, #sidebar-right ul#social li a.yt {
    background-image: url("images/you.png");
}

#sidebar ul#social li a.fs, #sidebar-right ul#social li a.fs {
    background-image: url("images/fs.png");
}

#sidebar ul#social li a.ye, #sidebar-right ul#social li a.ye {
    background-image: url("images/ye.png");
}

#sidebar ul#social li a.in, #sidebar-right ul#social li a.in {
    background-image: url("images/in.png");
}

#sidebar ul#social li a:hover, #sidebar-right ul#social li a:hover {
    opacity: .75;
}

#sidebar .textwidget, #sidebar-right .textwidget {
    font-family: "Mikado", sans-serif !important;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
}

#text-8 br {
    display: none;
}

.et_pb_posts a.more-link {
    position: relative;
    display: inline-block !important;
    height: 50px;
    width: 170px;
    margin: 20px auto;
    text-align: center;
    background: #fff;
    color: #464646;
    font-size: 18px;
    text-transform: uppercase;
    border: 2px solid #eceaea;
    padding: 0.4em 1em 0.2em 1em;
    padding-top: 0.5em !important;
    padding-bottom: 0.3em !important;
    line-height: 1.2em !important;
    font-weight: 500;
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    border-radius: 3px;
}

.et_pb_posts a.more-link:hover {
    padding-right: 2em !important;
    padding-left: 1em !important;
}

.et_pb_posts a.more-link:active {
    -webkit-box-shadow: inset 0px 4px 13px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 4px 13px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 4px 13px rgba(0, 0, 0, 0.1);
}

.et_pb_posts a.more-link:after {
    font-family: "ETmodules" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-transform: none;
    speak: none;
    position: absolute;
    top: .35em;
    margin-left: -1em;
    opacity: 0;
    font-size: 32px;
    line-height: 1em;
    content: "\35";
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.et_pb_posts a.more-link:hover:after {
    margin-left: 0;
    opacity: 1;
    line-height: 25px;
}

.archive h1, .search h1 {
    font-family: 'Mikado';
    font-size: 36px;
    color: #8a288f;
    text-shadow: none;
    padding: 20px 0 30px;
    word-wrap: break-word;
    width: 100%;
    float: none;
    text-align: left;
}

.archive h5, .search h5 {
    color: #444;
    text-transform: uppercase;
    padding: 30px 0 0;
}

.page-blog .et_pb_post, .single .et_pb_post, .archive .et_pb_post, .search .et_pb_post, .pagination {
    font-family: 'MikadoLight';
    font-size: 19px;
    line-height: 1.65em;
    color: #252525;
    text-align: center;
}

.page-blog #text-9 {
    margin: -54px auto 50px;
}

.page-blog .et_pb_contact_submit, .et_pb_contact_reset {
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    margin: 0;
}

.page-blog .fol {
    font-family: 'Mikado', sans-serif;
    font-size: 17px;
    font-weight: normal;
}

.socn {
    margin: 32px auto auto;
    text-align: center !important;
}

.socn > li {
    display: inline-block;
    margin: 4px;
}

.socn > li a {
    border: none;
    opacity: 1;
}

.socn > li a:hover {
    opacity: .8;
}

.single .et_pb_post {
    padding-top: 40px;
}

.page-blog .et_header_style_left #et-top-navigation nav > ul > li > a {
    padding-top: 12px !important;
}

.page-blog .et_pb_text.et_pb_module.et_pb_bg_layout_light.et_pb_text_align_center.et_pb_text_1 strong {
    color: #464646;
    font-family: 'Mikado', sans-serif;
    font-size: 20px;
    font-weight: bold;
}

.page-blog .et_pb_text.et_pb_module.et_pb_bg_layout_light.et_pb_text_align_center.et_pb_text_2 strong {
    font-family: 'Mikado', sans-serif;
    font-size: 20px;
}

.page-blog .lexcerpt, .page-blog .lexcerpt p, .page-blog article .entry-content p, .page-blog article .entry-content, .single article .entry-content p, .single article .entry-content, .archive article .entry-content p, .archive article .entry-content, .search article .entry-content p, .search article .entry-content, .entry-content, .entry, .pagination {
    font-family: 'MikadoLight';
    font-size: 19px !important;
    line-height: 1.65em;
    color: #252525;
}

.single article .entry-content p, .single article .entry-content {
    text-align: left;
}

.page-blog .et-pb-arrow-prev {
    background-image: url("images/leftar.png");
    height: 75px;
    left: -24px !important;
    width: 63px;
}

.page-blog .et-pb-arrow-prev::before {
    content: "" !important;
}

.page-blog .et-pb-arrow-next {
    background-image: url("images/rightar.png");
    height: 75px;
    right: -20px !important;
    width: 63px;
}

.page-blog .et-pb-arrow-next::before {
    content: "" !important;
}

.page-blog .threebl .size-1of3 article, .page-blog .threebl .size-1of2 article {
    margin-bottom: 0 !important;
}

.page-blog .threebl iframe, .page-blog .threebl .size-1of3 iframe, .page-blog .threebl .size-1of2 iframe {
    display: none !important;
}

#main-content .container:before {
    content: none;
}

.page-blog.search-results {
    text-align: left;
}

@media (max-width: 767px) {
    .page-blog .lexcerpt, .page-blog .lexcerpt p, .page-blog article .entry-content p, .page-blog article .entry-content, .single article .entry-content p, .single article .entry-content, .archive article .entry-content p, .archive article .entry-content, .search article .entry-content p, .search article .entry-content, .entry-content, .entry, .pagination {
        font-size: 16px !important;
    }

    .page-blog .entry-title, .page-blog .entry-title a, .single .entry-title, .archive .entry-title, .archive .entry-title a, .search .entry-title, .search .entry-title a {
        font-size: 26px !important;
    }
}

/*Blog Social Share*/
.et_monarch .et_pb_section .et_social_inline {
    display: none !important;
}

.et_monarch .et_pb_section .et_social_inline_top, .et_monarch .et_pb_section .et_social_inline_bottom {
    margin-top: 30px;
}

.et_monarch .et_social_slide.et_social_left li .et_social_icon:after {
    content: none;
}

.et_monarch .et_social_left .et_social_network_label div {
    margin: 6px 0 0 2px;
}

.et_monarch .et_social_left .et_social_network_label {
    padding: 7px 8px 10px 7px;
}

.et_monarch .et_social_networks li, .et_monarch .et_social_networks li a, .et_monarch .et_social_icon {
    border: none !important;
}

/*Responsive styles*/
@media (min-width: 981px) {
    #left-area {
        width: 67%;
    }

    #sidebar {
        width: 31%;
        margin-top: 60px;
    }

}

/*Commenting out for now - Vikas code
@media only screen
and (max-width : 801px) {

    .page-blog .et_pb_slide_title > a {
        font-size: 21px !important;
    }

    .page-blog .et_pb_slider .et_pb_container {
        float: right;
        margin: 0 !important;
        top: 10px !important;
    }
    .page-blog .et_pb_slide_description, .page-blog .et_pb_slider_fullwidth_off .et_pb_slide_description {

        padding: 10px !important;
        width: auto !important; margin: 0 auto 40px !important;
    }

    .page-blog .et_pb_slider_with_text_overlay h2.et_pb_slide_title {
        line-height: 30px !important;
        margin: 0 auto -28px !important;
        padding: 10px !important;
        width: auto !important;
    }

    .page-blog .stext {
        border:none !important;
        display: inline-block !important;
        margin: auto !important;
        padding: 10px !important;
        position: relative !important;
        top: 0 !important;
        width: 100% !important;
    }
    .page-blog .et_pb_slider_with_text_overlay .et_pb_slide_content {
        padding: 0 !important;
    }
    .page-blog .et_pb_column.et_pb_column_3_4.et_pb_column_1.et_pb_specialty_column {
        margin-right: auto;
        width: 100% !important;
    }
}
*/

/*Responsive end*/

/*Comment Form*/
#commentform textarea, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"] {
    background: #EFF4F7;
}

#reply-title {
    font-size: 26px;
}

.form-submit input {
    float: left;
    padding: 0.3em 1em;
}

.form-submit input:hover {
    color: #fff !important;
    background: #8A288F;
}

/*Styles for the Popup*/
.pum-container {
    top: 30px !important;
}

.pum-container .pum-content + .pum-close {
    opacity: .25 !important;
}

.popmake-title {
    margin-bottom: .25em;
}

.popmake #newsletter-footer span.title {
    display: none;
}

.popmake #newsletter-footer {
    background: none;
    border: none;
    margin: 10px 0 0 0;
    padding: 0;
}

.popmake button, .popmake #newsletter-footer button {
    background-color: #1378e0;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-size: 22px;
    display: block;
    padding: 10px;
    line-height: 26px;
    max-width: 240px;
    text-align: center;
    margin: 0 auto;
    margin-top: 15px;
    transition: all 0.2s;
}

.popmake button:hover, .popmake #newsletter-footer button:hover {
    background-color: #007db6;
}

.popmake #newsletter-footer input, .popmake input, .popmake #newsletter-footer select, .popmake select {
    border: 1px solid #e2e2e2 !important;
    border-radius: 3px;
    color: #333;
    font-size: 16px;
    padding: 12px !important;
    height: 47px !important;
    margin: 0 0 5px 0 !important;
}

.popmake #newsletter-footer p, .popmake p {
    padding-bottom: 0;
}

.popmake #newsletter-footer input#first_name, .popmake input#first_name, .popmake #newsletter-footer input#last_name, .popmake input#last_name {
    float: left;
    width: 50%;
    background: #fff;
}

.popmake #newsletter-footer input#first_name, .popmake input#first_name {
    border-radius: 5px 0 0 5px;
    border-right: none !important;
}

.popmake #newsletter-footer input#last_name, .popmake input#last_name {
    border-radius: 0 5px 5px 0;
}

.popmake #newsletter-footer input#email_address, .popmake input#email_address {
    background: #fff;
}

.popmake #newsletter-footer .clearfix:after, .popmake .clearfix:after {
    clear: none;
}

.featured-image {
    padding: 15px 15px 5px 15px;
    text-align: center;
}

.birthday-dialog {
    display: none;
}

/*.popup_cont {*/
/*top: 0!important;*/
/*padding: 3%!important;*/
/*}*/
@media screen and (max-width: 640px) {
    .pum-container {
        width: 100% !important;
        top: 0 !important;
        left: 0 !important;
    }

    div.popup {
        max-height: 360px !important;
        overflow: auto;
    }
}

/* End here */

/*Responsive styles*/

@media (max-width: 1300px) {
    #handshake #business-search {
        padding: 60px 5px 30px;
    }

    ul#menu-blog li > a, ul#menu-blog-1 li > a {
        padding: 0 6px;
    }

}

@media (max-width: 1100px) {
    .et_header_style_left #et-top-navigation nav > ul > li > a {
        font-size: 14px;
    }

    #top-menu li {
        padding-right: 12px;
    }

    .et_header_style_left #et-top-navigation nav > ul > li > a {
        font-size: 16px;
    }

    #handshake span.handshake-heading, #handshake #business-search span.handshake-heading {
        font-size: 40px;
    }

    #handshake #business-search button {
        padding: 10px 25px 5px !important;
    }

    #handshake #business-search-results-left {
        width: 100%;
        clear: both;
        float: none;
    }

    #handshake #business-search-results-right {
        display: none;
    }

    #franchise-banners .et_pb_column_1_2, #franchise-banners.et_pb_gutters3.et_pb_row .et_pb_column_1_2 {
        width: 98%;
        margin-bottom: 10px;
    }

    #franchise-banners .column1, #franchise-banners .column2 {
        height: auto !important;
    }

    .banner-image {
        display: none;
    }

    .pricing_table .et_pb_row {
        width: 98%;
    }

    .candlestick {
        display: none
    }

    .candle {
        background: none;
        padding-bottom: 50px !important;
        border: none
    }

    .candle .et_pb_row et_pb_row_2 {
        padding: 0 !important;
    }

    .page-blog .et_pb_slider .et_pb_container {
        width: 60%;
    }

    #blog-nav .widget_nav_menu {
        clear: both;
        width: 100% !important;
        margin: 0 !important;
    }

    #blog-nav .widget_search {
        clear: both;
        width: 100% !important;
        margin: -1px 0 0 0 !important;
    }

    ul#menu-blog {
        text-align: center;
    }
}

@media (max-width: 980px) {

    .et_pb_button.red, .et_pb_button.blue, .et_pb_button.purple, .et_pb_button.orange {
        width: 45%;
    }

    .sitemap .sitemap_column1 .widget_nav_menu {
        float: left;
        padding-left: 0px !important;
    }

    #group_event {
        margin-bottom: 0px;
    }

    #handshake #business-search input, #handshake #business-search select {
        padding: 15px 20px 10px;
    }

    #handshake #business-search {
        padding: 30px 45px 30px;
    }

    .listing_image {
        width: 40%;
    }

    .listing_text {
        width: 60%;
    }

    .et_pb_section, .et_pb_row {
        padding: 0 0;
    }

    .et_pb_section:first-child {
        padding: 8% 0;
    }

    .bg_orange_lt, .bg_blue_lt, .bg_yellow_lt, .bg_green_lt {
        font-size: 18px;
    }

    .header h1, .header h2 {
        font-size: 40px;
    }

    .sm_padding .et_pb_blurb {
        padding: 0 20px;
    }

    .home_blurbs .et_pb_column {
        border-right: none;
        margin-bottom: 30px;
    }

    .birthday_boy img {
        left: 5%;
    }

    .footer-widget:nth-child(n) {
        margin: 0 3% 7.5% 0 !important;
    }

    .page-blog .threebl .size-1of3, .page-blog .threebl .size-1of2 {
        width: 100%;
        margin-bottom: 30px;
    }

    .single .et_right_sidebar #left-area {
        float: left;
        margin-right: 0;
    }

    .et_pb_text_align_center {
        text-align: center !important;
    }

    ul#menu-blog li > a, ul#menu-blog-l li > a {
        padding: 0 10px;
    }

    h1.entry-title {
        font-size: 36px;
    }

    .page-blog #sidebar-right, .search #sidebar-right, .archive #sidebar-right, .single #sidebar-right {
        margin-top: 80px;
    }
}

@media (max-width: 767px) {

    .featured-banner span {
        text-align: center;
        padding-top: 0;
    }

    .et_pb_button.red, .et_pb_button.blue, .et_pb_button.purple, .et_pb_button.orange {
        width: 80%;
    }

    .news_holder {
        padding: 0;
    }

    #handshake #business-search {
        padding: 30px 55px 30px;
    }

    #handshake #business-search input {
        /*width: 80%;
        max-width: 100%;
        margin-right: 1%;*/
    }

    #handshake #business-search select {
        width: 39%;
        max-width: 100%;
        margin-right: 0;
    }

    #handshake #business-search button {
        /*width: 80% !important;
        margin-top: 10px;*/
    }

    .sm_padding .et_pb_row {
        padding: 5px !important;
    }

    #tabs .ui-tabs-panel, #tabs > div {
        padding: 10px;
    }

    #footer-widgets .footer-widget:nth-child(n), #footer-widgets .footer-widget .fwidget {
        margin-bottom: 1% !important
    }

    .large_calendar.sm_padding .et_pb_row {
        padding-top: 85px !important;
    }

    .two_col {
        width: 100%;
        float: none;
    }

    #map_contact_us {
        width: 90%;
        margin: 0 auto;
    }

    .small-coupon, .large-coupon-left, .large-coupon-right {
        float: none;
        width: 100%;
    }

    .large-coupon-right {
        padding-top: 30px;
    }

    .large-coupon-address {
        text-align: center
    }

    .page-blog .et_pb_slider .et_pb_container {
        width: 75%;
    }

    #blog-nav {
        display: none;
    }
}

@media (max-width: 550px) {
    footer .franchise_links {
        display: block;
    }

    #handshake #business-search {
        width: 95%;
        padding: 25px 25px 20px;
    }

    #handshake #business-search input, #handshake #business-search select {
        padding: 10px 15px 5px;
    }

    #handshake #business-search button {
        padding: 5px 20px !important;
    }

    #handshake #business-search-results {
        width: 85%;
    }

    #handshake span.handshake-heading, #handshake #business-search span.handshake-heading {
        font-size: 32px;
    }

    #handshake #business-search-results {
        padding: 20px 20px 250px 20px;
        background-position: -135px bottom;
    }

    #handshake #business-search-results .business-right {
        width: 80%;
    }

    .sm_padding {
        padding-top: 5px;
    }

    #tabs ul.ui-tabs-nav li, #tabs .tab {
        font-size: 14px;
    }

    #tabs ul.ui-tabs-nav li.ui-tabs-active, #tabs .tab.active a.active {
        font-size: 16px;
    }

    #tabs ul.ui-tabs-nav li a, #tabs .tab a {
        padding: 3px 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        margin: 2px
    }

    #tabs ul.ui-tabs-nav li.ui-tabs-active a, #tabs .tab.active a.active {
        padding: 4px 5px 5px 5px;
    }

    .listing_image, .listing_text {
        width: 100%;
        float: none;
    }

    .bg_orange_lt, .bg_blue_lt, .bg_yellow_lt, .bg_green_lt {
        font-size: 15px;
    }

    .birthday_grid ul {
        margin: 0;
        padding: 0;
        font-size: 12px;
        list-style: none
    }

    .birthday_grid h3 {
        font-size: 15px;
    }

    .birthday_grid tr td {
        padding: 0;
    }

    .birthday_grid tr td.bg_col1 {
        padding: 10px 2px;
    }

    .bg_pkg_duration {
        font-size: 12px;
    }

    .header h1, .header h2 {
        font-size: 30px;
        padding: 20px 0;
    }

    #tabs ul.ui-tabs-nav, #tabs .etabs {
        padding-right: 3px;
    }

    .footer_widget #text-3 {
        padding: 0 10px;
    }

    .store_name, .store_phone {
        padding-left: 35px !important;
        font-size: 15px !important;
        white-space: nowrap;
    }

    .store_phone {
        padding-left: 10px !important;
    }

    #franchise-info .franchise_links, footer .franchise_links {
        display: block;
    }

    .pg-nav a {
        padding-top: 90px;
    }

    .et_pb_column .et_pb_blog_grid .column.size-1of2, .et_pb_column .et_pb_widget:nth-child(n) {
        width: 100% !important;
    }

    .page-blog .et_pb_slider .et_pb_container {
        width: 100%;
    }

    .page-blog .et_pb_slider_with_text_overlay h2.et_pb_slide_title, .page-blog .et_pb_slide_title > a, .single .et_pb_slide_title > a {
        line-height: 1.25em !important;
        font-size: 28px !important;
    }

    .page-blog .et_pb_slider_with_text_overlay .et_pb_slide_content, .page-blog .et_pb_slider_with_text_overlay h2.et_pb_slide_title {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

}

@media (max-width: 440px) {

    .et_mobile_menu {
        width: 280px;
    }

    #handshake span.handshake-heading, #handshake #business-search span.handshake-heading {
        font-size: 28px;
    }

}

@media (max-width: 319px) {

    .et_mobile_menu {
        width: 240px;
    }

    #handshake span.handshake-heading, #handshake #business-search span.handshake-heading {
        font-size: 25px;
    }

    #handshake #business-search-results {
        background-position: -200px bottom;
    }

    #handshake #business-search-results .business-distance-number p {
        background-size: 30px;
        width: 33px;
    }

    #handshake #business-search-results .business-distance-number span {
        padding: 10px 0;
        font-size: 15px;
    }

    #handshake #business-search-results .business h2, #handshake #business-search-results .business h2 a {
        font-size: 22px;
    }

    #handshake #business-search-results .business p {
        font-size: 16px;
    }

    #handshake #business-search-results .business-right {
        width: 100%;
        padding-top: 0;
    }

    .bg_pkg_size {
        font-size: 18px;
    }

    .bg_orange_lt, .bg_blue_lt, .bg_yellow_lt, .bg_green_lt, .birthday_grid h3 {
        font-size: 12px;
    }

    #menu-birthday-subnav {
        display: none;
    }

    #franchise-info .store_name, #franchise-info .franchise_links {
        background: none;
        padding-left: 10px;
    }

    #franchise-info .store_name, #franchise-info .store_phone {
        font-size: 16px
    }

    .store_name, .store_phone {
        padding-left: 10px !important;
    }

}

/* Request a Call form */
.date-request-sumbit {
    font-family: "BangoPro";
    font-size: 30px;
    margin-top: 15px;
    padding: 15px 20px 10px;
    text-transform: uppercase;
}

.form-question {
    color: #333;
    font-size: 15px;
}

input[type="phone"], input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input.text, input.title, textarea, select {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    color: #333;
    font-family: 'Mikado Light', sans-serif;
    font-size: 16px;
    padding: 12px;
    background: white;
}

.form-indent {
    color: #333;
    font-size: 15px;
    margin-left: 310px;
    padding: 10px 0 0;
    text-align: left;
    width: auto;
}

.form-label {
    color: #333;
    font-size: 15px;
}

/* booking page message */
.calldiv {
    color: #636363 !important;
    font-family: 'Mikado', sans-serif;
    font-size: 24px;
    line-height: 28px;
    margin: 0 auto 40px;
    text-align: center;
}

.calldiv > a {
    color: #98008f;
    font-family: 'Mikado', sans-serif;
    text-decoration: underline;
}

.rechead {
    color: #015ed5 !important;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 35px;
    margin: 0;
}

.vh_padding .et_pb_column {
    padding: 0 3.5%;
    width: 95%;
}

.form-question {

    margin: -17px 0 34px !important;
    width: 100%;
}

.form-label {
    padding: 5px 10px 0 0;
    width: 22%;
}

.form-indent {
    margin-left: 240px;
    text-align: left;
}

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

    select {
        margin: 5px !important;
        padding: 7px !important;
    }

    .fc-right > .print-option {
        display: none;
    }
}

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

    select {
        padding: 3px;
        margin: 0px;
    }
}

@media only screen
and (max-width: 1024px) {
    .form-question {
        width: 100%;
        margin-left: auto;
    }

    .form-label {
        text-align: left;
        width: 100%;
    }

    .form-text {
        width: 100%;
    }

    .form-indent {
        margin-left: auto;
        width: auto;
    }

    .form-text-area {
        width: 100%;
    }

    .date-request-sumbit {
        font-size: 22px;
        margin: 0 auto;
        float: none;
    }

    /* booking page message */
    .calldiv {
        font-size: 20px;

    }

    .et_monarch .et_pb_section .et_social_inline {
        display: block !important;
    }

}

.social-section {
    float: left;
    width: 50%;
}

.address-section {
    float: right;
    width: 50%;
}

.address-section a {
    color: white;
}

@media (max-width: 640px) {
    .social-section {
        width: 100%;
        clear: both;
        padding-bottom: 15px;
    }

    .address-section {
        width: 100%;
        clear: both;
        padding-bottom: 15px;
    }

}

@media all and (orientation: portrait) {
    .et_mobile_menu {
        max-height: 340px;
    }
}

@media all and (orientation: landscape) {
    .et_mobile_menu {
        max-height: 200px;
    }
}

@media print {
    .print-option {
        display: none;
    }
}

/** Franchise Pages Styling **/

.franchise p { font-family: CorporativeSoft Book; font-size: 18px; line-height: 28px; color: #464646 }
body.franchise { background: none !important; }
.franchise #top-menu li:last-child a { padding: 0px; background: none; }
.franchise #main-header { background-image: url('images/header-back-franchise.png'); border-top: none !important; }
.franchise #main-header nav ul li a { font-family: CorporativeSoft Med; font-size: 18px; padding-bottom: 10px !important; }
.franchise #et-main-area { max-width: 100%; width: 100%; }
.franchise .entry-content, .franchise #main-content, .franchise #main-footer, .franchise #main-footer .container, .franchise #footer-widgets .footer-widget:last-child { background: none; padding: 0px; }
.franchise .container { max-width: 100%; }
.franchise .green_title { font-size:38px; color:#8bc53d; font-family: 'BangoPro', sans-serif; margin-bottom: 20px; }
.franchise .purple_title { color:#9047d9; font-size: 38px; font-family: 'BangoPro', sans-serif; margin-bottom: 20px; }
.franchise .blue_title { color:#0093d4; font-size: 38px; font-family: 'BangoPro', sans-serif; margin-bottom: 20px; }
.franchise .yellow_title { color:#ffb006; font-size: 38px; font-family: 'BangoPro', sans-serif; margin-bottom: 20px; }
.franchise .white_title { color:#fff; font-size: 38px; font-family: 'BangoPro', sans-serif; margin-bottom: 20px; }

.franchise .header_book { background-image: none; padding: 5px 10px 5px; text-transform: none; font-size: 18px; font-family: CorporativeSoft Bold; }
.franchise .main-banner-kids { min-height: 790px; }
.franchise .main-banner-kids .et_pb_module  { margin-bottom: 0px !important; }
.franchise .main-banner-kids h1 { font-size:71px; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);  }
.franchise .apply_now_btn { background-color: #e32800; border: 0px; text-transform: uppercase; font-family: 'BangoPro', sans-serif; padding: 10px 25px; border-radius: 5px; font-size: 30px; }
.franchise .apply_now_btn:after { top:25%; }
.franchise .yellow_back p { max-width: 60%; background-color: #ffb61f; text-align: left; color: #fff; padding: 40px 50px; font-size: 45px; font-family: MikadoBold; line-height: 55px; margin-top: 10%; }
.franchise .quiz_link { max-width: 55%; text-align:center; }
.franchise .quiz_link a { color: #ffb61f !important; text-decoration: underline; font-family: 'MikadoMed', sans-serif !important; font-size: 29px !important; }
.franchise .quiz_sec { min-height: 688px; }
.franchise .seriusbusiness_sec { min-height: 795px; }
.franchise .right_sec .hdwrap { height:80px; line-height: 80px; }
.franchise .quit_job_title { font-size:28px; color:#6cb222; font-family:'MikadoBold'; margin-bottom:5px; line-height: normal; display: inline-block; }
.franchise .own_boss_title { font-size:28px; color:#1a83e0; font-family:'MikadoBold'; margin-bottom:5px; line-height: normal; display: inline-block; }
.franchise .kid_smile_title { font-size:28px; color:#9241e1; font-family:'MikadoBold'; margin-bottom:5px; line-height: normal; display: inline-block; }
.franchise .right_sec {display: inline-block;width:72%;}
.franchise .right_sec p{font-size:18px;line-height:25px;}
.franchise .left_sec {display: inline-block; width: 22%; vertical-align: top; max-width: 82px; margin-right: 10px; }
.franchise .contact_us_sec {  background-size: contain; background-repeat: repeat; min-height:230px; padding: 90px 0px; line-height: 48px; text-align: center;   font-size: 42.75px; color: #fff; font-family: 'Mikado' }
.franchise .contact_us_sec span{ font-family: MikadoBold;}
.franchise .contact_us_sec a {color:#fff;}

.franchise #main-footer { background: linear-gradient(to right, #0460e2 0%, #1a82df 50%, #1a82df 75%, #0a6ae1 100%); }
.franchise #main-footer .container { width:80%; margin-bottom:0px; }
.franchise #main-footer .container #footer-widgets { background: none; }

.franchise #main-footer #nav_menu-15, .franchise #main-footer #nav_menu-16, .franchise #main-footer #text-15 { width:50%; }

.franchise #main-footer .footer-widget:nth-of-type(1) div.fwidget:nth-of-type(1) {
    width: 50%;
}

.franchise #main-footer .footer-widget:nth-of-type(1) div.fwidget:nth-of-type(2) {
    width: 50%;
}

.franchise #main-footer .footer-widget:nth-of-type(1) div.fwidget:nth-of-type(3) {
    width: 50%;
}

.franchise #main-footer .footer-widget:nth-of-type(2) div.fwidget:nth-of-type(1) {
    width: 100%;
}


.franchise #main-footer .social-section { width: 100%; float:none; }
.franchise #main-footer .social-section h4 { font-family: CorporativeSoft Regular; font-size: 23px; }
.franchise #footer-widgets .footer-widget li a { font-family: CorporativeSoft Regular; }
.franchise #main-footer p.copy_info { font-family: CorporativeSoft Regular; font-size:12px; text-align: center; color: #8ab5f1; padding-top: 15px; display: inline-block; width: 100%;}
.franchise #main-footer p.copy_info span { font-family: CorporativeSoft Med; font-size:12px; }
.franchise #main-footer #text-16 { width: 100%; }
.franchise #main-footer .francapp_btn { font-family: CorporativeSoft Regular; color: #fff; background-color: #e32800; border-radius: 5px; padding: 10px 20px; text-decoration: none; border-bottom: none; font-size: 23px; }
.franchise #main-footer .francapp_btn:hover {background-color: #890B90;}
.franchise .available_locations { padding: 0px; min-height: 525px; }
.franchise .available_locations .et_pb_column { margin-right: 2.5%; }
.franchise .available_locations .available_locations_inner {padding: 0px; width: 100%; max-width: 100%; }
.franchise .available_locations .map_locations { padding:40px 10px; }
.franchise .available_locations .map_locations h2 { font-size: 29px; font-family: 'Mikado', sans-serif; margin-bottom:20px; }
.franchise .available_locations  #gmap { min-height:591px !important; }
.franchise .available_locations .left_sec { width:15%; }
.franchise .available_locations .resale, .franchise .available_locations .proactive { margin-bottom:25px; }
.franchise .available_locations .right_sec { font-size: 21px; font-family: 'MikadoMed', sans-serif; color: #464646; }

.franchise .image_4_sec { padding:0px; }
.franchise .image_4_sec .et_pb_row { padding:0px; width:100%; max-width:100%; }
.franchise .image_4_sec .et_pb_row .et_pb_column_1_4 { width:24.6%; margin: 0 .2%; }
.franchise .image_4_sec .et_pb_row .et_pb_column_1_4 img { width:100%; overflow: hidden; }

.franchise .mc4wp-response .mc4wp-alert { padding: 7px 15px; border-radius: 5px; margin-bottom: 10px; }
.franchise .mc4wp-response .mc4wp-alert.mc4wp-success { background-color: #006400; }
.franchise .mc4wp-response .mc4wp-alert.mc4wp-error { background-color: #E32800; }
.franchise .mc4wp-response .mc4wp-alert p { font-size: 16px; }

.franchise .whypg_yellow_back { min-height: 590px; color: #fff; padding: 100px 22%; }
.franchise .whypg_yellow_back h1 { font-size:50px; line-height:1.2em; text-shadow: 2px 2px 5px #dc9c12;}
.franchise .whypg_yellow_back p { font-family: CorporativeSoft Med; font-size: 30px; line-height: 40px;  color:#fff; text-shadow: 1px 1px 5px #dc9c12; }
.franchise .whypg_blue_back { min-height: 600px; color: #fff; }
.franchise .whypg_blue_back .et_pb_row { width: 100%; max-width: 90%; }
.franchise .whypg_blue_back .et_pb_column_1_3 { width: 32%; }
.franchise .whypg_blue_back .et_pb_column { margin-right: 1.5%; }
.franchise .whypg_blue_back .et_pb_image_8 { margin-bottom: 20px; }
.franchise .whypg_blue_back h2 {  font-family: 'BangoPro', sans-serif; color: #fff; font-size: 38px; text-shadow: 2px 2px 5px #044699; margin-bottom:0px; }
.franchise .whypg_blue_back p {text-shadow: 1px 1px 5px #044699;}
.franchise .whypg_blue_back p, .franchise .whypg_green_back p, .franchise .whypg_purple_back p { font-size:23px; font-family: CorporativeSoft Regular; line-height:28px;  color:#fff; }
.franchise .whypg_blue_back .paddtop { padding-top: 8%; }
.franchise .whypg_green_back { background-position: 15% 0; min-height: 695px; padding: 180px 0 0 27%; color: #fff;  }
.franchise .whypg_green_back h2 { font-family: 'BangoPro', sans-serif; color: #fff; font-size: 42.76px; text-shadow: 2px 2px 5px #3b6523; margin-bottom: 20px; }
.franchise .whypg_green_back p { text-shadow: 1px 1px 5px #3b6523; }
.franchise .whypg_purple_back { color:#fff; }
.franchise .whypg_purple_back h1 { font-size: 38px; text-shadow: 2px 2px 5px #432165; margin-bottom:20px; }
.franchise .whypg_purple_back p { padding: 0 12%; text-shadow: 1px 1px 5px #432165; }
.franchise .whypg_purple_back h4 { font-size: 20px; line-height: 1.25em; color: #fff; font-family: CorporativeSoft Bold; }
.franchise .whypg_purple_back .et_pb_column_1_3  p { font-family: CorporativeSoft Regular; line-height: 1.45em; font-size: 16px; padding:0px;  }

.franchise .appg_main_header { min-height:320px; }
.franchise .appg_main_header h1 { font-size: 50px; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); padding-top: 30px; }

.franchise .gs_main_header { min-height: 545px; }
.franchise .gs_main_header .et_pb_row { max-width: 100%; }
.franchise .gs_main_header h1 { font-size:50px; text-shadow: 1px 2px 5px rgba(184, 36, 1, 0.5); padding: 30px 0px 30px; }
.franchise .gs_main_header p { font-family: CorporativeSoft Regular; font-size: 25px; line-height: 36px; color:#fff; padding: 0 4%; }
.franchise .gs_section_two .gs_right_content h2, .franchise .gs_section_three .gs_right_content h2, .franchise .gs_section_four .gs_right_content h2, .franchise .gs_section_five .gs_right_content h2  { margin-bottom: 0px; padding-bottom: 0px; line-height: normal; display: inline-block;  }
.franchise .gs_left_number { width: 82px; margin-right: 28px; display: inline-block; vertical-align: top; }
.franchise .gs_right_content { display: inline-block; width: 80%; }
.franchise .gs_right_content .hdwrap { height:100px; line-height: 100px; }
.franchise .gs_section_three { min-height:920px; padding: 150px 0px 0px; }
.franchise .gs_section_three p { font-size: 18px; font-family: CorporativeSoft Book; color:#fff; }
.franchise .gs_section_three .gs_process_list ul { display:inline-block; list-style: none; margin-top: 40px; vertical-align: top; margin-right: 100px; }
.franchise .gs_section_three .gs_process_list ul li { font-size: 18px; font-family: CorporativeSoft Book; background: url('../../uploads/2016/09/right_tick.png') no-repeat top left; color: #fff; padding: 2px 0px 17px 45px;  }
.franchise .gs_section_four .mrgntop { margin-top: 120px; }
.franchise .gs_section_four .mrgntopneg { margin-top: -300px; }
.franchise .gs_section_five { min-height: 750px; color: #fff; }
.franchise .gs_section_five .et_pb_row { padding: 130px 0px 0px 26%; }
.franchise .gs_section_five p { font-size: 25px; line-height: 35px; font-family: CorporativeSoft Med; color:#fff; }

.franchise .table-responsive { min-height: .01%; overflow-x: auto; }
.table { width: 100%; max-width: 100%; margin-bottom: 20px; }
.franchise .gs_start_up_costs table thead { background-color:#efefef; }
.franchise .gs_start_up_costs table thead td { color: #fff; }
.franchise .gs_start_up_costs table tr td, .franchise .gs_start_up_costs table tr th { font-family: CorporativeSoft Regular; font-size: 18px; color: #464646; padding: 12px 10px; }
.franchise .gs_start_up_costs table tr th { border-top: 1px solid #eee; }
.franchise .gs_start_up_costs table tr.blank { background-color: #efefef; }


.franchise .pathpg_stepthree .gs_right_content h2 { color:#fff; }
.franchise .pathpg_stepfour .gs_right_content h2 { color:#1c86df; }

.franchise .opn_main_header { color:#fff; padding:100px 19%; min-height: 550px; }
.franchise .opn_main_header h1 { text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); font-size: 50px; margin-bottom: 20px; }
.franchise .opn_main_header p { font-size: 30px; font-family: CorporativeSoft Regular;  color:#fff; }
.franchise .opn_purple_back { min-height: 570px; }
.franchise .opn_purple_back h2 { font-family: BangoPro; font-size: 48px; color:#fff; text-shadow: 3px 4px 5px rgba(59, 132, 19, 0.75); padding: 70px 0px; }
.franchise .opn_staffing { min-height: 600px; color: #fff; }
.franchise .opn_staffing h2 { font-family: BangoPro; font-size: 48px; color:#fff; text-shadow: 3px 4px 5px rgba(59, 132, 19, 0.75); padding: 30px 0px 50px; }
.franchise .opn_staffing p { font-size: 31px; padding: 0px 42% 0px 0px; line-height: 42px; font-family: CorporativeSoft Med; color:#fff; }
.franchise .opn_marketexp { min-height: 830px; color: #fff; }
.franchise .opn_marketexp h2 { font-family: BangoPro; font-size: 48px; color:#fff; text-shadow: 3px 4px 5px rgba(252, 181, 29, 0.75); padding: 0px 0px 40px; }
.franchise .opn_marketexp p { font-size: 31px; line-height: 42px; font-family: CorporativeSoft Med; padding: 0 14%;  color:#fff; }
.franchise .opn_cust_exp { min-height: 640px; color:#fff; }
.franchise .opn_cust_exp .et_pb_row { width:100%; max-width: 90%; padding: 2% 0 6% 0; }
.franchise .opn_cust_exp .et_pb_column { margin-right:1.5%; }
.franchise .opn_cust_exp .et_pb_column_1_3 { width:32%; }
.franchise .opn_cust_exp .et_pb_image_4 { margin-bottom: 20px; }
.franchise .opn_cust_exp h2 { font-size: 38px; font-family: bangopro; color: #fff; margin-bottom: 30px; }
.franchise .opn_cust_exp p { font-size: 23px; font-family: CorporativeSoft Regular;  color:#fff; }

.franchise .at_main_header { padding:70px 0px; }
.franchise .at_main_header h1 { font-size: 50px; text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); }
.franchise .at_at_resale h2 { font-size: 38px; font-family: BangoPro; color: #0093d4; }
.franchise .at_at_resale p { font-family: CorporativeSoft Book; font-size: 23px; color: #464646; line-height: 31px; }
.franchise .at_at_resale ul { margin-top: 25px; list-style-type: square; margin-left: 10px; }
.franchise .at_at_resale ul li { font-family: CorporativeSoft Med; color: #0093d4; font-size: 23px; padding: 8px;  }
.franchise .at_at_resale ul li a { color: #0093d4; text-decoration: underline; }
.franchise .at_at_resale ul li span { color: #464646; }

.franchise .faq_pg h2 { font-family: 'BangoPro', sans-serif; color: #0093d4; font-size: 38px; }
.franchise .faq_pg .et_pb_toggle_close h5.et_pb_toggle_title { color: #7d7d7d; font-size: 20px; font-family: 'BangoPro', sans-serif; }
.franchise .faq_pg .et_pb_toggle_open h5.et_pb_toggle_title { color: #0093d4; font-size: 20px; font-family: bangopro; }
.franchise .faq_pg .et_pb_toggle_content  p { color: #7d7d7d; font-size: 20px; font-family: CorporativeSoft Regular; padding: 0 30px; }

.franchise .qzpg_main_header { padding: 90px 0px; }
.franchise .qzpg_main_header h1 { text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); font-size: 50px; }
.franchise .qzpg_txttitle {  padding: 10px 0 0; }
.franchise .qzpg_quiz { padding-top: 0px; }
.franchise .qzpg_quiz .gs_right_content { width: 90%; }
.franchise .qzpg_quiz .green_title, .franchise .qzpg_quiz .blue_title, .franchise .qzpg_quiz .purple_title { line-height: normal; display: inline-block; margin-bottom: 0px; padding-bottom: 0px; font-size: 35px; }
.franchise .qzpg_qsec { background-color: #f6f6f6; padding: 50px; margin-bottom: 10px; }

.franchise .qzpg_qsec .opsec {  }
.franchise .qzpg_qsec .opsec .list_radio { position: relative; display: inline-block; margin: 5px 0px 5px 45px; font-size: 20px; }
.franchise .qzpg_qsec .opsec .list_radio .selected { color: #298dde; font-weight: bold; display: inline-block; }
.franchise .qzpg_qsec .opsec label { font-size: 20px; padding: 0 !important; color: #555; font-family: CorporativeSoft Med; cursor: pointer; }
.franchise .qzpg_qsec .opsec .list_radio .radio-inline img { margin-right: 5px; vertical-align: middle; margin-bottom: 0.35em; }
.franchise .qzpg_qsec .opsec .anssec { display:none; padding: 30px; font-family: CorporativeSoft Med; font-size: 16px; color:#fff; float: right; position: relative; width: 65%; vertical-align: top; line-height: 22px; }
.franchise .qzpg_qsec .opsec .anssec img { position: absolute; margin-left: -51px; margin-top: -15px; }
.franchise .qzpg_qsec .opsec .green { background-color: #71bf44; }
.franchise .qzpg_qsec .opsec .blue { background-color: #1173dd; }
.franchise .qzpg_qsec .opsec .purple { background-color: #9241e1; }
.franchise .qzpg_qsec .opsec .red { background-color: #e32800;  }
.franchise .qzpg_qsec #qzop6 { margin-top: 60px; }
.franchise .response_div { clear: both; margin: 100px 0px; }
.franchise .response_div .cont_btn { font-size: 27px; color: #fff !important; padding: 20px 60px 20px 60px; border: none; font-family: BangoPro; text-transform: uppercase; margin: 20px 0; background: #0e6ee6; cursor: pointer; box-shadow: 3px 4px 4px #e2caf5; border-radius: 5px; -webkit-appearance: none; }
.franchise .response_div .resp { background: url('../../uploads/2016/09/quiz_resp.jpg') no-repeat center; padding: 123px 23%; text-align: center; background-size: contain; display: none; }
.franchise .response_div .resp h1 { font-family: BangoPro; font-size: 48px; text-shadow: 3px 4px 5px rgba(252, 181, 29, 0.75); color: #fff; margin-bottom: 30px; }
.franchise .response_div .resp p { font-size: 20px; line-height: 28px; color: #fff; font-family: CorporativeSoft Med; }
.franchise .response_div .errdv { font-family: BangoPro; font-size: 30px; color: #ed1c24; display:none; margin-top: 40px; }
.franchise .response_div .resp p .lnktxt { color:#fc600b; font-family: CorporativeSoft Bold; }


@media (max-width: 1680px) {
    .franchise .available_locations .map_locations { padding: 28px 0px; }
    .franchise .quiz_sec { min-height: 600px; }
    .franchise .whypg_yellow_back { padding: 100px 13% 150px; min-height: 490px; }
    .franchise .whypg_blue_back { min-height: 530px; }
    .franchise .whypg_blue_back .paddtop { padding-top: 10%; }
    .franchise .whypg_green_back { min-height: 600px; padding: 155px 0 0 27%; }
    .franchise .whypg_purple_back p { padding: 0 8%; }
    .franchise .opn_main_header { padding: 80px 19%; min-height: 470px; }
    .franchise .opn_purple_back { min-height: 495px; }
    .franchise .opn_purple_back h2 {  margin-right: 2%; }
    .franchise .opn_staffing { min-height: 520px; }
    .franchise .opn_marketexp { min-height: 720px; }
    .franchise .opn_cust_exp { min-height: 560px; }
    .franchise .gs_main_header { min-height: 475px; }
    .franchise .gs_main_header h1 { padding: 20px 0px 30px; }
    .franchise .gs_main_header p { padding: 0 0%; }
    .franchise .gs_left_number { margin-right: 20px; }
    .franchise .gs_section_three { min-height: 810px; padding: 140px 0px 0px; }
    .franchise .gs_section_three .gs_process_list ul { margin-right: 150px; margin-top:20px; }
    .franchise .gs_section_three .gs_right_content { width: 80%; }
    .franchise .gs_section_five { min-height: 650px; }
    .franchise .qzpg_main_header { padding: 75px 0px; }
    .franchise .response_div .resp { padding: 98px 23%; }
}

@media (max-width: 1480px) {
    .franchise .yellow_back p { max-width: 60%; padding: 40px 40px; font-size: 42px; line-height: 55px; margin-top: 10%; }
    .franchise .quiz_sec { min-height: 550px; }
    .franchise .whypg_yellow_back { min-height: 430px; padding: 75px 12% 150px; }
    .franchise .whypg_blue_back { min-height: 460px;  }
    .franchise .whypg_blue_back .et_pb_row { max-width: 95%; }
    .franchise .whypg_blue_back p { font-size: 21px; line-height: 28px; }
    .franchise .whypg_blue_back .paddtop { padding-top: 12%; }
    .franchise .whypg_green_back { min-height: 520px; padding: 100px 0 0 27%; }
    .franchise .whypg_green_back h2 { font-size: 38px; }
    .franchise .whypg_purple_back p { padding: 0; }
    .franchise .opn_main_header { padding: 70px 10%; min-height: 420px; }
    .franchise .opn_purple_back { min-height: 440px; }
    .franchise .opn_purple_back h2 { margin-right: 7%; }
    .franchise .opn_staffing { min-height: 455px; }
    .franchise .opn_staffing p { padding: 0px 37% 0px 0px; }
    .franchise .opn_marketexp { min-height: 640px; }
    .franchise .opn_marketexp p { padding: 0 8%; }
    .franchise .opn_cust_exp { min-height: 500px; }
    .franchise .gs_main_header { min-height: 425px; }
    .franchise .gs_main_header h1 { padding: 10px 0px 20px; }
    .franchise .gs_left_number { margin-right: 15px; }
    .franchise .gs_section_three { min-height: 720px; padding: 100px 0px 0px; }
    .franchise .gs_section_three .gs_process_list ul { margin-top: 10px; margin-right: 100px; }
    .franchise .gs_section_five { min-height: 575px; }
    .franchise .gs_section_five .et_pb_row { padding: 80px 0px 0px 26%; }
    .franchise .qzpg_main_header { padding: 75px 0px; }
    .franchise .qzpg_quiz .gs_right_content { width: 88%; }
    .franchise .qzpg_quiz .green_title, .franchise .qzpg_quiz .blue_title, .franchise .qzpg_quiz .purple_title { font-size: 34px; }
    .franchise .response_div .resp { padding: 75px 23%; }
}

@media (max-width: 1366px) {
    .franchise .quiz_sec { min-height: 470px; }
    .franchise .yellow_back p { max-width: 68%; margin-top: 7%; padding: 40px 35px; }
    .franchise .main-banner-kids, .franchise .seriusbusiness_sec { min-height: 560px;  }
    .franchise .available_locations .map_locations { padding: 16px 0px; }
    .franchise .whypg_yellow_back { min-height: 430px; color: #fff; padding: 65px 5% 150px; }
    .franchise .whypg_blue_back { min-height: 430px;  }
    .franchise .whypg_blue_back h2 { margin-bottom: 10px; }
    .franchise .whypg_blue_back p { font-size: 19px; line-height: 25px; }
    .franchise .whypg_blue_back .paddtop { padding-top: 10%; }
    .franchise .whypg_green_back { min-height: 490px; padding: 65px 0 0 27%; }
    .franchise .whypg_green_back h2 { font-size: 36px; }
    .franchise .opn_main_header { padding: 60px 6%; min-height: 390px; }
    .franchise .opn_purple_back { min-height: 400px; }
    .franchise .opn_purple_back h2 { font-size: 42px; margin-right: 5%; }
    .franchise .opn_staffing { min-height: 425px; }
    .franchise .opn_staffing h2 { padding: 20px 0px 30px; }
    .franchise .opn_marketexp { min-height: 590px; }
    .franchise .opn_marketexp p { padding: 0 4%; }
    .franchise .opn_cust_exp { min-height: 430px; }
    .franchise .opn_cust_exp .et_pb_row { max-width: 95%; }
    .franchise .opn_cust_exp h2 { font-size: 34px; margin-bottom: 10px; }
    .franchise .opn_cust_exp p { line-height: 28px; }
    .franchise .gs_main_header { min-height: 400px; }
    .franchise .gs_main_header h1 { font-size: 42px; }
    .franchise .gs_main_header p { font-size: 23px; line-height: 32px; }
    .franchise .gs_right_content { width: 75%; }
    .franchise .gs_section_two .gs_right_content h2, .franchise .gs_section_three .gs_right_content h2, .franchise .gs_section_four .gs_right_content h2, .franchise .gs_section_five .gs_right_content h2, .franchise .white_title  { font-size: 36px; }
    .franchise .gs_section_three .gs_right_content { width: 80%; }
    .franchise .gs_section_three .gs_process_list ul li { padding: 2px 0px 12px 45px; }
    .franchise .gs_section_three .gs_process_list ul { margin-top: 0px; margin-right: 80px; padding: 0 10px 0 10px;}
    .franchise .gs_section_three { min-height: 670px; padding: 90px 0px 0px; }
    .franchise .gs_section_five { min-height: 535px; }
    .franchise .gs_section_five .et_pb_row { padding: 70px 0px 0px 26%; }
    .franchise .gs_section_five p { font-size: 25px; line-height: 32px; }
    .franchise .qzpg_main_header { padding: 55px 0px; }
    .franchise .qzpg_quiz .gs_right_content { width: 88%; }
    .franchise .qzpg_quiz .green_title, .franchise .qzpg_quiz .blue_title, .franchise .qzpg_quiz .purple_title { font-size: 32px; }
    .franchise .response_div .resp { padding: 75px 21%; }
}  
@media (max-width: 1260px) {
    #main-header .container { width:95%; }
    .franchise #main-footer .container, .et_pb_row { width:90%; }
    .franchise .map_locations .right_sec p { font-size: 16px; line-height: 23px; }
    .franchise .quiz_sec { min-height: 450px; }
    .franchise .whypg_blue_back { min-height: 395px; }
    .franchise .whypg_blue_back .et_pb_row { max-width: 99%; }
    .franchise .whypg_blue_back p { font-size: 18px; line-height: 25px; }
    .franchise .whypg_green_back { min-height: 455px; padding: 65px 0 0 27%; }
    .franchise .whypg_green_back h2 { font-size: 34px; }
    .franchise .whypg_green_back p { font-size: 21px; line-height: 28px; }
    .franchise .opn_purple_back { min-height: 370px; }
    .franchise .opn_purple_back h2 { font-size: 40px; padding: 55px 0px; }
    .franchise .opn_staffing { min-height: 390px; }
    .franchise .opn_staffing p { font-size: 29px; padding: 0px 41% 0px 0px; line-height: 37px; }
    .franchise .opn_marketexp { min-height: 545px; }
    .franchise .opn_marketexp h2 { padding: 0 0 20px; }
    .franchise .opn_marketexp p { padding: 0 5%; line-height: 38px; }
    .franchise .opn_cust_exp .et_pb_row { max-width: 99%; }
    .franchise .opn_cust_exp h2 { font-size: 32px; margin-bottom: 10px; }
    .franchise .opn_cust_exp p { font-size: 21px; line-height: 27px; }
    .franchise .gs_main_header { min-height: 360px; }
    .franchise .gs_main_header h1 { font-size: 42px; }
    .franchise .gs_main_header p { font-size: 21px; line-height: 28px; }
    .franchise .gs_section_five { min-height: 490px; }
    .franchise .gs_section_five .et_pb_row { padding: 42px 0px 0px 29%; }
    .franchise .qzpg_qsec { padding: 40px; }
    .franchise .qzpg_main_header { padding: 50px 0px; }
    .franchise .qzpg_quiz .green_title, .franchise .qzpg_quiz .blue_title, .franchise .qzpg_quiz .purple_title { font-size: 30px; }
    .franchise .qzpg_qsec .gs_right_content .hdwrap { height: 90px; line-height: 90px; }
    
}  
@media (max-width: 1115px) {
    .franchise .main-banner-kids, .franchise .seriusbusiness_sec { min-height: 450px; }
    .franchise .main-banner-kids h1 { font-size:60px; }
    .franchise .apply_now_btn { font-size: 20px; }
    .franchise .apply_now_btn:after { top: 14%; }
    .franchise .quit_job_title, .franchise .own_boss_title, .franchise .kid_smile_title { font-size:24px; margin-bottom:0px; }
    .franchise .right_sec .hdwrap { max-height: 65px; line-height: 65px; }
    .franchise .right_sec p { font-size: 16px; line-height: 21px; }
    .franchise .yellow_back p { font-size: 36px; line-height: 48px; max-width: 67%; margin-top: 4%; padding: 40px 30px;}
    .franchise p { font-size: 20px; line-height: 28px; }
    .franchise .logo_container #logo { max-width:80%; }
    .franchise .logo_container { position: absolute; }
    .franchise #top-menu li { padding-right: 6px; }
    .franchise #main-header nav ul li a { font-size: 17px; }
    .franchise .quiz_sec { min-height: 400px; }
    .franchise .whypg_yellow_back { padding: 60px 2% 150px; }
	.franchise .whypg_yellow_back p { font-size: 25px; line-height: 36px;}
    .franchise .whypg_blue_back { min-height: 345px;  }
    .franchise .whypg_blue_back h2 { font-size: 32px; margin-bottom: 0px; }
    .franchise .whypg_blue_back p { font-size: 17px; line-height: 21px; }
    .franchise .whypg_green_back { min-height: 400px; padding: 40px 0 0 27%; }
    .franchise .whypg_green_back h2 { font-size: 32px; margin: 10px 0px; }
    .franchise .whypg_green_back p { font-size: 20px; line-height: 27px; }
    .franchise .whypg_purple_back p { font-size: 21px; line-height: 28px; }
    .franchise .whypg_purple_back .et_pb_column_1_3 p { line-height: 1.45em; font-size: 16px; padding: 0 13%; }
    .franchise .opn_main_header { padding: 50px 10%; min-height: 320px; }
    .franchise .opn_main_header h1 { font-size: 42px; }
    .franchise .opn_main_header h1 { font-size: 42px; }
    .franchise .opn_main_header p { font-size: 25px; line-height: 32px; }
    .franchise .opn_purple_back { min-height: 330px; }
    .franchise .opn_purple_back h2 { font-size: 36px; padding: 48px 0px; }
    .franchise .opn_staffing { min-height: 350px; }
    .franchise .opn_staffing h2 { font-size: 38px; padding: 20px 0px 20px; }
    .franchise .opn_staffing p { font-size: 25px; padding: 0px 42% 0px 0px; line-height: 31px; }
    .franchise .opn_marketexp { min-height: 480px; }
    .franchise .opn_marketexp h2 { font-size: 42px; }
    .franchise .opn_marketexp p { padding: 0 8%; font-size: 25px; line-height: 31px; }
    .franchise .opn_cust_exp { min-height: 390px; }
    .franchise .opn_cust_exp h2 { font-size: 28px; margin-bottom: 10px; }
    .franchise .opn_cust_exp p { font-size: 20px; line-height: 26px; }
    .franchise .gs_main_header { min-height: 325px; }
    .franchise .gs_main_header h1 { font-size: 38px; padding: 0 0 10px; }
    .franchise .gs_main_header p { padding: 0 1%; }
    .franchise .gs_process_list { padding-bottom: 30px; }
    .franchise .gs_section_five { min-height: 430px; }
    .franchise .gs_section_five p { font-size: 21px; line-height: 26px; }
    .franchise .gs_section_two .gs_right_content h2, .franchise .gs_section_three .gs_right_content h2, .franchise .gs_section_four .gs_right_content h2, .franchise .gs_section_five .gs_right_content h2, .franchise .white_title  { font-size: 32px; }
    .franchise .qzpg_main_header { padding: 40px 0px; }
    .franchise .qzpg_main_header h1 { font-size: 40px; }
    .franchise .qzpg_qsec .opsec .list_radio { margin: 5px 0px 5px 20px; }
    .franchise .qzpg_qsec .opsec .anssec { padding: 20px; width: 60%; }
    .franchise .qzpg_qsec .opsec .anssec img { margin-left: -40px; }
    .franchise .qzpg_quiz .green_title, .franchise .qzpg_quiz .blue_title, .franchise .qzpg_quiz .purple_title { font-size: 28px; }
    .franchise .qzpg_qsec .opsec label { font-size: 18px; }
    .franchise .response_div .resp { padding: 46px 16%; }
    .franchise .response_div .resp h1 { font-size: 40px; }
    .franchise .response_div .errdv { font-size: 26px; }
}
@media (max-width: 980px) {
    #et_mobile_nav_menu { display: inline-block; float: right; position: inherit; }
    .et_header_style_left .mobile_menu_bar { margin-top: 7px; }
    .franchise .right_sec .hdwrap { max-height: 80px; line-height: 80px; }
    .franchise .logo_container { position: relative; padding-bottom:3px; }
    .franchise .logo_container #logo {  max-width:90%; }
    .franchise .et_pb_section { padding:30px 0px; }
    .franchise .et_pb_row_4col > .et_pb_column.et_pb_column_1_4 { width: 49.6% !important; }
    .franchise .available_locations { padding: 0px !important; }
    .franchise .available_locations_inner .et_pb_column { margin-bottom: 0px; }
    .franchise .available_locations .map_locations { padding: 35px 50px; }
    .franchise .available_locations .left_sec { width:7%; }
    .franchise .available_locations .right_sec { width:88%; }
    .franchise .available_locations #gmap { min-height: 330px !important; }
    .franchise .et_pb_section_15 .et_pb_column { margin-bottom: 20px; }
    .franchise .image_4_sec { padding:0px 0 25px 0 !important; }
    .franchise .image_4_sec .et_pb_row .et_pb_column_1_4 { margin:0 .2% .4%;  }
    .franchise .quiz_sec { min-height: 350px; }
    .franchise .yellow_back p { font-size: 34px; line-height: 43px; max-width: 67%; margin-top: 3%; }
    .franchise .contact_us_sec { padding:90px 0px !important;  font-size: 37.75px;  }
    .franchise .whypg_yellow_back { padding: 55px 6% 150px; }
    .franchise .whypg_yellow_back h1 { font-size: 40px; }
    .franchise .whypg_yellow_back p { font-size: 24px; line-height: 30px; }
    .franchise .whypg_blue_back { min-height: 305px; }
    .franchise .whypg_blue_back .et_pb_row { width: 90%; }
    .franchise .whypg_blue_back h2 { font-size: 32px; }
    .franchise .whypg_blue_back p { font-size: 21px; line-height: 28px; }
    .franchise .whypg_green_back { min-height: 355px; padding: 47px 0 0 25% !important; }
    .franchise .whypg_green_back h2 { font-size: 28px; }
    .franchise .whypg_green_back p { font-size: 18px; line-height: 24px; }
    .franchise p { font-size: 18px; line-height: 26px; }
    .franchise .green_title, .franchise .purple_title, .franchise .blue_title, .franchise .yellow_title { font-size: 32px; }
    .franchise .at_main_header h1 { font-size: 42px; }
    .franchise .at_at_resale h2 { font-size: 34px;}
    .franchise .at_at_resale p { font-size: 21px; line-height: 28px; }
    .franchise .at_at_resale ul li { font-size: 21px; padding: 5px; }
    .franchise .opn_main_header { padding: 50px 5%; min-height: 280px; }
    .franchise .opn_main_header h1 { margin-bottom: 5px; }
    .franchise .opn_purple_back { min-height: 290px; }
    .franchise .opn_purple_back h2 { font-size: 32px; padding: 48px 0px; }
    .franchise .opn_staffing { min-height: 310px; }
    .franchise .opn_staffing h2 { font-size: 36px; padding: 20px 0px 20px; }
    .franchise .opn_staffing p { font-size: 23px; padding: 0px 42% 0px 0px; line-height: 29px; }
    .franchise .opn_marketexp { min-height: 420px; }
    .franchise .opn_marketexp h2 { font-size: 38px; padding: 0 0 10px; }
    .franchise .opn_marketexp p { padding: 0 6%; font-size: 24px; line-height: 31px; }
    .franchise .opn_cust_exp h2 { font-size: 32px; margin-bottom: 20px; }
    .franchise .opn_cust_exp p { font-size: 23px; line-height: 29px; padding: 0 10%; }
    .franchise .gs_main_header { min-height: 280px; }
    .franchise .gs_main_header h1 { font-size: 36px; }
    .franchise .gs_main_header p { padding: 0 2%; font-size: 18px; line-height: 25px; }
    .franchise .gs_section_three { min-height: 670px; padding: 100px 0px 100px !important; }
    .franchise .gs_section_three .gs_process_list ul { margin-right: 0px;  }
    .franchise .gs_section_four .mrgntop { margin-top: 0px; }
    .franchise .white_title { font-size: 32px; }
    .franchise .gs_process_list { padding-bottom: 0px; }
    .franchise .gs_section_five { min-height: 380px; }
    .franchise .gs_section_five .et_pb_row { padding: 10px 0px 0px 29%; }
    .franchise .qzpg_main_header { padding: 55px 0px !important; }
    .franchise .response_div .resp { padding: 38px 12%; }
    .franchise .response_div .resp h1 { margin-bottom: 15px; }
    .franchise .qzpg_quiz .gs_right_content { width: 84%; }
    .franchise .qzpg_quiz .green_title, .franchise .qzpg_quiz .blue_title, .franchise .qzpg_quiz .purple_title { font-size: 26px; vertical-align: middle; }
    .franchise .qzpg_qsec .gs_right_content .hdwrap { height: 80px; line-height: 80px; margin-bottom: 20px; }
    .franchise .response_div .resp h1 { font-size: 32px; }
    .franchise .response_div .resp p { font-size: 18px; line-height: 25px }
    .franchise .qzpg_qsec .opsec .list_radio { margin: 5px 0px 5px 5px; font-size: 18px; }
}
@media (max-width: 850px) {
    .franchise .yellow_back p { font-size: 32px; padding: 40px 20px; }
    .franchise .whypg_blue_back {  min-height: 413px;  }
    .franchise .whypg_blue_back h2 { font-size: 32px; margin-bottom: 10px; }
    .franchise .whypg_blue_back p { font-size: 19px; line-height: 26px; }
    .franchise .whypg_green_back { min-height: 310px; padding: 40px 0 20px 25% !important; }
    .franchise .whypg_green_back h2 { font-size: 25px; margin-bottom: 0px; }
    .franchise .whypg_green_back p { font-size: 17px; line-height: 23px; }
    .franchise .opn_main_header { min-height: 250px; }
    .franchise .opn_main_header h1 { font-size: 38px; }
    .franchise .opn_main_header p { font-size: 21px; line-height: 28px; }
    .franchise .opn_marketexp { min-height: 365px; }
    .franchise .opn_marketexp h2 { font-size: 32px; padding: 0 0 10px; }
    .franchise .opn_marketexp p { padding: 0 6%; font-size: 21px; line-height: 29px; }
    .franchise .gs_main_header { min-height: 240px; }
    .franchise .gs_main_header h1 { font-size: 32px; }
    .franchise .gs_main_header p { padding: 0 0%; font-size: 17px; line-height: 21px; }
    .franchise .gs_section_five { min-height: 330px; }
    .franchise .gs_section_five .et_pb_row { padding: 0px 0px 0px 29%; }
    .franchise .gs_section_five h2 { font-size: 30px; min-height: 80px; }
    .franchise .gs_section_five p { font-size: 19px; line-height: 23px; }
    .franchise .qzpg_quiz .gs_right_content { width: 82%; }
    .franchise .qzpg_qsec #qzop6 { margin-top: 70px; }
    .franchise .response_div .resp { padding: 29px 8%; background-size: cover; }
    .franchise .response_div .resp h1 { font-size: 30px; margin-bottom: 0px; }
    
}
@media (max-width: 768px) {
    .et_header_style_left .mobile_menu_bar { margin-top: 7px; }
    .franchise .seriusbusiness_sec { min-height: 320px; }
    .franchise .yellow_back p { font-size: 28px;line-height: 32px;max-width: 70%; }
    .franchise .available_locations #gmap { min-height: 390px !important; }
    .franchise #et_mobile_nav_menu { top:10px; }
    .franchise .quiz_link { max-width: 70%; }
    .franchise .quiz_link a { font-size: 23px; }
    .franchise .contact_us_sec { font-size: 32.75px;  }
    .franchise .whypg_yellow_back h1 { font-size: 35px; }
    .franchise .whypg_yellow_back p { font-size: 20px; line-height: 26px; }
    .franchise .whypg_green_back { min-height: 280px; padding: 35px 0 20px 21% !important; }
    .franchise .whypg_green_back h2 { font-size: 22px; margin-bottom: 0px; }
    .franchise .whypg_green_back p { font-size: 17px; line-height: 23px; }
    .franchise p { font-size: 17px; line-height: 23px; }
    .franchise .green_title, .franchise .purple_title, .franchise .blue_title, .franchise .yellow_title { font-size: 28px; }
    .franchise .at_main_header { padding:55px 0px; }
    .franchise .at_main_header h1 { font-size: 38px; }
    .franchise .at_at_resale h2 { font-size: 32px;}
    .franchise .at_at_resale p { font-size: 19px; line-height: 26px; }
    .franchise .at_at_resale ul li { font-size: 19px; padding: 3px; }
    .franchise .opn_main_header { padding:35px 1%; min-height: 220px; }
    .franchise .opn_main_header h1 { font-size: 34px; }
    .franchise .opn_main_header p { font-size: 20px; line-height: 26px; }
    .franchise .opn_staffing { min-height: 250px; }
    .franchise .opn_staffing h2 { font-size: 32px; padding: 0px 0px 15px; }
    .franchise .opn_staffing p { font-size: 20px; padding: 0px 36% 0px 0px; line-height: 26px; }
    .franchise .opn_marketexp { min-height: 330px; }
    .franchise .opn_marketexp h2 { font-size: 32px; padding: 0 0 10px; }
    .franchise .opn_marketexp p { padding: 0 6%; font-size: 19px; line-height: 24px; }
    .franchise .opn_cust_exp h2 { font-size: 32px; margin-bottom: 10px; }
    .franchise .gs_main_header { min-height: 260px; }
    .franchise .gs_section_two .gs_right_content h2, .franchise .gs_section_three .gs_right_content h2, .franchise .gs_section_four .gs_right_content h2, .franchise .gs_section_five .gs_right_content h2 { font-size: 32px; }
    .franchise .gs_section_five { min-height: 478px; color: #fff; background-position: right; }
    .franchise .gs_section_five .et_pb_row { padding: 40px 0px; }
    .franchise .gs_section_five h2 { font-size: 32px; min-height: 100px; }
    .franchise .gs_section_five p { font-size: 21px; line-height: 27px; }
    .franchise .qzpg_main_header h1 { font-size:32px; }
    .franchise .qzpg_qsec { padding: 20px; }
    .franchise .qzpg_quiz .gs_right_content { width: 78%; }
    .franchise .qzpg_qsec .opsec .anssec { font-size: 15px; width: 58%; }
    .franchise .qzpg_qsec #qzop6 { margin-top: 100px; }
    .franchise .response_div .resp { padding: 50px 4%; }
}
@media (max-width: 640px) {
    .franchise .main-banner-kids h1 { font-size: 40px; }    
    .franchise .contact_us_sec { padding: 95px 0px !important;  font-size: 27.75px;  }
    .franchise .available_locations #gmap { min-height: 320px; }
    .franchise .available_locations .map_locations { padding: 25px 20px; }
    .franchise .whypg_yellow_back { min-height: 350px; padding: 55px 2% 150px; }
    .franchise .whypg_yellow_back h1 { font-size: 30px; }
    .franchise .whypg_blue_back h2 { font-size: 28px; }
    .franchise .whypg_yellow_back p { font-size: 21px; line-height: 28px; }
    .franchise .green_title, .franchise .purple_title, .franchise .blue_title, .franchise .yellow_title { font-size: 28px; }
    .franchise p { font-size: 17px; line-height: 23px; }
    .franchise .whypg_green_back { min-height: 310px; padding: 55px 0 !important; background-position: top right; }
    .franchise .whypg_green_back .et_pb_text_align_left { text-align: center; }
    .franchise .whypg_purple_back h1 { font-size: 32px; }
    .franchise .whypg_purple_back p { font-size: 19px; line-height: 24px; }
    .franchise .opn_main_header { padding:30px 0%; min-height: 180px; }
    .franchise .opn_main_header h1 { font-size: 27px; margin-bottom: 0px; }
    .franchise .opn_main_header p { font-size: 17px; line-height: 21px; }
    .franchise .opn_staffing { min-height: 200px; }
    .franchise .opn_staffing h2 { font-size: 28px; padding: 0px 0px 5px; }
    .franchise .opn_staffing p { font-size: 17px; padding: 0px 36% 0px 0px; line-height: 21px; }
    .franchise .opn_marketexp { min-height: 275px; }
    .franchise .opn_marketexp h2 { font-size: 28px; padding: 0 0 5px; }
    .franchise .opn_marketexp p { padding: 0 6%; font-size: 17px; line-height: 21px; }
    .franchise .gs_main_header { min-height: 290px; }
    .franchise .gs_section_three .gs_right_content { width: 75%; }
    .franchise .gs_section_five { min-height: 450px; }
    .franchise .gs_section_two .gs_right_content h2, .franchise .gs_section_three .gs_right_content h2, .franchise .gs_section_four .gs_right_content h2, .franchise .gs_section_five .gs_right_content h2, .franchise .white_title  { font-size: 29px; }
    .franchise .qzpg_qsec .opsec .anssec { width: 100%; margin-top: 25px; }
    .franchise .qzpg_qsec .opsec .anssec img { position: absolute; margin-left: 2%; margin-top: -50px; transform: rotate(90deg);  -ms-transform: rotate(90deg);  -webkit-transform: rotate(90deg); }
    .franchise .qzpg_qsec .gs_left_number { width:60px; }
    .franchise .qzpg_quiz .green_title, .franchise .qzpg_quiz .blue_title, .franchise .qzpg_quiz .purple_title { font-size: 20px; }
    .franchise .qzpg_qsec .gs_right_content .hdwrap { height: 60px; line-height: 60px; margin-bottom: 10px; }
    .franchise .qzpg_qsec #qzop6 { margin-top: 75px; }
    .franchise .response_div .errdv { font-size: 22px; }
    
}
@media (max-width: 480px) {
    .franchise .main-banner-kids { min-height: 300px; }
    .franchise .main-banner-kids h1 { font-size: 34px; }
    .franchise .apply_now_btn { font-size: 15px; }
    .franchise .apply_now_btn:after { top: 0%; }
    .franchise .yellow_back p { font-size: 27px; line-height: 28px; max-width: 76%; padding: 20px; }
    .franchise .quiz_link a { font-size: 21px !important; }
    .franchise .quiz_sec { min-height: 260px; }
    .franchise p { font-size: 18px; line-height: 26px; }
    .franchise .seriusbusiness_sec { min-height: 230px; }
    .franchise .contact_us_sec { min-height: 170px; padding: 70px 0px !important; font-size: 20.75px;  }
    .franchise .green_title, .franchise .purple_title, .franchise .blue_title, .franchise .yellow_title { font-size: 26px; line-height: 35px; }
    .franchise .available_locations .left_sec { width:12%; }
    .franchise .available_locations .right_sec { width:80%; }
    .franchise .whypg_yellow_back { padding: 50px 2% 150px;}
    .franchise .whypg_blue_back h2 { font-size: 32px; margin-bottom: 0px; } 
    .franchise .whypg_blue_back p { font-size: 17px; line-height: 22px; }
    .franchise .whypg_purple_back h1 { font-size: 25px; }
    .franchise .whypg_green_back h2 { font-size: 28px; }
    .franchise .at_main_header h1 { font-size: 32px; }
    .franchise .at_at_resale h2 { font-size: 28px;}
    .franchise .opn_main_header { padding:40px 0%; min-height: 230px; }
    .franchise .opn_purple_back { min-height: 240px; }
    .franchise .opn_purple_back h2 { font-size: 24px; padding: 38px 0px; }
    .franchise .opn_staffing { min-height: 220px; background-position: top left; }
    .franchise .opn_staffing p { padding: 0px 7% 0px 0px; }
    .franchise .opn_marketexp { min-height: 310px; }
    .franchise .opn_marketexp p { padding: 0px; }
    .franchise .opn_cust_exp h2 { font-size: 28px; margin-bottom: 10px; }
    .franchise .opn_cust_exp p { font-size: 21px; line-height: 28px; padding: 0 5% 45px; }
    .franchise .gs_main_header { padding: 30px 0 80px; }
    .franchise .gs_right_content { width: 73%; }
    .franchise .gs_left_number { width: 60px; min-width: 60px; }
    .franchise .gs_right_content .hdwrap { height: 70px; line-height: 70px; margin-bottom: 10px; }
    .franchise .gs_section_two { padding: 0 0 30px; }
    .franchise .gs_section_three .hdwrap { margin-bottom: 70px; }
    .franchise .gs_section_three .gs_right_content { width: 73%; }
    .franchise .gs_section_two .gs_right_content h2, .franchise .gs_section_three .gs_right_content h2, .franchise .gs_section_four .gs_right_content h2, .franchise .gs_section_five .gs_right_content h2, .franchise .white_title { font-size: 27px; line-height: 27px; }
    .franchise .qzpg_main_header h1 { font-size: 26px; }
    .franchise .qzpg_qsec .gs_left_number { width: 50px; min-width: 50px; }
    .franchise .qzpg_quiz .gs_right_content { width: 73%; }
    .franchise .qzpg_qsec .gs_right_content .hdwrap { height: 50px; line-height: 50px; margin-bottom: 20px; }
    .franchise .qzpg_quiz .green_title, .franchise .qzpg_quiz .blue_title, .franchise .qzpg_quiz .purple_title { font-size: 18px; }
    .franchise .qzpg_qsec #qzop6 { margin-top: 117px; }
    .franchise .response_div .errdv { font-size: 18px; }
    
    
}
@media (max-width: 350px) {
    .franchise .main-banner-kids h1 { font-size: 28px; }
    .franchise .right_sec .hdwrap { max-height: 65px; line-height: 65px; }
    .franchise .quiz_link a { font-size: 16px !important; }
    .franchise .contact_us_sec { font-size: 17px; }
    .franchise .whypg_yellow_back { padding: 40px 1% 150px; }
    .franchise .whypg_yellow_back h1 { font-size: 23px; }
    .franchise .whypg_yellow_back p { font-size: 19px; line-height: 24px; }
    .franchise .whypg_blue_back h2 { font-size: 28px; margin-bottom: 0px; } 
    .franchise .whypg_blue_back p { font-size: 17px; line-height: 21px; }
    .franchise .opn_purple_back { min-height: 200px; }
    .franchise .opn_purple_back h2 { font-size: 24px; padding: 25px 0px; }
    .franchise .opn_staffing p { padding: 0px 0px 0px 0px; }
    .franchise .opn_marketexp p { line-height: 20px; }
    .franchise .gs_main_header { min-height: 410px; }
    .franchise .gs_main_header h1 { font-size: 26px; padding: 10px 0px 10px; }
    .franchise .gs_left_number { width: 40px; min-width: 40px; }
    .franchise .gs_right_content .hdwrap { height: 55px; line-height: 55px; margin-bottom: 20px; }
    .franchise .gs_section_three .hdwrap { margin-bottom: 75px; }
    .franchise .qzpg_main_header h1 { font-size: 23px; }
    .franchise .qzpg_qsec .gs_left_number { width: 40px; min-width: 40px; margin-right: 10px; }
    .franchise .qzpg_qsec .gs_right_content .hdwrap { height: 40px; line-height: 40px; margin-bottom: 30px; }
    .franchise .qzpg_qsec #qzop4 { margin-top: 50px; }
    .franchise .qzpg_qsec #qzop6 { margin-top: 130px; }
}

.page .szbl-location-wrap {
    max-width: 281px;
}

.page .fun-locations-list {
    margin: 1em 0;
    padding: 0;
    list-style: none;
    clear: both;
}

.page .fun-locations-list li {
    float: left;
    width: 31%;
    list-style: none;
    padding: 0;
    margin: 1em 1.5% 1em 0;
}

.page .fun-locations-list li:last-child {
    margin-right: 0;
}

.page .tag {
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    background: #ccc;
    padding: .25em;
    line-height: 1.0;
    border-radius: 3px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
    margin: 0 1em;
    position: relative;
    top: -2px;
    display: inline-block;
}

.page .tag-resale {
    background: #c90000;
}

.page .tag-proactive {
    background: #c900c9;
}

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

    .page .szbl-location-wrap {
        max-width: none;
        text-align: center;
    }

    .page .fun-locations-list li {
        float: none;
        width: auto;
        max-width: none;
        margin: 0 auto;
        text-align: left;
    }

}

#gmap {
    width: 100%;
    float: left;
    height: 300px;
}
/* Localized */





















.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
#Table_01 tr td table tr td table {
	text-align: center;
	font-style: normal;
	font-size: 19px;
}
#Table_01 tr td table tr td table tr td {
	text-align: left;
	font-family: Mikado, sans-serif;
	font-size: 16px;
}