h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Poppins", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    color: #333;
}

.background .login-header .h1 {
    color: #fff;
}

.userlogin .login-header .h1 {
    color: #33333c;
}

html, bod {
    height: 100% !important;
}

.profile-container i.fa-close {
    border: 1px solid #d5a73c !important;
    color: #d5a73c !important;
}

.t3-sidebar {
    box-shadow: #ccc 0 0px 3px 1px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.form-group.form-focus {
    height: auto;
}

.h-100 {
    height: 100%;
}

.background body {
    background: transparent;
}

.background .t3-footer {
  
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: bold;
}

.btn-success {
    background-color: #d5a73c;
    border: 2px solid #d5a73c;
}

.view-reservetime .text-uppercase > .h1 {
    text-transform: none;
    font-style: italic;
}

.signup form {
    width: 753px;
    margin: 0 auto;
    max-width: 100%;
}

.login-messagex a {
    color: #fff !important;
}

.background {
 
}

 

.home.userlogin.background:before{
    display:none;
}

.btn-danger {
    color: #ffffff;
    background-color: #d5a73c;
    border: 2px solid #d5a73c;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #080808;
    border-color: #000000;
}

.userlogin {
    position: relative;
}

.carousel-inner > .item.active {
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-inner > .item > img {
    height: 250px;
}

header .logo {
    padding-top: 10px !important;
    margin-top: 5px !important;
    float: left;
}

.com_users h1, .com_mymassage h2 {
    color: #33333c;
    font-size: 35px;
}

.view-availability h2 {
    margin-top: 35px;
}

.search h3 {
    font-size: 35px !important;
}

.com_mymassage .search {
    padding-top: 25px;
}

.form-control.width-30 {
    width: 30px;
    float: right;
}

.min-height-500 {
    min-height: 500px;
}

.font-size-15 {
    font-size: 15px;
}

.form1 .row > label, .form1 .row > input, .form1 .row > .flags {
    display: inline;
    margin: 0;
    float: left;
    font-weight: normal;
}

.form1 .row > label, .form1 extralabel {
    margin-left: -100px;
}

.form .row > .search-on-map {
    float: none;
    position: relative;
}

.form .row > input {
    font-size: 13px;
}

.form1 .inputs {
    display: inline;
    text-align: center;
}

.form2 input {
    margin: 0 auto;
}

.form-control.floating {
    width: 100%;
}

.signup input:not(.field-calendar,[type="checkbox"]), .signup select, .signup textarea {
    min-width: 400px;
    padding: 8px;
    border: 2px solid #111 !important;
    resize: none;
    outline: 0;
    min-height: 50px;
    font-size: 20px;
}

.mobile_validation > input {
    display: inline;
    padding: 7px !important;
}

.home form .row {
    position: relative;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.logo-text a {
    text-decoration: none;
    font-size: 23px;
    color: #fff;
}

.t3-header {
    padding-top: 1px;
}

header nav ul li {
    margin-top: 9px;
    margin-left: 0;
}

.t3-megamenu .mega-nav > li a:hover, .t3-megamenu .dropdown-menu .mega-nav > li a:hover, .t3-megamenu .mega-nav > li a:focus, .t3-megamenu .dropdown-menu .mega-nav > li a:focus {
    color: #ffffff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-default .navbar-nav > li a {
    color: #fff;
    padding: 2px 8px 2px 8px;
    background: transparent !important;
    font-size: 16px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff !important;
    background-color: transparent !important;
    border-top: 4px rgba(255, 255, 255, 0) solid !important;
}

header nav ul li a {
    border-top: 4px rgba(255, 255, 255, 0) solid !important;
    color: white !important;
}

header nav ul li a:hover {
}

header nav ul ul {
    float: left;
    width: 100%;
}

.t3-megamenu .mega > .mega-dropdown-menu {
    background: #D5A73C;
}

header nav ul li {
    margin-left: 0 !important;
}

.t3-footer {
    background: transparent;
}

.t3-copyright {
    border-top: 1px solid #eeeeee;
    font-size: 12px;
    padding: 0;
}

#validation_alert {
    margin: 0;
}

.form .yesno extralabel {
    margin-left: -100px !important;
}

.view-findmassagor .form .yesno extralabel {
    margin-left: 0 !important;
}

.genderselect .inputs {
    display: inline-block;
    float: left;
}

.inputs-selection p {
    font-size: 12px;
    color: #DDD;
    padding-right: 0;
    margin: 0;
    width: 100%;
}

.signup .inputs-selection {
    padding: 10px 14px;
}

.first-home h1, .first-home .h1 {
    font-size: 60px;
    text-transform: none;
}

.first-home .t3-header, .background .t3-header {
    background-color: transparent ;
	background-color: rgb(3 12 24 / 80%) !important;
    border-bottom: 1px solid transparent !important;
    box-shadow: none !important;
}

.first-home.userlogin .t3-header {
    background-color: #D5A73C !important;
    border-bottom: 1px solid #D5A73C !important;
    width: 100%;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 19;
    box-shadow: 0 -3px 8px rgba(0, 0, 0, .5) !important;
}

.t3-header {
    background-color: #D5A73C;
    border-bottom: 1px solid #D5A73C;
    width: 100%;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 19;
    box-shadow: 0 -3px 8px rgba(0, 0, 0, .5);
}

.section1 {
    min-height: 10px;
}

.article-header {
    background-color: transparent !important;
    border-bottom: 0 !important;
    height: auto !important;
    width: 100% !important;
    position: relative !important;
    z-index: 10 !important;
    box-shadow: none !important;
}

body > .t3-wrapper { /*padding-top: 30px;*/
    overflow-x: clip;
}

.row-center-block {
    text-align: -moz-center;
    text-align: -webkit-center;
}

.article-title, .profile-page h3 {
    font-size: 35px;
    margin-bottom: 20px !important;
    padding-top: 0;
    position: relative;
    text-align: center;
    color: #33333c;
    text-transform: uppercase;
}

.credits h3, .profile-page h3 {
    font-size: 35px !important;
    text-align: center !important;
    font-weight: bold !important
}

.profile-page h3:not(.free) {
    margin-top: 20px !important;
}

.profile-page h3 .fa-chevron-right {
    font-size: 16px;
    color: #AAA;
    position: relative;
    top: -8px;
    display: inline-block;
    margin: 0 5px;
}

.profile-page .fa-home {
    color: #D5A73C;
    position: relative;
    top: -2px;
}

.contact h3 {
    text-transform: uppercase;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

.package .title {
    width: 100%;
    float: left;
    font-size: 16px;
}

.package .amount {
    display: none;
}

.container .home { /*padding-top: 20px;*/
}

.home .links .link h4 {
    bottom: 0 !important;
    font-family: "Open Sans", sans-serif;
    left: 45px !important;
    font-size: 17px !important;
}

header nav ul li a:hover {
    border-top: 4px solid transparent !important;
}

.home .links .link.get:before {
}

.home .links .link.give:before {
}

.home .links .link.get span {
    background: url(../images/massueuse.svg);
    width: 28px;
    height: 28px;
    position: relative;
    background-size: cover;
    display: inline-block;
    margin-right: 10px;
}

.home .links .link.give span {
    background: url(../images/massage.svg);
    width: 28px;
    height: 28px;
    position: relative;
    background-size: cover;
    display: inline-block;
    margin-right: 10px;
}

.home .links .link.get {
    background: #fff;
    color: #000;
    font-weight: bold;
    border-radius: 10px;
    border: 1px solid #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.home .links .link.give {
    background: #fff;
    color: #000;
    font-weight: bold;
    border-radius: 10px;
    border: 1px solid #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.home .links .link.get:hover {
    box-shadow: 0 0 26px #fff95659;
    text-decoration: none;
    background: #d5a73c;
    color: #fff;
}

.home .links .link.give:hover {
    box-shadow: 0 0 26px #fff95659;
    text-decoration: none;
    background: #d5a73c;
    color: #fff;
}

.view-register .home .links .link.get:before {
    content: '';
    background-image: url(../images/reg/register/get_h.jpg) !important;
}

.view-register .home .links .link.give:before {
    content: '';
    background-image: url(../images/reg/register/give_h.jpg) !important;
}

.view-register .home .links .link.get {
    background: #fff;
    color: #000;
    font-weight: bold;
    border-radius: 10px;
    border: 1px solid #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.view-register .home .links .link.give {
    background: #fff;
    color: #000;
    font-weight: bold;
    border-radius: 10px;
    border: 1px solid #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.view-register .home .links .link.get:hover {
    border: 1px solid #d5a73c;
    background-color: #d5a73c;
}

.view-register .home .links .link.give:hover {
    border: 1px solid #d5a73c;
    background-color: #d5a73c;
}

.login .form-validate fieldset, .reset fieldset {
    padding: 2%;
    border: 0;
    min-width: 0;
    width: 96%;
    margin: 0 auto; /* text-align: center; */
}

.page-header h1 {
    line-height: 1;
    margin: 0;
    text-align: center;
}

.view-login .page-header h1, .view-reset h1 {
    margin-top: 65px;
}

.view-login .form-validate input { /*width:80%;*/
}

.com_mymassage .booking {
    max-width: 100%;
    margin: 0 auto;
}

#frmbooking .content > div {
    width: 50%;
    float: left;
}

.view-signupget .contact h3, .view-signupget .contact h3 {
    padding-top: 19px !important;
    margin-bottom: 35px;
}

.signupgive .note {
    font-size: 14px;
    color: #000;
}

.signupgive .form .yesno extralabel, .signupget .form .yesno extralabel {
    margin-left: 0 !important;
}

.form .row.verifynumber {
    padding: 0 !important
}

.signupgive .form .yesno {
    margin-bottom: 20px;
}

.other-links {
    text-align: center;
}

.form2 .myyears {
    margin-top: 20px !important
}

.other-links ul li {
    display: inline;
    padding-right: 20px;
}

.login .other-links ul li {
    display: inline;
    padding-right: 0;
}

.other-links .col-sm-offset-3 {
    margin-left: 0;
    width: 100%;
}

.alert .close {
    display: none;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #000;
    border-color: #D5A73C !important;
    outline: 0 auto -webkit-focus-ring-color;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: 0 auto -webkit-focus-ring-color;
}

.login .checkbox input {
    width: auto;
    display: block;
    float: left;
}

.view-setting .dialog-main > div {
    font-weight: bold;
}

.link .checkmark span {
    display: none;
}

.link.active .checkmark span {
    display: block;
    margin-top: 2px;
}

.t3-footer, .t3-copyright {
    border: 0;
}

.row .login-messagex {
    color: #fff !important;
}

.row .login-messagex a {
    text-decoration: underline;
}

.profile-page {
    padding-bottom: 60px;
    max-width: 100%;
    margin: 0 auto;
}

#frmbooking aside {
    width: 850px;
    max-width: 100%;
    margin: 0 auto;
}

.hasDatepicker .ui-datepicker-inline {
    width: 100% !important;
}

#datepicker td.dayselectable a {
    background-color: transparent;
    border: #D5A73C 1px solid;
    color: #D5A73C;
}

#datepicker td.dayselectable .ui-state-active {
    background-color: #D5A73C;
    color: #fff;
}

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
}

.profile-page .row .heading h4 {
    font-size: 32px !important;
    font-weight: bold !important;
}

.gmnoprint {
    top: auto !important;
    bottom: 20px !important;
}

.genderselect {
    margin-top: 20px;
}

.search-button i {
    display: none !important;
}

.form button, .form .button {
    font-size: 16px;
}

.form #map-canvas button {
    padding: 0 !important;
    font-size: 16px;
}

.dialog-buttons {
    display: inline !important;
    text-align: center;
}

.form label, .form extralabel {
    display: block;
}

.setcenter {
    text-align: center;
    display: block;
}

.dialog.material .dialog-container > main {
    text-align: center;
}

.dialog.material .dialog-container > .dialog-footer .dialog-buttons button {
    background-color: transparent !important;
}

#frmSearch > * {
    display: inline;
}

.pagination a {
    padding: 5px 10px;
}

.pagination {
    float: left;
    text-align: center;
    display: block;
    width: 100%;
}

.view-rsform h1 {
    margin: 0 0 20px 0;
    text-align: center;
    margin-top: 65px !important;
    text-transform: uppercase;
}

.formContainer {
    text-align: center;
}

.rsform-block-freetext p {
    font-size: 22px !important;
    font-weight: 100;
    padding-bottom: 30px;
    color: #666 !important;
}

.formContainer input, .formContainer textarea {
    width: 400px;
    max-width: 100%;
    padding: 8px;
    border: 2px solid #111;
    resize: none;
    font-size: .8em;
    outline: 0;
}

.rsform-block-freetext2 {
    color: #aaa !important;
    font-size: 13px !important;
    margin-bottom: 20px;
}

.formContainer {
    width: 800px;
    margin: 0 auto;
    max-width: 100%;
}

.formContainer label {
    font-size: 15px !important;
    vertical-align: top;
    color: #111 !important;
    font-weight: 400;
}

.formContainer .rsform-submit-button {
    background: #FFF;
    border: 2px solid #090953;
    padding: 13px 20px;
    transition-property: background, border;
    outline: 0;
    display: block;
    margin: 0 auto;
    color: #024457;
    font-size: 16px;
    width: auto;
    margin-left: 25%;
}

.form button, .form .button {
    padding: 13px 20px;
    transition-property: background, border;
    outline: 0;
    margin: 0 auto
}

.search-button {
    background: #d5a73c;
    border: 2px solid #d5a73c;
    margin-top: 10px;
    padding: 13px 20px;
    transition-property: background, border;
    transition-duration: .4s;
    outline: 0;
    color: #fff;
    width: 50%;
}

.search-button:hover {
}

.list .row .controls .button {
    background: #FFF;
    border: 2px solid #090953;
    margin: 2px 0;
    display: inline-block;
    padding: 13px 20px;
    transition-property: background, border;
    transition-duration: .4s;
    text-decoration: none;
    width: 95%;
    font-weight: 400;
    color: #000
}

.form-page .button, .profile-page .button.btn-danger {
    background-color: #d5a73c !important;
    color: white !important;
    border-color: #c49a38 !important;
}

.profile-page .button.btn-success {
    background-color: darkgreen;
    color: white;
}

.profile-page .button.btn-primary {
    background-color: #090953;
    color: white;
}

#frmSearch select, #frmSearch input {
}

.ajs-content-x {
    text-align: center;
}

.booking .button {
    background: #FFF;
    border: 2px solid #090953;
    margin: 8px 0;
    display: inline-block;
    padding: 13px 20px;
    transition-property: background, border;
    transition-duration: .4s;
    text-decoration: none;
    font-weight: 400;
    color: #000
}

.formContainer .rsform-submit-button:hover {
    background-color: transparent;
    border-color: #D5A73C;
    color: #D5A73C;
}

.formContainer .rsform-submit-button::before {
    font-size: inherit;
    text-rendering: auto;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f1d8";
    margin-right: 10px;
}

.form-control:focus {
    border-color: #D5A73C !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(213 167 60 / 57%) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(213 167 60 / 68%) !important;
}

select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .inputbox:focus {
    border-color: #D5A73C !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(213 167 60) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(213 167 60) !important;
}

.dialog-container > .dialog-footer {
    padding: 0 15px 15px 15px !important;
    border-top: 0 !important;
}

.dialog.material .dialog-container > .dialog-header .heading-3 {
    display: none;
}

.signupget .form .yesno extralabel {
    margin-top: -2px !important;
    margin-bottom: 10px !important;
}

.signupgive .form .yesno extralabel {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.signup div {
    max-width: 100%;
}

.signup .errors {
    color: #fff !important;
}

.parenttinypic label {
    width: 100%;
    margin-left: 0 !important;
    padding: 0;
    text-align: center !important;
    margin-top: 20px;
}

.parenttinypic extralabel {
    width: 100%;
    margin: 5px 0 0 0 !important;
}

#location_information {
    margin: 0 auto;
    float: none;
    width: 100%;
}

.froyesno p {
    font-size: 14px;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.froyesno extralabel {
    margin-left: 0 !important;
    margin: 5px 0 0 0 !important;
}

.t3-content .container {
    width: 100% !important;
}

.errors ul, .list-items ul, .messages ul, header nav ul {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

.ajs-body a, .ajs-buttons .ajs-button {
    color: #D5A73C !important;
    border: none !important;
}

#userForm .formRed {
    text-align: center;
    background: #D5A73C;
    padding: 10px;
    border-radius: 10px;
    color: #fff !important;
    margin: 0 60px 20px 60px;
}

.formRequired {
    display: none;
}

select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .inputbox:focus {
    border-color: #D5A73C !important;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.page-header {
    border-bottom: 0;
}

.login .star, #user-registration .star {
    display: none;
}

.login form button:not(.free-size), .reset form button:not(.free-size), .view-reset form button:not(.free-size) {
    background-color: transparent !important;
    border: 2px solid #090953;
    color: #090953;
    float: left;
    padding: 8px 27px;
    transition-property: background, border;
    outline: 0;
    margin: 0 auto;
}

.login form button:not(.free-size), .view-reset form button:not(.free-size) {
    margin-left: 23% !important;
}

.login form #map-canvas button {
    margin: 0 !important;
}

.reset form button:not(.free-size) {
    margin-left: 28% !important;
}

.login form button:not(.free-size):hover, .reset form button:not(.free-size):hover {
    background-color: transparent !important;
    border-color: #D5A73C;
    color: #D5A73C;
}

.login .form-group .checkbox {
    width: 200px;
    margin: 0 auto;
}

.checkbox label {
    padding-left: 0;
}

.reset .form-validate p, .remind .form-validate p {
    text-align: center;
}

.form-horizontal .control-label {
    color: #000;
}

.view-reset .alert {
    padding: 8px 15px 10px;
    color: #FFF;
    background: #D5A73C;
    border-radius: 10px;
    text-align: center;
}

.view-reset .alert button {
    display: none;
}

.alert-heading {
    display: none;
}

.alert-message {
    background-color: transparent;
    border-color: transparent;
    color: #fff;
    padding: 5px;
}

#errormessage {
    color: #fff;
}

.form-section {
    border-top: 0 !important;
}

#masseuse_id h5 {
    display: none;
}

.form1 .row > label, .form1 extralabel {
    margin-left: -55px;
}

.form1 .row > label, .form1 extralabel {
    margin-left: 0 !important;
}

extralabel.switch {
    margin-top: 0;
    margin: 0 auto 10px auto !important;
}

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

#email-section {
    margin-top: 10px;
}

.crud-form h5 {
    top: 0 !important;
}

.form .crud-buttons .btn {
    width: 200px;
    margin: 0 auto 5px auto;
    display: block;
}

#datepicker td.dateselected a {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.alertify .ajs-header {
    color: #D5A73C;
    text-align: center;
}

#phone-section {
    margin-top: 10px;
}

.ajs-button:focus {
    border: 0 !important;
    box-shadow: none !important;
}

.alertify button:focus {
    outline: 0;
}

.ajs-header, .ajs-footer {
    background: #fff !important;
    border: 0 !important;
}

.view-login .form-horizontal .control-label {
    text-align: left;
}

.view-login .form-validate input.required { /*width: 80%;    width: 400px;    border: 2px solid #000;    max-width:100%;*/
}

.reset .form-validate input.required, .view-reset input.required { /*width: 80%;    width: 380px;    border: 2px solid #000;    max-width:100%;*/
}

.reset-confirm p {
    text-align: center;
    margin-bottom: 10px;
}

.view-login .form-validate fieldset, .reset fieldset, .view-reset fieldset {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
}

.view-reset .form-group {
    float: left;
    width: 100%;
}

#username-lbl, #password-lbl, #jform_username-lbl2, #jform_token-lbl2, #jform_password1-lbl, #jform_password2-lbl {
    float: left;
    color: #666;
    padding-left: 4px;
}

.user_confirm .star {
    display: none;
}

#jform_username-lbl2, #jform_token-lbl2, #jform_password1-lbl, #jform_password2-lbl {
    width: 150px;
    float: right;
}

.view-login .alert {
    padding: 15px;
    color: #FFF;
    background: #D5A73C;
    border-radius: 10px;
    text-align: center;
    width: 80%;
    margin: 0 100px 20px;
    float: none;
}

.reset .form-validate p, .remind .form-validate p {
    background: transparent;
    border: 0;
}

.form .row {
    margin: 0 !important;
}

.mobile_validation input {
    float: none !important;
    display: inline !important;
}

#locationTitle label {
    display: none;
}

footer .crud-buttons .btn {
    float: none;
    margin-top: 10px !important;
    margin-bottom: 50px !important;
}

.content .time-list h3 {
    padding-bottom: 0 !important;
    margin: 0 0 10px 0 !important;
    font-size: 25px !important;
}

.profile-page .row {
    width: 100%;
    max-width: 100% !important;
}

.ajs-content img {
    max-height: 200px;
    width: auto;
}

#datepicker td.dateforbidden a {
    border: 1px solid #c5c5c5 !important;
    background: #f6f6f6 !important;
    font-weight: normal;
    color: #454545 !important;
}

#datepicker td.dateforbidden a {
    background-color: #f6f6f6 !important;
    color: #454545 !important;
    border: #D5A73C 1px solid !important;
}

.form2 .row.myyears {
    margin-top: 10px !important;
}

.dialog.material .dialog-container > .dialog-footer .dialog-buttons button {
    outline: 0 !important;
}

.errors, .messages {
    padding: 15px;
    margin: 0 100px 20px;
    text-align: center;
    transition: opacity 0.6s linear;
    color: #FFF
}

.messages {
    background: #D5A73C
}

.errors {
    background: #D5A73C;
    border-radius: 10px
}

.errors div {
    color: #fff !important
}

#message-success {
    background: #D5A73C;
    padding: 15px;
    border-radius: 10px;
    width: 80%;
    margin: 0 auto;
    color: #fff;
}

.messages.alert, .messages {
    background: #D5A73C !important;
    width: auto !important;
    display: block;
    text-align: center;
}

#message-success .alert-message {
    padding: 0;
}

.view-login #message-success {
    margin-bottom: 20px;
    text-align: center;
}

#message-success .close {
    display: none;
}

.layout-confirm .user_confirm, .layout-complete .user_confirm {
    margin-top: 15px;
}

.view-setting #system-message-container .alert {
    display: none;
}

.view-reservetime .alertify .ajs-footer .ajs-buttons.ajs-primary {
    text-align: center;
}

.settingmess {
    margin-bottom: 5px;
}

.view-signupget .alert, .view-signupgive .alert {
    display: none;
}

.view-mypay .details {
    font-size: 15px;
    text-align: left;
    margin: 0 auto;
    max-width: 100%;
}

.mypaytitle {
    font-weight: bold
}

.view-mystart #system-message-container {
    display: none;
}

.view-mystart h4 {
    color: #fff;
    font-size: 18px;
}

.nothingbottom, .nothingyet {
    font-size: 1.5em !important;
}

.homemodule h3 {
    text-shadow: #000 0 0 8px;
}

.homemodule .entermessage {
    margin-top: 30px;
}

.alert-error {
    display: block !important;
    width: auto !important;
    background-color: #D5A73C;
    border-color: #ebccd1;
    color: #ffffff;
    text-align: center;
    margin: 0 100px;
}

.details .section-title {
    font-family: arial;
}

.height100 {
    height: auto !important;
    min-height: auto !important;
}

.profile-container, .profileImage {
    height: auto !important;
    min-height: auto !important;
}

.myprofilephoto {
    width: 100%;
    float: left;
}

.myprofilephoto extralabel {
    display: none !important;
}

.view-setting .photosetting {
    display: none;
}

.view-buymassage .alert-message, .view-appointments .alert-message {
    background: #D5A73C;
    padding: 10px;
    border-radius: 10px;
    width: 80%;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.alertify .ajs-body .ajs-content {
    text-align: center;
}

.nothing {
    color: #000 !important;
}

.login-messagex {
    background: #D5A73C !important;
}

.form extralabel {
    width: 60px;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.view-favorites .profile-page {
    padding-top: 30px !important;
}

.view-appointments h3 {
    margin-top: 54px !important;
}

.distance input {
    width: 100px;
}

.ui-datepicker-calendar .ui-state-disabled {
    pointer-events: auto;
}

@media (min-width: 1300px) {
    .t3-header .container {
        width: 1300px;
    }
}

@media (max-width: 1300px) {
    .logo-text a {
        font-size: 22px;
    }
}

@media (max-width: 1200px) {
    .logo-text a {
        font-size: 18px;
    }
}

/*-----------------	14. Login-----------------------*/
.account-page {
    background-color: #fff;
}

.account-page .content {
    padding: 50px 0;
}

.login-left {
    background-color: #fff;
    border: 1px solid #f0f0f0;
}

.login-right {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    padding: 25px;
}

.login-left h2, .login-right h3, .text-extra-red {
    color: #D5A73C;
}

.text-extra-cyan {
    color: #b8b8b8;
}

.view-register .login-header {
    color: #fff;
}

.login-header {
    margin-bottom: 20px;
    padding: 0 180px 0 180px;
}

.login-header h1 {
    font-size: 45px;
}

.customslider-dots .customslider-dot {
    border: 3px solid #d5a73c !important;
}

.customslider-dots label.active {
    background-color: #d5a73c !important;
}

.customslider-image.active {
    box-shadow: 0 0 3px rgb(213 167 60) !important;
}

.hero-text {
    font-size: 22px;
}

.login-header p {
    margin-bottom: 0;
}

.login-header h3 {
    font-size: 18px;
    margin-bottom: 3px;
    margin-top: 0;
}

.login-header h3 a {
    color: #D5A73C;
    float: right;
    font-size: 15px;
    margin-top: 2px;
}

.login-right .dont-have {
    color: #3d3d3d;
    margin-top: 20px;
    font-size: 13px;
}

.login-right .dont-have a {
    color: #D5A73C;
}

.login-btn {
    font-size: 18px;
    font-weight: 500;
}

.login-or {
    color: #d4d4d4;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
}

.or-line {
    background-color: #e5e5e5;
    height: 1px;
    margin-bottom: 0;
    margin-top: 0;
    display: block;
}

.span-or {
    background-color: #fff;
    display: block;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    text-align: center;
    top: -3px;
    width: 42px;
}

.forgot-link {
    color: #3d3d3d;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 10px;
    font-weight: 400;
}

.btn-facebook {
    background-color: #3a559f;
    color: #fff;
    font-size: 13px;
    padding: 8px 12px;
}

.btn-google {
    background-color: #D5A73C;
    color: #fff;
    font-size: 13px;
    padding: 8px 12px;
}

.social-login .btn:hover, .social-login .btn:focus {
    color: #fff;
}

/* Margin Padding */
.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0, .my-0 {
    margin-top: 0 !important;
}

.mr-0, .mx-0 {
    margin-right: 0 !important;
}

.mb-0, .my-0 {
    margin-bottom: 0 !important;
}

.ml-0, .mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1, .my-1 {
    margin-top: 0.25rem !important;
}

.mr-1, .mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1, .my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1, .mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2, .my-2 {
    margin-top: 0.5rem !important;
}

.mr-2, .mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2, .my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2, .mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3, .my-3 {
    margin-top: 1rem !important;
}

.mr-3, .mx-3 {
    margin-right: 1rem !important;
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}

.ml-3, .mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important;
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5, .my-5 {
    margin-top: 3rem !important;
}

.mr-5, .mx-5 {
    margin-right: 3rem !important;
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important;
}

.ml-5, .mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0, .py-0 {
    padding-top: 0 !important;
}

.pr-0, .px-0 {
    padding-right: 0 !important;
}

.pb-0, .py-0 {
    padding-bottom: 0 !important;
}

.pl-0, .px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1, .py-1 {
    padding-top: 0.25rem !important;
}

.pr-1, .px-1 {
    padding-right: 0.25rem !important;
}

.pb-1, .py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1, .px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2, .py-2 {
    padding-top: 0.5rem !important;
}

.pr-2, .px-2 {
    padding-right: 0.5rem !important;
}

.pb-2, .py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2, .px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3, .py-3 {
    padding-top: 1rem !important;
}

.pr-3, .px-3 {
    padding-right: 1rem !important;
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important;
}

.pl-3, .px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4, .py-4 {
    padding-top: 1.5rem !important;
}

.pr-4, .px-4 {
    padding-right: 1.5rem !important;
}

.pb-4, .py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5, .py-5 {
    padding-top: 3rem !important;
}

.pr-5, .px-5 {
    padding-right: 3rem !important;
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important;
}

.pl-5, .px-5 {
    padding-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1, .my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1, .mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1, .my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1, .mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2, .my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2, .mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2, .my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2, .mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3, .my-n3 {
    margin-top: -1rem !important;
}

.mr-n3, .mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3, .my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3, .mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4, .my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4, .mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4, .my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4, .mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5, .my-n5 {
    margin-top: -3rem !important;
}

.mr-n5, .mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5, .my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5, .mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto, .my-auto {
    margin-top: auto !important;
}

.mr-auto, .mx-auto {
    margin-right: auto !important;
}

.mb-auto, .my-auto {
    margin-bottom: auto !important;
}

.ml-auto, .mx-auto {
    margin-left: auto !important;
}

/*-----------------	10. Focus Label-----------------------*/
.showPasswordBox {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    cursor: pointer;
}

.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.showPasswordBox .input-group-text {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 8px 0 7px;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    border: none !important;
    background-color: transparent !important;
}

.view-login .form-control {
    border-color: #dcdcdc;
    color: #333;
    font-size: 15px;
    min-height: 46px;
    padding: 6px 15px;
    width: 100%;
}

.form {
    text-align: left;
}

.form-focus {
    height: 50px;
    position: relative;
}

.form-focus label {
    font-size: 14px;
    font-weight: 400;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate3d(0, 22px, 0) scale(1);
    -ms-transform: translate3d(0, 22px, 0) scale(1);
    -o-transform: translate3d(0, 22px, 0) scale(1);
    transform: translate3d(0, 22px, 0) scale(1);
    transform-origin: left top;
    transition: 240ms;
    left: 10px;
    top: -18px;
    z-index: 1;
    margin-bottom: 0;
}

.form-focus.focused label {
    opacity: 1;
    top: -18px;
    font-size: 12px;
    z-index: 1;
}

.form-focus .form-control:focus ~ label, .form-focus .form-control:-webkit-autofill ~ label {
    opacity: 1;
    font-weight: 400;
    top: -40px;
    font-size: 12px;
    z-index: 1;
    left: 10px;
    text-align: left;
}

.form-focus input[type="checkbox"].form-control {
    max-height: 40px;
    padding: 0;
    min-height: 40px;
    min-width: 40px;
    max-width: 40px;
}

.form-focus .form-control {
    min-height: 50px;
    padding: 9px 9px 3px;
    min-width: 100%;
}

.form-focus .form-control::-webkit-input-placeholder {
    color: transparent;
    transition: 240ms;
}

.form-focus .form-control:focus::-webkit-input-placeholder {
    transition: none;
}

.form-focus.focused .form-control::-webkit-input-placeholder {
    color: #bbb;
}

.form-focus.select-focus label {
    opacity: 1;
    font-weight: 300;
    top: -20px;
    font-size: 12px;
    z-index: 1;
}

.form-focus .select2-container .select2-selection--single {
    border: 1px solid #e3e3e3;
    height: 50px;
}

.form-focus.select2-container--default.select2-selection--single.select2-selection__arrow {
    height: 48px;
    right: 7px;
}

.form-focus.select2-container--default.select2-selection--single.select2-selection__arrowb {
    border-color: #ccc transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0;
    height: 0;
    left: 50%;
    margin-left: -10px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.form-focus.select2-container--default.select2-container--open.select2-selection--single.select2-selection__arrowb {
    border-color: transparent transparent #ccc;
    border-width: 0 6px 6px;
}

.form-focus.select2-container.select2-selection--single.select2-selection__rendered {
    padding-right: 30px;
    padding-left: 12px;
    padding-top: 10px;
}

.form-focus.select2-container--default.select2-selection--single.select2-selection__rendered {
    color: #676767;
    font-size: 14px;
    font-weight: normal;
    line-height: 38px;
}

.form-focus.select2-container--default.select2-results__option--highlighted[aria-selected] {
    background-color: #D5A73C;
}

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

.rounded {
    border-radius: .25rem !important;
}

.location-icon {
    background-color: #D5A73C;
    color: white;
    width: 50px;
    height: 40px;
    margin-top: 4px;
    margin-left: -10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 9px;
    font-size: 20px;
    line-height: 16px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

.breadcrumb-bar {
    background-color: #D5A73C;
    padding: 15px 0;
    margin-top: 0;
    padding-top: 0;
}

@media only screen and (max-width: 991.98px) {
    .login-header {
        margin-top: 35px;
    }

    .login-left {
        display: none;
    }

    #pac-input {
        float: left;
        margin-left: -24px;
    }

    .location-icon {
        float: right;
        margin-top: -36px;
        margin-right: -10px;
    }
}

.btn-extra-red:hover {
    opacity: 1;
}

.btn-extra-red {
    background-color: #D5A73C;
    border: 1px solid #D5A73C;
    opacity: .8;
    color: #fff !important;
}

button {
    transition: border-color 0.5s, background-color 0.5s, color 0.5s;
}

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

.define span.showtimer {
    color: #D5A73C;
    font-size: 30px;
}

.define span.showtimer b {
    padding: 5px;
}

.capital, .button, .define, .dialog-main {
    text-transform: capitalize;
}

.d-flex {
    display: flex;
}

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

.view-appointments img {
    max-width: 100%;
}

@media (max-width: 1150px) {
    .login-header {
        padding: 0;
    }
}

@media only screen and (max-device-width: 1000px) {
    header nav ul li {
        width: auto;
    }
}

@media (max-width: 500px) {
    .d-flex {
        display: inline-block;
    }

    .login-right {
        padding: 15px;
    }

    .form-horizontal .form-group, .form-group.form-focus {
        margin: 15px 0;
    }

    .form-focus label {
        top: -12px;
    }

    .form-focus.focused label, .form-focus .form-control:focus ~ label, .form-focus .form-control:-webkit-autofill ~ label {
        top: -30px;
    }
}

.top-title {
    text-align: center;
}

.list figure .bigavatar {
    border: 2px solid #D5A73C;
}

.imagewidth ,.item-image img{
	max-width:100%;
}

.latestnews li{
	list-style: none;
}

.view-mystart #t3-mainbody h3 , .view-mystart #t3-mainbody h4 {

	color:#fff !important;
}

.view-mobile .details form{
    width: 600px;
    margin: 0 auto;
    max-width: 100%;
}
.first-home.view-mobile  .login-header {

    margin-top: 100px;
}