#map-canvas #pac-input {
    display: inline-block;;
}

.pt-6 {
    padding-top: 63px;
}

.define.extradefine {
    height: 48px;
}

.d-flex .button {
    max-width: 110px;
}

.define .tagshow, .define .definetitle {
    padding-left: 0;
    font-weight: bold;
    width: 175px;
    float: left;
}

.search-on-map #pac-input {
    border: none;
    padding: 7px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    border-radius: 3px;
    font-size: 13px;
    font-weight: 100;
    color: #000;
    outline: 0;
    display: inline-block;
    min-width: calc(100% - 65px);
    margin: 11px;
    height: 38px;
    display: none;
}

select.button {
    width: 250px;
}

.form button, .task-item, header nav ul li a {
    transition-duration: .4s
}

.errors ul, .list-items ul, .messages ul, header nav ul {
    list-style: none
}

.home .links .link h4, .home h3, .hot-title, header .logo, header nav ul li a {
    text-transform: uppercase
}

.no-result a, .profile-link, .search a, header nav ul li a {
    text-decoration: none
}

.clear {
    clear: both;
    width: 100%;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.background .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

#app {
    position: relative;
    z-index: 1;
    padding-top: 60px
}

.tags span {
    background: #EEE;
    border-radius: 3px;
    margin: 4px 2px;
    padding: 5px 12px;
    float: left;
    box-shadow: 0 0 5px rgba(0, 0, 0, .05) inset
}

.week-choose tr td .select-time .switch, .week-choose tr td input {
    display: none
}

.week-choose table, .week-table table {
    width: 100%
}

.week-choose table tr, .week-table table tr {
    border-collapse: collapse
}

.week-choose table tr th, .week-table table tr th {
}

.week-choose table tr td, .week-choose table tr th, .week-table table tr td, .week-table table tr th {
    border-left: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
}

.week-choose table tr td.active, .week-choose table tr th.active, .week-table table tr td.active, .week-table table tr th.active {
    color: #8A9B0F
}

.week-choose table tr:nth-child(2n) td, .week-table table tr:nth-child(2n) td {
    background-color: #FAFAFA
}

.week-choose table tr td:first-child, .week-choose table tr th:first-child, .week-table table tr td:first-child, .week-table table tr th:first-child {
    border-left: none
}

.week-choose table tr:last-child td, .week-table table tr:last-child td {
    border-bottom: none
}

.week-choose {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 40px
}

.week-choose button {
    padding: 8px 10px;
    color: #ffffff;
    background-color: #d5a73c;
    border: 2px solid #d5a73c;
    margin-top: 25px
    width: 200px;
}

.week-choose button:hover {
    color: #ffffff;
    background-color: #080808;
    border-color: #000000 !important;
}

.week-choose table {
    max-width: 1000px;
    margin: 0 auto
}

.week-choose tr td {
    padding: 0 !important
}

.week-choose tr td .active {
    background-color: #D5A73C;
}

.week-choose tr td:first-child {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.week-choose tr td .select-time {
    height: 23px;
    cursor: pointer;
}

.week-choose tr td .time-define {
    height: 20px
}

.col-2:after {
    clear: both;
    content: " ";
    display: table;
    visibility: visible
}

.col-2 .col {
    width: 50%;
    float: left;
    padding-left: 30px
}

.no-result {
    text-align: center;
    padding-top: 30px
}

.nothing {
    padding: 12px;
    background: rgba(255, 255, 255, .1);
    font-size: 15px;
    font-weight: 100;
    max-width: 200px;
    margin: 10px auto 40px;
    color: #CAA;
    border-radius: 5px
}

.time-list {
    display: inline-block;
    max-width: 425px;
    float: left;
    padding-left: 0;
}

.time-list .data.loading {
    padding: 20px 50px;
    text-align: left
}

.time-list h3 {
    color: #33333c;
    font-size: 32px !important;
    padding-bottom: 10px
}

.time-list .data div {
    background: #FFF;
    display: inline-block;
    padding: 8px;
    margin: 0 3px 6px;
    width: 120px;
    border-radius: 5px;
    font-weight: 400;
    box-shadow: 1px 1px 4px -2px rgba(0, 0, 0, .5);
    border: 1px solid #DDD
}

.time-list .data div input {
    display: none
}

.time-list .data div span.check {
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #111;
    margin: 0 6px 0 0;
    float: left;
}

.time-list .data div span.check i {
    display: none;
    position: relative;
    font-size: 14px;
    padding: 1px
}

.time-list .data div span.check.active i {
    display: block
}

@media only screen and (max-device-width: 1240px) {
    .container {
        width: 960px;
        max-width: 100%;
    }
}

@media only screen and (max-device-width: 1000px) {
    .container {
        width: 780px
    }

    header nav ul li {
        float: left;
        width: 100%;
        text-align: center;
        margin-left: 10px;
        font-size: 14px
    }
}

.mobile-menu {
    width: 30px;
    height: 30px;
    background: url(images/menu.png) 50% 50% no-repeat;
    background-size: contain;
    float: right;
    margin: 15px 0;
    display: none
}

.mobile-menu.is-open {
    background-image: url(images/close.png)
}

.task-list {
    padding-top: 10px
}

.task-item {
    display: block;
    background: rgba(255, 255, 255, .95);
    max-width: 300px;
    text-align: left;
    padding: 11px;
    margin: 10px auto 0;
    border-radius: 23px;
    color: #333330;
    font-size: 14px;
    line-height: 22px;
    transition-property: background, transform;
    text-transform: capitalize;
}

.task-item:hover {
    background-color: rgba(230, 230, 230, .9);
    transform: scale(1.06)
}

.task-item span.status {
    width: 23px;
    height: 23px;
    background: #D5A73C;
    display: inline-block;
    float: left;
    border-radius: 50%;
    margin-right: 7px
}

.task-item span.status.ok {
    background-color: #03C637
}

.task-done {
    width: 50px;
    height: 50px;
    background-color: #05B24A;
    border-radius: 50%;
    font-size: 29px;
    padding: 5px;
    color: #FFF;
    margin: 17px auto 1px
}

.check-box.passed:after, .check-box.reserved:after {
    width: 80%;
    height: 1px;
    background-color: #33333C;
    top: 50%;
    left: 10%;
    content: " "
}

.check-box.reserved {
    opacity: .3;
    position: relative
}

.check-box.reserved:after {
    position: absolute
}

.check-box.passed {
    opacity: .2;
    position: relative
}

.check-box.passed:after {
    position: absolute;
    transform: rotate(20deg)
}

.form .radio-select {
    clear: both
}

.form .radio-select input {
    float: left;
    width: auto !important;
    margin-right: 10px;
    vertical-align: bottom;
    position: relative;
    top: 3px
}

.form .radio-select label, .form .radio-select extralabel {
    float: left;
    width: 50%;
    display: inline-block;
    font-size: 13px;
    font-weight: 700
}

.booking form .content, .booking form aside {
    width: auto;
    float: none
}

.form #write-address {
    display: none
}

.login-messagex {
    text-align: center;
    font-size: 14px;
    color: #FFF;
    padding: 22px;
    background: #D5A73C;
    border-radius: 6px;
    margin: 15px 0
}

.alert .alert-fail, .alert .alert-success {
    background: #EEE;
    padding: 11px 24px;
    display: inline-block
}

.login-messagex a {
    color: #CCC
}

.login-messagex a:hover {
    color: #FFF
}

.booking form aside {
    border-left: none;
    padding-left: 0
}

.jsl {
    display: block
}

.alert {
    display: inline-block;
    font-size: 14px;
    margin-top: 12px;
    border-radius: 9px;
    width: 100%;
}

.alert .alert-success {
    color: green
}

.alert .alert-fail {
    color: #D5A73C;
}

.form .upload {
    width: auto !important
}

.id-control label, .id-control extralabel {
    display: none !important
}

.sorry {
    width: 300px;
    height: 90px;
    display: inline-block;
    background: url(images/sorry.png) 100% 40% no-repeat;
    background-size: 220px auto;
    overflow: hidden;
    text-indent: 400px
}

.list .profile .rating {
    padding-top: 9px;
    margin-bottom: 10px
}

.form .row {
    padding: 10px 0
}

.form-simple label, .form-simple extralabel {
    margin-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 100%;
    padding-bottom: 5px;
    text-align: left
}

.form-simple input, .form-simple select, .form-simple textarea {
    width: 100% !important
}

.form .has-icon {
    display: inline-block;
    position: relative
}

.form .has-icon input {
    padding-left: 35px
}

.form .has-icon i {
    position: absolute;
    left: 10px;
    top: 10px
}

.form input:focus, .form input:hover, .form select:focus, .form select:hover, .form textarea:focus, .form textarea:hover {
    border-color: #d5a73c;
}

.form select {
    border-radius: 0 !important;
    padding: 10px 0;
    height: 40px;
    display: initial;
}

.form textarea {
    min-height: 200px
}

.form button i {
    display: inline-block;
    margin-left: -8px;
    margin-right: 5px
}

.form .flags {
    font-size: .9em;
    color: #D5A73C;
    padding-top: 8px;
    padding-left: 8px;
    vertical-align: top
}

.form .alert {
    display: block;
    padding: 10px;
    color: #666
}

.form .jsl span {
    margin: 18px 2px
}

.form .inputs {
    display: inline-block; /*width:400px*/
}

.form-flat .form-section {
    margin-top: 5px;
    padding: 4px 30px 20px 10px;
    margin-bottom: 20px
}

.form-flat .form-section:last-child {
    margin-bottom: 0
}

.form-flat .form-section > h5 {
    background: #fff;
    float: left;
    margin: 0 0 15px;
    padding: 0 14px 0 0;
    color: #555
}

.form-flat .form-section > p {
    font-size: 11px;
    display: block;
    clear: both;
    margin-top: -15px;
    float: left;
    margin-bottom: 15px;
    color: #888;
    font-weight: 500
}

.form legend {
    border-bottom: 1px solid #EAEAEA;
    color: #333;
    display: block;
    line-height: inherit;
    width: 100%;
    padding-bottom: 6px
}

.form .form-group {
    position: relative;
    padding: 4px 0 !important
}

.form .form-group .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .8);
    left: -1px;
    top: 0
}

.form .form-group::after {
    content: " ";
    display: table;
    clear: both;
    visibility: visible
}

.form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: right;
    font-size: 13px;
    color: #666;
    padding-right: 20px
}

.form .includes {
    border-left: 3px solid #eee;
    padding: 0 5px 0 20px;
    margin-top: 10px
}

.form .inline-description {
    padding: 3px;
    color: #aaa;
    margin-left: 10px;
    font-size: 12px;
    display: inline-block
}

.form .upload {
    position: relative;
    z-index: 3;
    overflow: hidden;
    display: inline-block
}

.form .upload-selection {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px
}

.form .upload-selection .attachment {
    margin: 0 8px 8px 0
}

.form .upload .content-device, .form .upload .content-gallery {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    z-index: 15;
    background-color: #333
}

.form .upload-container {
    position: relative;
    top: 0;
    left: 0;
    width: 260px;
    height: 32px;
    background-color: #333;
    display: none;
    transform-origin: 0 0;
    overflow: hidden
}

.form .upload .up-content {
    padding: 12px 4px 4px;
    position: relative;
    overflow: hidden;
    height: calc(100% - 31px)
}

.form .upload .up-content .flex {
    justify-content: center;
    align-items: center;
    height: 100%
}

.form .upload .up-content .flex .list {
    height: 100%
}

.form .upload .up-content .flex .list .attachments {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 10px 10px 20px
}

.form .upload .up-content .flex .list .attachments .prg {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: rgba(255, 255, 255, .7);
    position: relative
}

.form .upload .up-content .flex .list .attachment {
    margin: 10px 0 0 10px
}

.form .upload .up-content .jsl-c {
    background-color: #DDD
}

.form .upload .up-content .ripple {
    opacity: .8;
    transform: scale(0);
    position: relative;
    z-index: 2
}

.form .upload .up-content ul {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.form .upload .up-content ul li {
    color: #FFF;
    font-size: 11px;
    padding-top: 4px;
    line-height: 25px;
    list-style: none
}

.form .upload .up-content ul li.sep {
    width: 1px;
    background: #222;
    height: 50px
}

.form .upload .up-content ul li i {
    display: block;
    font-size: 32px;
    text-align: center
}

.form .upload .header {
    color: #EEE;
    font-size: 12px;
    padding: 7px 10px;
    background-color: #25272d;
    font-weight: 500;
    white-space: nowrap
}

.form .upload .header input[type=search] {
    background: 0 0;
    border: none;
    width: 0;
    position: relative;
    z-index: 3
}

.form .upload .header p {
    display: inline-block;
    padding-left: 26px;
    line-height: 5px;
    white-space: nowrap
}

.form .upload .button {
    font-size: 12px;
    padding: 8px 0 6px;
    border: 1px solid #CCC;
    display: inline-block;
    width: 33px;
    color: #BBB;
    text-align: center;
    position: relative;
    z-index: 8
}

.form .upload .button.active {
    border-color: transparent;
    position: absolute;
    top: 0;
    left: 0
}

.form .upload .button-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 33px;
    height: 30px;
    justify-content: center;
    color: #fff;
    z-index: 15;
    display: none;
    align-items: center;
    background: #25272D
}

.form .upload .button-add {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    padding: 8px 12px;
    font-size: 13px;
    background-color: #333;
    cursor: pointer;
    display: none
}

.form .upload .description {
    display: inline-block;
    font-size: 12px;
    padding-left: 12px;
    font-weight: 500;
    color: #aaa;
    opacity: 0
}

span.mute {
    font-size: 14px;
    display: block;
    color: #333;
    padding: 15px 0 0
}

.type-row {
    width: 400px;
    display: inline-block;
    text-align: left;
    color: #333
}

.contact, .home, .home form input, .hot-title, .list h3, .requested .count, .search, .section-title {
    text-align: center
}

.type-row span {
    border: 2px solid #222;
    display: inline-block;
    margin-left: -10px;
    padding: 7px;
    font-size: 14px
}

p.muted {
    font-size: 22px;
    font-weight: 100;
    color: #33333c;
    margin-top: -15px
}

p.login-message {
    color: #FFF;
    background: #333;
    padding: 15px;
    border-radius: 7px;
    max-width: 700px;
    margin: 20px auto 50px
}

.browse-avatar {
    width: 100%;
    height: 160px;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #999;
    background: #EEE
}

.attachment {
    width: 80px;
    height: 80px;
    background: #EEE;
    overflow: hidden;
    margin-bottom: 5px;
    position: relative;
    cursor: pointer
}

.attachment .drop-down {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
    min-width: 68px;
    white-space: nowrap
}

.attachment .drop-down:hover .btn {
    background-color: rgba(255, 255, 255, .9)
}

.attachment .drop-down .btn {
    background-color: rgba(0, 0, 0, .5);
    width: 26px;
    height: 26px
}

.attachment .drop-down .btn span {
    color: #FFF
}

.attachment .drop-down .btn:hover span {
    color: #333
}

.attachment .select-ui {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(100, 162, 245, .5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.attachment .select-ui i {
    width: 30px;
    height: 30px;
    border: 2px solid #FFF;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.attachment .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover
}

.profile-page {
    text-align: left;
    padding-bottom: 10px !important;
}

.profile-page .headline {
    font-size: 20px
}

.profile-page h3 {
    color: #33333c;
    font-family: Oswald, sans-serif;
    margin-bottom: 35px;
    font-size: 40px;
    font-weight: 100;
    text-transform: uppercase;
    text-align: left
}

.profile-page h3 a {
    color: #444;
    text-decoration: none
}

.profile-page h3 a:hover {
    color: #5e5e5e
}

.profile-page figure img {
    display: none
}

.profile-page figure .avatar {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    border-radius: 0;
    background-position: 50% 10%;
    background-size: cover;
    border: 2px solid #D5A73C;
}

.profile-page .quick {
    text-align: center;
    padding-bottom: 15px
}

.profile-page .quick img {
    width: 200px;
    border-radius: 50%;
    border: 1px solid #EEE
}

.profile-page .quick h3 {
    text-align: center;
    margin-bottom: 8px
}

.profile-page .photos:hover img {
    filter: blur(2px)
}

.profile-page .photos .photo {
    display: inline-block;
    margin: 20px 4px 15px
}

.profile-page .photos .photo img {
    border-radius: 5px;
    transition-property: transform, box-shadow, filter;
    transition-duration: .4s
}

.profile-page .photos .photo img:hover {
    transform: scale(1.2);
    box-shadow: 0 0 15px 4px #D5A73C;
    filter: blur(0);
    position: relative;
    z-index: 10
}

.profile-page .status {
    display: none
}

.profile-page .accept-who span {
    padding: 10px 18px;
    float: left;
    display: inline-block;
    background-color: #F6F6F6;
    margin-right: 10px
}

.profile-page .accept-who span.accept {
    background-color: #8A9B0F;
    color: #FFF;
    font-weight: 400
}

.profile-page .accept-who span.deny {
    color: #999
}

.profile-page .accept-who span i {
    margin-left: -5px;
    margin-right: 4px
}

.home { /*padding-top:60px*/
}

.home .links {
    padding-top: 50px
}

.home .links .link {
    background-color: #d5a73c;
    padding: 15px;
    display: inline-block;
    background-size: 340px auto;
    border: 10px solid #d5a73c;
    position: relative;
    transition: transform .4s;
    margin: 5px 30px
}

.home .links .link:hover {
    transform: scale(1.1)
}

.home .links .link:hover h4 {
    color: #ff0
}

.home .links .link h4 {
    position: absolute;
    bottom: 6px;
    left: 48px;
    color: #FFF;
    font-size: 1.1em;
    transition: color .4s;
    font-weight: 400
}

.home .links .link.get {
}

.home .links .link.give {
}

.home form input {
    padding: 12px;
    border: #ffdead;
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);
    outline: 0
}

.home form button {
    padding: 8px 10px;
    border: 3px solid #FFF;
    color: #FFF;
    background-color: transparent
}

.home form .row {
    padding: 10px;
    display: block
}

.home form .row:first-child {
    margin-top: 16px
}

.contact.breadcrumbs .calendar-date .full-date {
    display: none
}

.is-exception {
    background-color: #D5A73C;
    opacity: .5;
    position: relative
}

.is-exception:after, .is-exception:before {
    content: " ";
    visibility: visible;
    width: 40px;
    height: 1px;
    position: absolute;
    top: 15px;
    display: block;
    background-color: #000;
    left: 0
}

.is-exception:after {
    transform: rotate(45deg)
}

.is-exception:before {
    transform: rotate(-45deg)
}

.contact .links .link:hover, .requested:hover, .search .links .link:hover {
    transform: scale(1.1)
}

.profile-link {
    float: right;
    font-size: 13px;
    color: #D5A73C;
    display: inline-block;
    padding: 4px
}

.profile-link:hover {
    color: #D5A73C;
    cursor: pointer
}

.hot-title, .search h3, .section-title {
    font-family: Oswald, sans-serif
}

.section-title {
    clear: both;
    padding-top: 30px;
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: 100
}

.hot-title {
    font-size: 35px;
    margin-bottom: 20px;
    padding-top: 0;
    position: relative;
    top: -30px
}

.search {
    padding-top: 60px;
    padding-bottom: 60px
}

.search h3 {
    font-size: 3em
}

.search .links .link.active h4, .search .links .link:hover h4 {
    color: #ff0
}

.search h5 {
    font-size: 1.7em;
    font-family: Oswald, sans-serif;
    margin-top: 40px
}

.search-button:hover {
    background-color: rgba(255, 0, 0, .1);
    border-color: #D5A73C
}

.search .links {
    padding-top: 50px
}

.search .links .link {
    background-color: #D5A73C;
    width: 200px;
    display: inline-block;
    height: 200px;
    border: 10px solid #D5A73C;
    position: relative;
    margin: 0 10px;
    transition: transform .4s
}

.search .links .link.active h4 span, .search .links .link:hover h4 span {
    border-color: #ff0
}

.contact .links .link h4, .search .links .link h4 {
    position: relative;
    top: -15px;
    text-decoration: none;
    text-transform: uppercase
}

.search .links .link h4 {
    color: #FFF;
    font-size: .9em;
    background-color: rgba(0, 0, 0, .9);
    transition: color .4s;
    padding: 10px;
    border-radius: 5px;
    width: 90%;
    margin: 0 auto
}

.search .links .link h4 .checkmark {
    width: 20px;
    height: 20px;
    border: 2px solid #FFF;
    border-radius: 50%;
    display: inline-block;
    float: left;
    margin-right: -15px;
    transition: border .4s
}

.search .links .link .image {
    width: 100%;
    height: 100%;
    background-size: 200px auto
}

.search .links .link.male .image {
    background-image: url(images/male.jpg)
}

.search .links .link.female .image {
    background-image: url(images/female.jpg)
}

#map-canvas {
    width: 100%;
    height: 400px;
    margin: 20px auto;
    border-radius: 5px;
    overflow: hidden
}

.page {
    padding-top: 30px
}

.page aside {
    width: 25%;
    float: left;
    border-left: 7px solid #000;
    padding-left: 20px
}

.page aside h3 {
    color: #000;
    font-family: Oswald, sans-serif;
    font-size: 3em;
    margin-top: 0
}

.page aside p {
    color: #33333c;
    font-size: .7em
}

.page .content {
    font-size: .9em;
    color: #33333c;
    background-color: #F6f6f6;
    padding: 20px;
    border-radius: 6px
}

.page .clear {
    clear: both
}

.page .line {
    margin: 30px 0;
    height: 1px;
    background-color: rgba(255, 0, 0, .06)
}

.page .page-content {
    line-height: 1.8em
}

.page .page-content img {
    width: 100%;
    margin-top: 25px;
    border: 1px solid rgba(0, 0, 0, .1)
}

.page .page-content p {
    margin-bottom: 10px
}

.define {
    font-size: 13px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    background-color: #FFF;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1), 0 0 1px rgba(0, 0, 0, .1);
    padding: 8px 12px;
    margin-bottom: 12px;
    color: #888;
    border-radius: 8px;
    border: 1px solid #DDD;
}

.define span {
    font-family: Open Sans, sans-serif;
    font-weight: 300;
    padding-left: 10px;
    font-size: 16px;
}

.extradefine span {
    display: revert;
}

.contact h3, .contact h5, .register-to h3 {
    font-family: Oswald, sans-serif
}

.exceptions {
    padding-top: 15px
}

.exceptions #calendar-widget {
    float: none;
    margin: 0 auto
}

.contact {
    padding-bottom: 30px
}

.contact h3 {
    color: #33333c;
    font-size: 35px;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.contact #map-canvas {
    width: 700px;
    height: 400px;
    margin: 20px auto;
    border-radius: 5px;
    overflow: hidden
}

.contact h5 {
    font-size: 1.7em;
    margin-top: 40px
}

.contact a {
    text-decoration: none
}

.contact .links {
    padding-top: 50px
}

.contact .links .link {
    background-color: #d5a73c;
    width: 200px;
    display: inline-block;
    height: 200px;
    border: 10px solid #d5a73c;
    position: relative;
    margin: 0 10px;
    transition: transform .4s
}

.contact .links .link:hover h4 {
    color: #ff0
}

.contact .links .link:hover h4 span {
    border-color: #ff0
}

.contact .links .link h4 {
    color: #FFF;
    font-size: .9em;
    background-color: rgba(0, 0, 0, .9);
    transition: color .4s;
    padding: 10px;
    border-radius: 5px;
    width: 90%;
    margin: 0 auto
}

.contact .links .link h4 .checkmark {
    width: 20px;
    height: 20px;
    border: 2px solid #FFF;
    border-radius: 50%;
    display: inline-block;
    float: left;
    margin-right: -15px;
    transition: border .4s
}

.contact .links .link .image {
    width: 100%;
    height: 100%;
    background-size: 200px auto
}

.contact .links .link.male .image {
    background-image: url(images/male.jpg)
}

.contact .links .link.female .image {
    background-image: url(images/female.jpg)
}

.register-to h3 {
    color: #33333c;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 700
}

.list .description h5, .list h3 {
    font-family: "Patrick Hand", sans-serif
}

.list {
    padding-top: 10px;
    padding-bottom: 10px
}

.list h3 {
    color: #33333c;
    font-size: 3em
}

.list figure .bigavatar {
    height: 130px;
    min-width: 130px;
    max-width: 130px;
    float: left;
    background-position: center;
    background-size: cover
}

.list figure img {
    display: none
}

.list .row .profile:after, .list .row:after {
    display: table;
    height: 0;
    clear: both;
    content: " ";
    visibility: visible
}

.list .description h5 {
    font-size: 22px
}

.list .row, .profile .list .row {
    width: 100%;
    padding: 15px;
    margin-top: 25px;
    border: 2px solid #EAE8E8;
    transition-property: border-color, box-shadow;
    transition-duration: .4s
}

.list .row:hover {
    box-shadow: 0 0 7px rgba(0, 0, 0, .2) !important;
    border-color: #d5a73c !important;
}

.list .row:hover .profile {
    border-color: #d5a73c
}

.list .row .profile {
    width: 30%;
    float: left;
    transition: border-color .8s
}

.list .row .profile figure {
    margin: 0;
    width: 40%
}

.list .row .profile figure img {
    width: 100%;
    float: left
}

.list .row .profile .data {
    float: right;
    width: 59%;
    padding-left: 15px
}

.list .row .profile .data h5 {
    font-size: 18px;
    margin-top: 8px;
    padding-top: 4px
}

.list .row .profile p {
    color: #666;
    font-size: .7em;
    padding-top: 4px
}

.list .row .content, .list .row .controls {
    font-size: .9em;
    color: #33333c;
    font-weight: 100
}

.list .row .content {
    float: left;
    width: 50%
}

.list .row .controls {
    float: right;
    width: 20%;
    padding-left: 0;
}

.list .row .controls .button i {
    margin-left: -8px;
    margin-right: 4px
}

.list .row .controls .button:hover {
    background-color: rgb(213 167 60 / 17%);
    border-color: #d5a73c;
}

.list .row .availability {
    padding-top: 15px
}

.list .row .availability:after {
    clear: both;
    content: " ";
    visibility: visible;
    height: 0;
    display: table
}

.list .row .availability .caption {
    display: inline-block;
    background-color: #E97F02;
    padding: 10px;
    float: left;
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 4px;
    color: #FFF
}

.list .row .availability .time-list {
    display: inline-block
}

.list .row .availability .time-list .hours {
    position: absolute;
    top: 100%;
    left: 0;
    color: #FFF;
    background-color: #d5a73c;
    display: none;
    font-weight: 500;
    padding: 6px;
    font-size: 12px;
    width: 100%;
    z-index: 1222
}

.list .row .availability .time-list .hours i {
    font-style: normal;
    text-decoration: none;
    display: block
}

.list .row .availability .time-list:after {
    clear: both;
    content: " ";
    visibility: visible;
    height: 0;
    display: table
}

.list .row .availability .time-list span {
    position: relative;
    padding: 10px 0;
    display: inline-block;
    background-color: #8A9B0F;
    margin-left: 4px;
    width: 50px;
    color: #FFF;
    float: left;
    text-align: center
}

.list .row .availability .time-list span:hover .hours, .list-items, .list .row .availability .time-list span.hoverme .hours, .list-items {
    display: block
}

.list-items {
    background: rgba(255, 255, 255, .1);
    padding: 15px;
    margin-top: 14px
}

.list-items img {
    width: 50px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px
}

.list-items ul li {
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding-bottom: 11px
}

.list-items ul li:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.list-items .date {
    padding-right: 15px;
    border-right: 1px solid #AAA;
    margin-right: 10px;
    width: 300px
}

.list-items .link {
    text-transform: uppercase;
    border: 2px solid #AAA;
    padding: 8px;
    margin-left: 22px;
    text-decoration: none;
    font-size: 13px;
    cursor: pointer
}

.list-items .link:hover {
    color: #AAA
}

.paypal {
    display: inline-block;
    width: 80px;
    height: 80px;
    background: url(images/pay.png) 50% 0 no-repeat;
    background-size: 80px auto;
    margin-top: 20px
}

a.x {
    text-decoration: none
}

.requested {
    background: green;
    width: 160px;
    height: 160px;
    margin: -10px auto 20px;
    position: relative;
    color: #FFF;
    border-radius: 50%;
    padding: 80px 0;
    font-size: 18px;
    text-transform: uppercase;
    transition: transform .4s;
    text-decoration: none
}

.requested .count {
    color: #FFF;
    display: block;
    font-size: 30px;
    position: absolute;
    top: 31px;
    left: 0;
    width: 100%;
    text-decoration: none
}

.home .jsl {
    display: block
}

.home .alert {
}

.text-small {
    font-size: x-small;
}

.activation-invalid, .activation-success {
    padding: 20px;
    max-width: 800px;
    margin: 0 auto;
    border-radius: 15px;
    color: #FFF
}

.activation-success {
    background-color: green
}

.activation-invalid {
    background-color: #D5A73C;
}

button.button-Yes {
}

button.button-No {
}

.button-Yes:hover, .button-No:hover {
}

.tagshow {
    margin: 2px;
    display: inline-block;
    padding: 8px;
    transition-property: background, border;
    transition-duration: .4s;
    text-decoration: none;
    font-weight: 400;
    color: #000
}

input.tagshow {
    background: #FFF;
    border: 2px solid #33333c;
    height: 42px;
}

.form-page {
    text-align: left;
    width: 100%;
}

.form-page .button i {
    margin-left: -8px;
    margin-right: 4px
}

.form-page .button:hover {
    background-color: rgb(160 137 84) !important;
    border-color: #8d7c4c !important;
}

.box-of-buttons, .favorites, .favorites .fav {
    text-align: center
}

.profile-page table .avatar {
    width: 40px;
    border-radius: 12px;
    margin-right: 10px;
    float: left;
    margin-bottom: 5px
}

.profile-page table .username {
    float: left;
    padding-top: 10px;
    font-weight: 500
}

.profile-page table tr td:last-child {
    padding-right: 5px
}

.profile-page .row {
    width: 100%;
    padding: 15px;
    margin: 10px auto 0;
    border: 1px solid #EEE;
    transition-property: border-colo, box-shadow;
    transition-duration: .4s
}

.profile-page .row .heading {
    border-bottom: 1px solid #EEE;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.profile-page .row .heading:after {
    clear: both;
    content: " ";
    visibility: visible;
    height: 0;
    display: table
}

.profile-page .row .heading h4 {
    float: left;
    font-family: Oswald, sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    color: #33333c
}

.profile-page .row .heading span.tag {
    color: #D5A73C;
    font-family: "Open Sans", sans-serif;
    font-size: .9em;
    padding-left: 15px;
    display: inline-block
}

.profile-page .row .availability:after, .profile-page .row .profile:after, .profile-page .row:after {
    display: table;
    height: 0;
    content: " ";
    clear: both;
    visibility: visible
}

.profile-page .row .heading span {
    float: right
}

.profile-page .row:hover, .profile-page .row.hover {
    box-shadow: 0 0 7px rgba(0, 0, 0, .2);
    border-color: #CCC
}

.profile-page .row:hover .profile {
    border-color: #d5a73c
}

.profile-page .row .profile figure {
}

.profile-page .row .profile figure img {
    width: 100%;
    float: left
}

.profile-page .row .profile .data {
    float: right;
    width: 60%;
    padding-left: 15px
}

.profile-page .row .profile .data h5 {
    font-size: 1.6em;
    margin-top: 8px
}

.profile-page .row .profile p {
    color: #666;
    font-size: .7em;
    padding-top: 4px
}

.profile-page .row .content {
    font-size: .9em;
    color: #33333c;
    font-weight: 100
}

.profile-page .row .availability {
    padding-top: 15px
}

.profile-page .row .availability .caption {
    display: inline-block;
    background-color: #E97F02;
    padding: 10px;
    float: left;
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 4px;
    color: #FFF
}

.profile-page .row .availability .time-list {
    display: inline-block
}

.profile-page .row .availability .time-list:after {
    clear: both;
    content: " ";
    visibility: visible;
    height: 0;
    display: table
}

.profile-page .row .availability .time-list span {
    padding: 10px 0;
    display: inline-block;
    background-color: #8A9B0F;
    margin-left: 4px;
    width: 50px;
    color: #FFF;
    float: left;
    text-align: center
}

.profile-page h3 {
}

.crud-form h5 {
    margin-top: 0;
    margin-bottom: 5px;
    font-family: Open Sans, sans-serif;
    font-weight: 100;
    clear: both;
    display: inline-block;
    position: relative;
    top: -22px;
    padding: 0 20px
}

.form-section {
    border-top: 1px solid #EEE;
    padding-bottom: 40px
}

.form-section:after {
    content: " ";
    clear: both;
    display: table;
    visibility: visible
}

.favorites .fav {
    width: 258px;
    padding: 21px 10px;
    display: inline-grid;
    box-shadow: 0 1px 8px -2px rgba(0, 0, 0, .3);
    border: 1px solid #E5e5e5;
    border-radius: 5px;
    margin: 5px 5px 30px;
    position: relative;
}

.favorites .fav .controls {
    display: inline-grid;
}

.box-of-buttons:after, .box-of-date:after {
    content: " ";
    display: table;
    clear: both
}

.favorites .fav .controls a {
    margin-bottom: 0
}

.favorites .fav a {
    text-decoration: none
}

.favorites .fav h3 {
    font-size: 1.7em;
    padding-top: 4px;
    color: #33333c;
    margin-bottom: 10px
}

.favorites .fav .avatar {
    width: 200px;
    height: 200px;
    border: 2px solid #d5a73c;
    background-position: 50% 10%;
    background-size: cover;
    margin: 0 auto
}

.box-of-date {
    margin: 0 auto;
    border: 2px solid #EEE;
    padding: 9px;
    max-width: 810px
}

.box-of-buttons {
    max-width: 810px;
    margin: 20px auto 10px
}

.box-of-buttons .button {
    margin-right: 10px;
    float: left
}

.box-of-buttons .button:last-child {
    margin-right: 0
}

.box-of-buttons .report {
    float: right
}

.nothing-here {
    color: #d5a73c;
    text-transform: uppercase;
    padding: 10px 20px;
    background: #EEE;
    float: left;
    border-radius: 20px;
    font-weight: 100
}

.booking aside h3, .breadcrumbs h3 {
    font-weight: 400;
    font-family: Oswald, sans-serif
}

.form-box form {
    display: inline-block;
    margin-right: 12px
}

.breadcrumbs h3 {
    color: #666;
    margin-bottom: 35px;
    font-size: 18px;
    text-transform: uppercase;
    text-align: left
}

.breadcrumbs h3 a {
    color: #444;
    text-decoration: none
}

.breadcrumbs h3 a:hover {
    color: #5e5e5e
}

.booking aside h3 {
    color: #000;
    margin-top: 0;
    font-size: 23px
}

.booking aside p {
    color: #33333c;
    font-size: .7em
}

.booking .content {
    float: right;
    width: 75%;
    padding-top: 10px;
    font-size: .9em;
    color: #33333c;
    font-weight: 100
}

.booking .clear {
    clear: both
}

.booking .line {
    margin: 30px 0;
    height: 1px;
    background-color: rgba(255, 0, 0, .06)
}

.booking .button i {
    margin-left: -8px;
    margin-right: 4px
}

.booking .button:hover {
    background-color: rgb(213 167 60 / 17%);
    border-color: #d5a73c;
}

.credits {
    text-align: center;
}

.credits h3 {
    color: #33333c;
    font-family: Oswald, sans-serif;
    font-size: 3em;
    margin-bottom: 25px
}

.credits .package-center {
    float: none;
    display: inline-block;
}

.hand {
    cursor: pointer;
}

.text-bold {
    font-weight: bold !important;
}

.border-0 {
    border: none !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.credits .package {
    display: inline-block;
    background-color: #d5a73c;
    margin: 0;
    padding: 15px;
    border-radius: 9px;
    position: relative;
    color: #FFF;
    transition: transform .4s;
    width: 100%;
}

.credits .package.ticket {
    width: 200px;
    height: 180px;
    margin: 10px;
}

.credits .package:hover {
    transform: scale(1.01)
}

.minH80 {
    min-height: 80px;
}

.credits .package .amount {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: gold
}

.credits .package .taxpercent {
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 100%;
    font-weight: bold;
}

.credits .package img {
    max-height: 300px;
}

.bt-tooltip {
    position: absolute;
    background-color: #111;
    color: #FFF;
    opacity: 0;
    font-size: 13px;
    padding: 8px 18px;
    display: none
}

.bt-tooltip.up:before, .bt-tooltip:before {
    content: " ";
    display: block;
    position: absolute
}

.bt-tooltip.right:before {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid #111;
    left: -8px;
    top: 50%;
    margin-top: -6px
}

.bt-tooltip.up:before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #111;
    left: 50%;
    margin-left: -6px;
    bottom: -6px
}

.inputs-check, .inputs-selection, .inputs-selection p, .jsl-c {
    display: inline-block
}

.progress.absolute {
    position: absolute;
    top: 12px;
    left: 11px
}

.progress.large {
    width: 100px;
    height: 100px;
    border-width: 8px
}

.progress.light {
    border-color: #FFF
}

.progress.light .inner {
    border: 15px solid #B4BEC3;
    background-color: #94A3AA
}

.progress.flat {
    box-shadow: 0 0 7px #aaa;
    border: 4px solid #FFF
}

.progress.flat .inner {
    border: none;
    background-color: #FFF
}

.progress.shadow {
    box-shadow: 0 0 7px #AAA
}

.progress-circle {
    border-radius: 50%;
    height: 36px;
    overflow: hidden;
    width: 36px;
    border: 4px solid rgba(255, 255, 255, .7);
    background-color: rgba(0, 0, 0, .1)
}

.progress .safari-issue {
    border-radius: 50%;
    overflow: hidden;
    height: 100%;
    width: 100%;
    padding: 4px;
    position: relative;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
    -webkit-transform: rotate(.000001deg)
}

.progress .loadjs {
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 50%
}

.progress .load-right {
    left: 50%;
    top: 0
}

.progress .load-right .fill {
    top: -50%;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.progress .load-left {
    left: 0;
    top: 0
}

.progress .load-left .fill {
    left: 100%;
    top: -50%;
    transform: rotate(0);
    -webkit-transform: rotate(0)
}

.progress .fill {
    background: #333;
    height: 200%;
    left: 0;
    position: absolute;
    -webkit-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0;
    width: 200%;
    z-index: 1
}

.progress .inner {
    background-color: rgba(255, 255, 255, .4);
    border: 2px solid #B3C6DD;
    border-radius: 50%;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 2
}

.progress-line {
    width: 100%;
    height: 2px
}

.progress-line.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99
}

.progress-line .progress-fill {
    height: 100%;
    background: #5C9DF5;
    width: 0
}

.progress-line .progress-fill.animate {
    transition: width .5s
}

.jsl-c {
    width: 6px;
    height: 6px;
    background: #666;
    margin-left: 4px;
    border-radius: 50%
}

.inputs-tree .inputs-tree {
    padding-left: 8px
}

.inputs-check {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 10px;
    border: 1px solid #E6e6e6;
    margin-left: -2px;
    position: relative
}

.inputs-check::after {
    transition: opacity .3s;
    opacity: 0;
    height: 100%;
    background: #d5a73c;
    left: 0;
    position: absolute;
    top: 0;
    font-size: 12px;
    width: 100%;
    color: #FFF;
    content: "\f00c";
    font-family: FontAwesome, sans-serif;
    line-height: 18px;
    text-align: center
}

.inputs-checked, .inputs-selection {
    position: relative
}

.inputs-active {
    color: #888 !important
}

.inputs-checked .inputs-check {
    border-color: #d5a73c
}

.inputs-checked .inputs-check::after {
    opacity: 1
}

.inputs-selection {
    border: 1px solid #DDD;
    color: #B8B8B8;
    height: 30px;
    min-width: 140px;
    line-height: 30px;
    text-align: center;
}

.inputs-selection i {
    float: left;
    margin: 5px 8px;
    font-size: 17px;
    border-right: 1px solid #eee;
    padding: 1px 8px 0 1px
}

.inputs-selection p {
    font-size: 12px;
    color: #DDD;
    padding-right: 10px
}

.inputs-selection .inputs-options {
    padding: 10px
}

.inputs-selection .inputs-options .inputs-option {
    padding: 2px 0 6px
}

.inputs-selection .inputs-options a {
    display: block;
    font-size: 9pt;
    color: #888;
    line-height: 15px;
    padding-left: 22px;
    margin-top: -1px
}

.inputs-selection .inputs-container {
    top: 100%;
    position: absolute;
    box-sizing: padding-box;
    width: 100%;
    left: -1px;
    border: 1px solid #DDD;
    border-top: none;
    overflow: hidden;
    max-height: 0;
    overflow-y: auto;
    background-color: #FFF;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .06) inset;
    z-index: 1;
}

.inputs-selection .inputs-container > .inputs-tree {
    padding: 10px
}

.inputs-select.is-open {
    z-index: 2
}

.inputs-select-box-single .inputs-tree {
    font-size: 12px
}

.inputs-select-box-single .inputs-option {
    padding-bottom: 4px
}

.inputs-select-style-box.inputs-select-has-scrollbar {
    height: 180px
}

.inputs-select-style-box .inputs-check {
    margin-left: 0
}

.inputs-select-style-box .inputs-option {
    margin-bottom: 8px
}

.inputs-select-style-box .inputs-option a {
    float: left;
    color: #444;
    font-size: 12px;
    font-weight: 600
}

.inputs-select-style-box .inputs-option:after {
    content: " ";
    clear: both;
    display: table
}

.inputs-select-simple span {
    padding-right: 9px;
    border-right: 1px solid #EEE;
    margin-right: 8px;
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 10px;
    transform: translateX(-40px);
    transition: transform .3s
}

.inputs-select-simple a {
    border: 2px solid #CCC;
    color: #B8B8B8;
    overflow: hidden;
    display: inline-block;
    position: relative;
    font-size: 12px;
    font-weight: 500;
    margin-right: 25px;
    padding: 6px 10px;
    transition: padding-left .3s;
    float: left;
    clear: both;
    margin-bottom: 4px
}

.inputs-select-simple a:last-child {
    margin-bottom: 0 !important
}

.inputs-select-simple a.selected {
    color: #222;
    border-color: #111;
    padding-left: 40px
}

.inputs-select-simple a.selected span {
    border-color: #111;
    transform: translateX(0)
}

.inputs-tags-data .tag {
    font-size: 12px;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px
}

.inputs-tags-data .tag-string {
    display: inline-block;
    float: left;
    padding-right: 1px
}

.inputs-tags-data .tag-remove {
    font-size: 13px;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    color: #999
}

.inputs-tags-entry {
    display: flex;
    justify-content: space-between
}

.inputs-tags-entry input {
    width: 99%
}

.inputs-tags-entry div {
    display: flex;
    align-items: flex-end
}

.inputs-tags-entry .btn.btn-icon {
    color: #999 !important;
    font-size: 17px;
    background-color: #EEE;
    height: 24px;
    width: 24px
}

.select-groups {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.select-groups > .select-group {
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD
}

.select-groups > .select-group:first-child ~ div {
    margin-top: -1px
}

.select-group.is-active > .select-group {
    display: block
}

.select-group.is-active > .select-group:last-child {
    border-bottom: 1px solid #DDD
}

.select-group.is-active > .select-group-head {
    border-bottom-color: transparent
}

.select-group.is-active > .select-group-head .icon-plus {
    transform: rotate(45deg);
    border: none
}

.select-group .select-group {
    padding-left: 40px;
    display: none
}

.select-group-head {
    font-size: 13px;
    padding: 6px;
    border-bottom: 1px solid #DDD;
    border-top: 1px solid #DDD;
    min-width: 250px;
    font-weight: 500;
    color: #888;
    display: flex;
    align-items: center
}

.select-group-head .icon-plus {
    display: inline-block;
    width: 20px;
    text-align: center;
    height: 20px;
    transition: transfrom .4s;
    float: left;
    margin: 3px 4px 2px;
    font-size: 17px;
    border-right: 1px solid #E6e6e6;
    padding: 1px 8px 0 1px
}

.select-group-head p {
    margin-left: 6px
}

.acl-input {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background .3s;
    width: 24px;
    height: 24px;
    background: #eee;
    border-radius: 3px;
    cursor: pointer
}

.acl-input:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1)
}

.acl-input em {
    display: inline-block;
    color: #FFF;
    font-size: 16px
}

.acl-input[data-value="1"] {
    background-color: green;
}

.acl-input[data-value="1"] em:before {
    content: "\f26b";
}

.acl-input[data-value="2"] {
    background-color: #D5A73C;
}

.acl-input[data-value="2"] em:before {
    content: "\f136";
}

.simple-checkbox {
    display: none;
}

.simple-checkbox:checked + label, .simple-checkbox:checked + extralabel {
    background-color: #4F95F4;
}

.simple-checkbox:checked + label span, .simple-checkbox:checked + extralabel span {
    color: #FFF;
}

.simple-checkbox-label, .simple-checkbox-extralabel {
    display: inline-block;
    width: 22px;
    height: 22px;
    cursor: pointer;
    background: #DDD;
    border-radius: 3px;
    transition: background .5s;
}

.simple-checkbox-label:hover, .simple-checkbox-extralabel:hover {
    box-shadow: 0 0 3px rgba(0, 0, 0, .05) inset;
}

.simple-checkbox-label span, .simple-checkbox-extralabel span {
    transition: opacity .3s;
    padding: 5px;
    font-size: 16px;
    line-height: 23px;
    color: #FFF;
}

.switch {
    padding: 0 !important;
    display: block;
    -moz-user-select: none;
    margin-left: -316px !important;
    margin-right: 30px;
}

.switch label, .switch extralabel {
    width: 58px;
    height: 23px;
    background-color: #6F6262;
    display: inline-block;
    border-radius: 3px;
    position: relative;
    transition: .4s ease;
    text-align: left;
    padding-left: 0 !important;
    padding-top: 0;
    cursor: pointer;
}

.switch label:after, .switch extralabel:after {
    content: " ";
    background: #FFF;
    width: 17px;
    height: 17px;
    display: inline-block;
    margin: 3px auto;
    border-radius: 3px;
}

.switch label:before, .switch extralabel:before {
    content: attr(data-off);
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 4px;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 500;
    color: #FFF;
}

.checkbox input, .switch input[type=checkbox] {
    display: none;
}

.switch label + span, .switch extralabel + span {
    color: #777;
    float: left;
    font-size: 14px;
    padding-right: 10px;
    margin-top: 2px
}

.switch input[type=checkbox]:checked + label, .switch input[type=checkbox]:checked + extralabel {
    background-color: #d5a73c;
    padding-left: 35px !important;
}

.switch input[type=checkbox]:checked + label:before, .switch input[type=checkbox]:checked + extralabel:before {
    right: auto;
    left: 6px;
    content: attr(data-on);
}

.checkbox.square input + label::after, .checkbox.square input + extralabel::after {
    content: "\f273";
}

.checkbox input + label, .checkbox input + extralabel {
    border: 1px solid #ddd;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    margin-left: 10px;
    overflow: hidden;
    position: relative;
    width: 18px;
}

.checkbox input + label::after, .checkbox input + extralabel::after {
    transition: opacity .3s;
    opacity: 0;
    height: 100%;
    background: #5c9df5;
    left: 0;
    padding: 1px 3px;
    position: absolute;
    top: 0;
    font-size: 14px;
    width: 100%;
    color: #FFF;
    content: "\f26b";
    font-family: icomoon;
}

.checkbox input:checked + label, .checkbox input:checked + extralabel {
    display: inline-block;
    border-color: #5397F5;
}

.checkbox input:checked + label::after, .checkbox input:checked + extralabel::after {
    opacity: 1;
}

.dialog.material .dialog-container {
    max-width: 500px;
    max-height: 1000px;
    height: auto;
}

.dialog.material .dialog-container > .dialog-header {
    box-shadow: none;
    margin-bottom: 10px;
    padding-left: 22px;
    text-transform: uppercase;
}

.dialog.material .dialog-container > .dialog-header .heading-3 {
    font-size: 20px;
    font-weight: 100;
}

.dialog.material .dialog-container > main {
    font-size: 14px;
    font-family: Source Sans Pro;
    color: #444;
    font-weight: 400;
    line-height: 1.2em;
    padding: 20px;
}

.dialog.material .dialog-container > main p {
    margin-bottom: 6px;
}

.dialog.material .dialog-container > .dialog-footer .dialog-buttons {
    justify-content: flex-end;
    padding-right: 10px;
}

.dialog.material .dialog-container > .dialog-footer .dialog-buttons button {
    border: none;
    text-transform: uppercase;
    font-size: 13px;
    margin-left: 10px;
    padding: 10px;
    font-weight: 500;
    color: #D5A73C;
    transition: background-color .4s;
    border-radius: 3px;
}

.dialog.material .dialog-container > .dialog-footer .dialog-buttons button:hover {
    background-color: #EAEAEA;
}

.dialog.fullscreen {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 101;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dialog-container {
    height: calc(100% - 40px);
    width: calc(100% - 40px);
    max-width: 700px;
    max-height: 500px;
    background: #fff;
    border-top: 1px solid #D5A73C;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    box-shadow: 0 1px 40px 0 rgba(0, 0, 0, .2);
    display: flex;
    flex-direction: column;
}

.dialog-container > .dialog-header {
    border-top: 4px solid #D5A73C;
    display: flex;
    box-shadow: 0 0 4px rgba(0, 0, 0, .07);
    z-index: 1;
    display: none;
}

.dialog-container > .dialog-header .close {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #444 !important;
    font-size: 17px;
}

.dialog-container > .dialog-footer {
    padding: 15px;
    border-top: 1px solid rgba(0, 0, 0, .15);
    display: flex;
}

.dialog-container > main {
    flex: 1 1 auto;
    padding: 0 15px;
}

.dialog-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .54);
    z-index: 100;
}

.dialog-buttons {
    display: flex;
    align-items: center;
    flex: 1 1 0;
}

.dialog-buttons p {
    font-size: 12px;
    padding-left: 10px;
    float: right;
    flex: 1 1 0;
    text-align: right;
}

.context-menu {
    position: absolute;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
    display: flex;
    flex-direction: column;
    padding: 5px 0;
    min-width: 120px;
    border-top: 3px solid #64A2F6;
}

.context-menu a {
    font-size: 13px;
    display: flex;
    padding: 4px 20px;
    font-family: Source Sans Pro;
    align-items: center;
    color: #33333c;
    transition: background .4s;
}

.context-menu a:hover {
    background-color: #F2F2F2;
}

.context-menu a i {
    font-size: 13px;
    padding-right: 7px;
}

#toaster {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
}

#toaster .toaster-in {
    padding: 13px 15px 15px;
    background: rgba(0, 0, 0, .7);
    color: #FFF;
    width: 200px;
    border-radius: 5px;
    box-shadow: 0 0 9px rgba(0, 0, 0, .3);
    font-size: 14px;
    line-height: 1.2em;
    border-top: 3px solid transparent;
    margin-bottom: 10px;
}

#toaster .toaster {
    overflow: hidden;
    box-sizing: border-box;
    max-height: 100px;
}

#toaster .toaster.error .toaster-in {
    border-top-color: #D5A73C;
}

#toaster .toaster.success .toaster-in {
    border-top-color: #4CAF50;
}

.editor-preview-side {
    right: auto !important;
    left: 0;
}

.CodeMirror-scroll {
    margin-left: -30px !important;
    margin-right: auto !important;
}

.define-scene {
    padding: 20px;
    background: #FFF;
    margin: 14px;
    border: 1px solid #EEE;
    border-radius: 6px;
    box-shadow: 0 0 11px -2px rgba(0, 0, 0, .1);
}

h4.scene-title {
    margin: 0;
    color: #b8860b;
    border-bottom: 1px dashed #EEE;
    padding-bottom: 16px;
}

h4.character-title {
    margin: 30px 0 -16px;
    border-right: 12px solid #55e20d;
    padding-right: 20px;
    padding-top: 10px;
    background-color: #EEE;
    padding-bottom: 8px;
}

#calendar-widget {
    background: #1C1F24;
    width: 340px;
    color: #FFF;
    padding: 30px 30px 20px;
    float: left;
}

#calendar-widget .overmonth, #calendar-widget .past {
    opacity: .3
}

#calendar-widget .is-available {
    background-color: #D5A73C;
}

.time-picker {
    display: flex;
    justify-content: center;
    border-top: 1px solid #EEE;
    margin-top: 4px;
    padding: 13px 0 6px;
}

.time-picker input {
    width: 76px;
    background: #FFF;
    margin-right: 7px;
    color: #888;
    border: 2px solid #E6E6E6 !important;
    box-shadow: none !important;
    text-align: center;
}

.datepicker {
    background: #fff;
    left: 201px;
    padding: 10px;
    z-index: 2;
    box-shadow: 0 1px 10px -3px rgba(0, 0, 0, .3);
    min-width: 260px;
}

.datepicker .buttons {
    margin-top: -5px !important;
    padding-bottom: 0 !important
}

.datepicker .full-date {
    display: none;
}

.datepicker > .calendar-date {
    border-bottom: 1px solid #eee;
    margin-bottom: 6px;
}

.datepicker > .calendar-date .view-switch {
    margin-top: 0;
    display: inline-block;
    margin-bottom: 5px;
}

.datepicker > .calendar-date .view-switch span {
    color: #555;
    font-size: 14px;
    font-family: "Source Sans Pro";
}

.datepicker .calendar-row .current {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .08) inset !important
}

.calendar-date .full-date {
    font-size: 12px;
    color: #63a2f5;
    position: relative;
    top: -12px;
}

.calendar-date .buttons {
    float: right;
}

.calendar-date .buttons .btn {
    float: right;
    font-size: 16px
}

.calendar-date .view-switch {
    color: #fff;
    margin-top: 3px;
    display: inline-block;
    margin-bottom: 10px;
}

.calendar-date .view-switch > span {
    display: inline-block;
    overflow: hidden;
    max-width: 120px;
}

.calendar-header h4 {
    float: left;
}

.calendar-header::after {
    content: " ";
    display: table;
    clear: both;
}

.calendar-body .calendar-row, .calendar-body .calendar-title {
    display: flex;
    justify-content: space-between
}

.calendar-body .calendar-title {
    text-align: center;
    text-transform: uppercase
}

.calendar-body .calendar-title .day {
    flex: 1 1 0;
    font-size: 11px;
    font-family: Source Sans Pro;
    padding: 5px 0;
    text-align: center;
    color: #AAA
}

.calendar-body .calendar-row .day {
    flex: 1 1 0;
    font-size: 13px;
    padding: 5px 0;
    text-align: center;
    line-height: 21px
}

.calendar-body .calendar-row .current {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .2) inset
}

.calendar-months {
    display: none
}

.calendar-months.is-active {
    display: flex;
    flex-wrap: wrap
}

.calendar-months .month {
    flex: 33% 1 0;
    font-size: 12px;
    min-height: 34px;
    display: flex;
    align-items: center;
    text-align: center
}

.calendar-months .month p {
    width: 90%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.calendar-months .month.current p {
    background: rgba(255, 255, 255, .1)
}

@media only screen and (max-device-width: 800px) {
    .home h3 {
        font-size: 2em
    }

    header {
        height: auto !important;
        min-height: 60px
    }

    .mobile-menu {
        display: block;
        transition: opacity .4s;
        cursor: pointer
    }

    .mobile-menu:hover {
        opacity: .7
    }

    header nav {
    }

    .form label, .form extralabel, header nav .sub-menu .user-info {
    }

    header nav .user-info {
        background-color: #D5A73C;
        padding: 15px;
        background-color: rgba(0, 0, 0, .1);
        display: block
    }

    header nav .user-info p {
        color: #CCC;
        white-space: nowrap;
        font-size: 13px;
        padding: 3px 0 13px;
        margin-bottom: 10px;
        text-align: center;
        border-bottom: 2px solid rgba(0, 0, 0, .1);
        margin-top: 2px
    }

    .contact h3, .search h3 {
        font-size: 2em
    }

    header nav ul {
        float: none;
        margin-top: 5px !important;
    }

    header nav ul li {
        float: none;
        margin-left: 0
    }

    header nav ul li a {
        text-align: center
    }

    header nav ul li a:hover {
        border-top: 4px solid transparent;
        color: #CCC
    }

    header nav .sub-menu {
        position: relative
    }

    header nav .sub-menu:hover .user-info {
        position: static !important;
        top: auto !important;
        right: auto !important
    }

    .search h3 {
        color: #33333c
    }

    .search .links .link {
        width: 170px
    }

    #map-canvas {
        width: 100% !important
    }

    .page .content, .page aside {
        width: 100%;
        float: none
    }

    .form input, .form select, .form textarea {
        width: 90%;
        margin-top: 6px
    }

    .form .has-icon {
        width: 90%
    }

    .form .has-icon input, .form .has-icon select, .form .has-icon textarea {
        width: 100%
    }

    .form .row {
        text-align: center;
        padding: 0 0 10px
    }

    .form label, .form extralabel {
        text-align: left;
        padding-right: 20px;
        font-size: 15px;
        vertical-align: top;
        color: #111;
        margin-left: 0
    }

    .week-table {
        overflow: scroll
    }

    .form input, .form select, .form textarea {
        width: 100%;
    }

    .focus-label.font-size-15 {
        line-height: 17px !important;
    }
}

@media only screen and (max-device-width: 400px) {
    .container {
        width: 100%;
    }

    .t3-content {
        padding: 0;
    }

    .profile-page {
        padding: 0;
    }
}

select#practices + div {
    height: 100px
}

p.description {
    font-size: 12px;
    color: #AAA;
    padding-top: 8px;
    margin-bottom: 20px
}

/*# sourceMappingURL=../sourcemaps/main.css.map */
.hasDatepicker .ui-datepicker-inline {
    width: 50%;
}

.hasDatepicker .ui-datepicker-inline td a, .hasDatepicker .ui-datepicker-inline th {
    text-align: center;
}

.profile > a {
    float: left;
    width: 39%;
}

.tinypic {
    height: 100px;
    max-width: 100px;
}

.search-on-map {
    position: relative;
}

.search-on-map > div#overlay {
    background-color: transparent;
    color: white;
    display: table;
    font-size: 30px;
    height: 400px;
    position: absolute;
    text-align: center;
    text-shadow: 5px 2px 5px rgba(255, 255, 255, 0.5);
    color: #660033;
    width: 100%;
    z-index: 1;
}

.ticketbutton {
    background: #FFF;
    border: 2px solid #33333c;
    margin: 2px;
    display: inline-block;
    padding: 8px 0px 0px 10px;
    transition-property: background, border;
    transition-duration: .4s;
    text-decoration: none;
    font-weight: 400;
    height: 40px;
    border-radius: 4px;
}

.ticketcode {
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 10px;
    padding-right: 8px;
    font-weight: bold;
    line-height: 20px;
}

.extradefine {
    overflow: hidden;
    min-height: 40px;
    position: relative;
}

.extradefine span:last-child {
    float: right;
    text-align: justify;
    width: calc(100% - 150px);
    display: flex;
    align-items: center;
    justify-content: start;
    height: 100%;
}

.extradefine .ticketcode {
    color: #FFFFFF;
    border-radius: 2px 0 0 2px;
    width: 165px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    padding: 0;
}

.extradefine .titlecode {
    width: 165px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    padding: 0;
}

.bg-dark-red {
    background-color: #d5a73c !important;
}

.bg-dark-blue {
    background-color: #0B55C4 !important;
}

.extradefine .ticketcode i, .extradefine .titlecode i {
    width: 100%;
    text-align: center;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.text-danger {
    color: #d5a73c !important;
}

.text-success {
    color: #2f6f2f !important;
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border 0.75s linear infinite;
    animation: spinner-border 0.75s linear infinite;
}

#system-message-container {
    display: none;
}

.position-relative {
    position: relative;
}

.avatar-big-image {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23), 0 0 5px #aaa inset;
    border-radius: 3px;
    margin: 1%;
    width: 98%;
}

.focus-label.font-size-15 {
    float: left;
    line-height: 50px;
    margin: 0;
}

.HideMe.show {
    opacity: 1;
}

.HideMe {
    opacity: 0;
    transition: opacity 1.6s linear;
}

.button {
    min-width: 155px;
}

.dialog-container.success {
    border-top: 4px solid #28a745;
}

.d-block {
    display: block !important;
}

.alert-success {
    color: #3c763d !important;
    background-color: #dff0d8 !important;
    border-color: #d6e9c6 !important;
    text-align: justify !important;
}

.close.d-block {
    opacity: unset !important;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-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-transition-timing-function: ease-in;
        transition-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)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-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);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.text-white {
    color: white !important;
}

.active-success.selected {
    background-color: darkgreen;
    color: white !important;
    font-weight: bold;
}

.active-danger.selected {
    background-color: #D5A73C;
    color: white !important;
    font-weight: bold;
}

.field-calendar {
    float: right !important;
}

.field-calendar .input-append {
    display: flex;
}

.field-calendar .input-append button:not(.free-size) {
    padding: 0 5px !important;
    float: unset !important;
    margin: 0 !important;
}

.icon-calendar::before {
    content: "📅";
}

.field-calendar .btn-clear, .field-calendar .btn-today, .field-calendar .btn-exit {
    float: unset !important;
    padding: 3px;
    margin: 0 10px;
}

.detailcertificate {
    display: block;
    animation: fade-in 1s;
}

.detailcertificate.d-none-me {
    display: none;
}

.d-none {
    display: none !important;
}

@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fade-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.certificate {
    background-image: url("../images/other/certificate.png");
}

.massagetable {
    background-image: url("../images/other/massagetable.png");
}

.box-40px {
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border: 2px solid #d5a73c;
    margin: 2px;
    padding: 2px;
}

.h-40px {
    height: 40px;
}

.text-black {
    color: #33333c !important;
}

.float-right {
    float: right;
}

.mh100 {
    max-height: 100%;
}

.w30px {
    width: 30px !important;
    max-width: 30px !important;
    min-width: 30px !important;
}

.w40px {
    width: 40px !important;
    max-width: 40px !important;
    min-width: 40px !important;
}

.w50px {
    width: 50px !important;
    max-width: 50px !important;
    min-width: 50px !important;
}

.d-inline {
    display: inline !important
}

.extrabtn.save {
    color: #D5A73C !important;
    border: 1px solid #D5A73C;
    margin: 3px;
}

.float-start {
    float: left !important;
}

.capitalize {
    text-transform: capitalize;
}

.d-sm-flex {
    display: flex !important
}

.col {
    flex: 1 0 0%
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.border-end {
    border-right: 1px solid #dee2e6 !important
}

.border-start {
    border-left: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

@media only screen and (max-width: 768px) {
    .extradefine span:last-child {
        width: calc(100% - 160px);
    }

    .profile-page .button {
        width: 70%;
    }

    .extradefine span:last-child {
        text-align: left;
    }
}

@media only screen and (max-width: 500px) {
    .signup input:not(.field-calendar, [type="checkbox"]), .signup select, .signup textarea {
        min-width: 99% !important;
    }

    .d-sm-flex {
        display: inherit !important
    }

    .profile-page .button {
        width: 90%;
    }

    .w-10p {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }

    .w-90p {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }

    #result {
        padding: 3px;
    }

    .ticketinformation .avatar {
        width: 100%;
        height: auto;
    }

    .list .row .profile .data {
        width: 50% !important;
    }

    .profile > a {
        width: 50% !important;
    }

    .profile .caption {
        width: 100%;
    }

    .list .row .availability .time-list span {
        margin-left: 1px !important;
    }

    .define {
        padding: 0;
    }

    .extradefine .titlecode {
        float: none;
        width: 100%;
        position: relative;
        text-align: center;
        padding: 5px 0;
        border-bottom: 1px solid #1111111a;
        display: block;
    }

    .extradefine span:last-child {
        width: 100%;
        padding: 3px 0;
    }

    .extradefine .ticketcode {
        float: none;
        position: relative;
        padding: 8px 0;
        width: 100% !important;
        max-height: 37px;
        display: block;
    }

    .extradefine span:last-child {
        width: 100%;
        padding: 8px;
        display: block;
    }

    .extradefine .ticketcode i, .extradefine .titlecode i {
        min-width: 100%;
        text-align: center;
        display: block;
        height: 100%;
    }
}

@media only screen and (min-device-width: 800px) {
    .w-25p {
        width: 25% !important;
        max-width: 25% !important;
    }

    .w-75p {
        width: 75% !important;
        max-width: 75% !important;
    }

    .w-10p {
        width: 10% !important;
        max-width: 10% !important;
    }

    .w-90p {
        width: 90% !important;
        max-width: 90% !important;
    }
}

.text-dark {
    color: #0a0e14 !important;
}

.profile-page .button {
    background: #FFF;
    margin: 2px;
    display: inline-block;
    padding: 10px;
    height: 45px;
    transition-property: background, border;
    transition-duration: .4s;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    height: 45px;
    border-radius: 4px;
    color: #090953;
    transition: 0.5s;
}

.rating .badgeabs {
    position: absolute;
    left: -7px;
    top: -7px;
}

.w-100 {
    width: 100% !important;
}

.fa-heart {
    color: #D5A73C;
}

.width-10 {
    width: 10px;
}

.width-20 {
    width: 20px;
}

.width-30 {
    width: 30px;
}

.width-40 {
    width: 40px;
}

.width-50 {
    width: 50px;
}

.width-60 {
    width: 60px;
}

.width-70 {
    width: 70px;
}

.width-80 {
    width: 80px;
}

.width-90 {
    width: 90px;
}

.width-100 {
    width: 100px;
}