.mt-6 {
    margin-top:5.3em;
}
.btn-facebook:hover, .btn-facebook:active, .btn-facebook:visited {
    color:#fff;
}
.img-circle {
    max-width: 100%;
    height: auto;
    border-radius: 50em;
}

.table a {
    color: #2a2a2a;
}
.game-carousel-image-indicator {
    cursor:pointer;
}

.location-selection:hover, .location-room-selection:hover {
    background-color: #efefef;
    cursor:pointer;
}

.location-selection.selected,.location-room-selection.selected {
    background-color: #FF4755;
    color:#fff;
}
/*.push_button {*/
/*    position: relative;*/
/*    width:220px;*/
/*    height:40px;*/
/*    text-align:center;*/
/*    color:#FFF;*/
/*    text-decoration:none;*/
/*    line-height:43px;*/
/*    font-family:'Oswald', Helvetica;*/
/*    display: inline-block;*/
/*    margin: 30px;*/
/*}*/
/*.push_button:hover {*/
/*    text-decoration: none;*/
/*}*/
/*.push_button:before {*/
/*    background:#f0f0f0;*/
/*    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#D0D0D0), to(#f0f0f0));*/

/*    -webkit-border-radius:5px;*/
/*    -moz-border-radius:5px;*/
/*    border-radius:5px;*/

/*    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF;*/
/*    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF;*/
/*    box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF;*/

/*    position: absolute;*/
/*    content: "";*/
/*    left: -6px; right: -6px;*/
/*    top: -6px; bottom: -10px;*/
/*    z-index: -1;*/
/*}*/

/*.push_button:active {*/
/*    -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset;*/
/*    top:5px;*/
/*}*/
/*.push_button:active:before{*/
/*    top: -11px;*/
/*    bottom: -5px;*/
/*    content: "";*/
/*}*/

/*.red {*/
/*    text-shadow:-1px -1px 0 #A84155;*/
/*    background: #D25068;*/
/*    border:1px solid #D25068;*/

/*    background-image:-webkit-linear-gradient(top, #F66C7B, #D25068);*/
/*    background-image:-moz-linear-gradient(top, #F66C7B, #D25068);*/
/*    background-image:-ms-linear-gradient(top, #F66C7B, #D25068);*/
/*    background-image:-o-linear-gradient(top, #F66C7B, #D25068);*/
/*    background-image:linear-gradient(to bottom, #F66C7B, #D25068);*/

/*    -webkit-border-radius:5px;*/
/*    -moz-border-radius:5px;*/
/*    border-radius:5px;*/

/*    -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5);*/
/*    -moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5);*/
/*    box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5);*/
/*}*/

/*.red:hover {*/
/*    background: #F66C7B;*/
/*    background-image:-webkit-linear-gradient(top, #D25068, #F66C7B);*/
/*    background-image:-moz-linear-gradient(top, #D25068, #F66C7B);*/
/*    background-image:-ms-linear-gradient(top, #D25068, #F66C7B);*/
/*    background-image:-o-linear-gradient(top, #D25068, #F66C7B);*/
/*    background-image:linear-gradient(top, #D25068, #F66C7B);*/
/*}*/

/*.blue {*/
/*    text-shadow:-1px -1px 0 #2C7982;*/
/*    background: #3EACBA;*/
/*    border:1px solid #379AA4;*/
/*    background-image:-webkit-linear-gradient(top, #48C6D4, #3EACBA);*/
/*    background-image:-moz-linear-gradient(top, #48C6D4, #3EACBA);*/
/*    background-image:-ms-linear-gradient(top, #48C6D4, #3EACBA);*/
/*    background-image:-o-linear-gradient(top, #48C6D4, #3EACBA);*/
/*    background-image:linear-gradient(top, #48C6D4, #3EACBA);*/

/*    -webkit-border-radius:5px;*/
/*    -moz-border-radius:5px;*/
/*    border-radius:5px;*/

/*    -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);*/
/*    -moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);*/
/*    box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);*/
/*}*/

/*.blue:hover {*/
/*    background: #48C6D4;*/
/*    background-image:-webkit-linear-gradient(top, #3EACBA, #48C6D4);*/
/*    background-image:-moz-linear-gradient(top, #3EACBA, #48C6D4);*/
/*    background-image:-ms-linear-gradient(top, #3EACBA, #48C6D4);*/
/*    background-image:-o-linear-gradient(top, #3EACBA, #48C6D4);*/
/*    background-image:linear-gradient(top, #3EACBA, #48C6D4);*/
/*}*/

.fancy-button{
    font-size: 2.5em;
    font-family: Raleway;
    line-height: 30px;
    padding: .618em 1em;
    border-radius: 10px 10px 12px 12px;
    box-shadow:
            0px 8px 0px 0px #2980b9, /* button thickness */
            0px 0 20px rgba(255,255,255,.2) inset, /* inner glow */
            2px 30px 0px rgba(255,255,255,.1) inset, /* sublte reflection */
            5px 15px 30px -10px #000; /* dark shadow underneath */
    border: 1px solid #2980b9;
    cursor: pointer;
    background: #3498db;
    color: #ecf0f1;
    text-shadow: 1px 1px 1px #34495e;
    transform: rotateX(5deg);
    margin: 10px 10px;
    width: 100%;
}
.fancy-button i{
    padding-right: 17px;
    transform: scale(1.1) translate(0,-1px);
}
.fancy-button:hover{
    margin-top: 15px;
    margin-bottom: 5px;
    box-shadow:
            0px 5px 0px 0px #2980b9, /* button thickness */
            0px 0 50px rgba(134, 243, 255, 1) inset, /* inner glow */
            5px 28px 0px rgba(255,255,255,.15) inset, /* sublte reflection */
            0px 0px 30px rgba(134,243,255,.2), /* outer glow */
            5px 15px 30px -10px #000; /* dark shadow underneath */
    color: #fff;
    filter: saturate(1.5);
}
.fancy-button:hover i{
    transform: rotate(-12deg) translate(1px, -3px) scale(1.2);
}
.fancy-button:active{
    margin-top: 18px;
    margin-bottom: 2px;
    box-shadow:
            0px 2px 0px 0px #2980b9, /* button thickness */
            0px 0 100px 10px rgba(134, 243, 255, 1) inset, /* inner glow */
            5px 25px 0px rgba(255,255,255,.1) inset, /* sublte reflection */
            0px 0px 30px rgba(134,243,255,.5), /* outer glow */
            5px 15px 30px -10px #000; /* dark shadow underneath */
    filter: saturate(1.7);
}
.fancy-button:active i{
    transform: rotate(-22deg) translate(2px, -5px) scale(1.3);
}
.fancy-button.red{
    filter: hue-rotate(155deg);
}
.fancy-button.red:hover{
    filter: hue-rotate(155deg) saturate(1.5);
}
.fancy-button.red:active{
    filter: hue-rotate(155deg) saturate(1.7);
}
.fancy-button.yellow{
    filter: hue-rotate(175deg);
}
.fancy-button.yellow:hover{
    filter: hue-rotate(175deg) saturate(1.5);
}
.fancy-button.yellow:active{
    filter: hue-rotate(175deg) saturate(1.7);
}
.fancy-button.green{
    filter: hue-rotate(255deg) saturate(.8);
}
.fancy-button.green:hover{
    filter: hue-rotate(255deg) saturate(1);
}
.fancy-button.green:active{
    filter: hue-rotate(255deg) saturate(1.2);
}
a.fancy-button {
    text-decoration:none;
}

table.calendar {
    width: 100%;
    border: 1px solid #000;
}

td.day {
    width: 14%;
    height: 140px;
    border: 1px solid #000;
    vertical-align: top;
}

td.day span.day-date {
    font-size: 14pt;
    font-weight: 700;
}

th.header {
    background-color: #ff4755;
    color: #fff;
    font-size: 14pt;
    padding: 5px;
}

.not-month {
    background-color: #dedede;
}

td.today {
    background-color: #efefef;
}

td.past {
    background-color: #747474;
}

td.day span.today-date {
    font-size: 16pt;
}

.day:hover:not(.past) {
    background:#eee;
    cursor:pointer;
}


.agenda-hover {
    background-color: #bef3be !important;
    cursor:pointer;
}
.agenda-hover.reserved {
    background-color: #e89393 !important;
}

.selected-day {
    background-color: #bef3be !important;
}


@media only screen and (max-width: 900px) {
    .section-heading {
        margin-top:3em;
    }
}

@media only screen and (max-width: 500px) {
    #mainMenu {
        margin-top:5em;
    }
}
@media only screen and (max-width:669px) {
    .available-tag {
        text-align:center;
        display:block;
    }
    .time-tag {
        text-align:center;
        display:block;
    }

    ul.fancyButtons {
        display:block;
        margin:0 auto;
        list-style-type:none;
        list-style-position:outside;
    }

    ul.fancyButtons li:first-child {
        border-right:1px solid #efefef
    }
    ul.fancyButtons > li {
        background: #FF4755;
        color: #fff;
        padding:1em 1em;
        font-size: 1.75em;
        line-height: 0.75em;
        text-align: center;
        cursor: pointer;
        float:left;
    }
    ul.fancyButtons > li:hover {
        background: #b22a34;
    }

}
@media only screen and (min-width:670px) {

    .available-tag {
        float:right;
    }
    .time-tag {
        float:left;
    }
    ul.fancyButtons {
        width:250px;
        display:inline-block;
        margin:0 auto 175px auto;
        list-style-type:none;
        list-style-position:inside;
        position:relative;
        left:75px;
    }

    ul.fancyButtons > li {
        width: 380px;
        height: 150px;
        background: #FF4755;
        border: none;
        color: #fff;
        font-size: 50px;
        /*line-height: 120px;*/
        text-align: center;
        transform-origin: left center;
        position: absolute;
        cursor: pointer;
        transition: 0.4s cubic-bezier(0.72, -0.59, 0.16, 1.53);
    }

    ul.fancyButtons > li:hover {
        outline:3px solid #111;
    }

    ul.fancyButtons > li.two-hour-package {
        transform: scale(0.7) perspective(102px) rotateY(-3deg) !important;
        filter: blur(2px) brightness(1.5) !important;
        z-index: 3 !important;
        left: -120px !important;
    }
    ul.fancyButtons > li.three-hour-package {
        transform: scale(1) perspective(102px) rotateY(-3deg) !important;
        filter: blur(0) brightness(1) !important;
        z-index: 4 !important;
    }
    ul.fancyButtons > li:first-child {
        transform: perspective(102px) rotateY(3deg);
        left: -250px;
        z-index: 2;
    }
    ul.fancyButtons > li:last-child {
        transform: scale(0.7) perspective(102px) rotateY(3deg);
        filter: blur(2px) brightness(1.5);
        left: -30px;
        z-index: 1;
    }

}
