* {
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    word-wrap: break-word;
}

body {
    font-family: "Lato";
    color: #4a4444;
    font-size: 10px;
    background-color: #fff;
    padding-top: 60px;
    overflow-x: hidden;
    overflow-y: auto;
}

.container {
    width: 100%;
    max-width: 1000px;
    position: relative;
}

.title-section .title {
    font-family: "Lato";
    margin-bottom: 15px;
}

.title-section p {
    color: #6f6765;
}

.subtitle-section {
    margin-bottom: 22.5px;
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    cursor: pointer;
    color: #4a4444;
}

a:focus {
    outline: 0;
}

.ui-widget.ui-widget-content {
    border: 0;
    margin-top: -2px;
}

.ui-menu .ui-menu-item {
    width: 100% !important;
    font-size: 1.4em;
    padding: 8px 10px;
    font-family: Museo Sans;
    color: #4a4444;
}

.ui-menu .ui-menu-item:hover {
    background-color: #e60026;
    color: #fff;
}

.ui-menu .ui-menu-item:hover strong {
    color: #fff;
}

.ui-menu .ui-menu-item:hover strong.ui-state-active {
    color: #fff;
}

.ui-menu .ui-menu-item strong {
    font-weight: bold !important;
    padding: 0;
    color: #e60026;
}

.ui-menu .ui-menu-item strong.ui-state-active {
    border-color: transparent;
    background: none;
    color: #e60026;
}

.a-bounce {
    /* older webkit */
    transition-timing-function: cubic-bezier(0.68, -0.22, 0.37, 1.325);
    /* custom */
}

.number-section {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: solid 2px #e60026;
    color: #d2cfd6;
    font-size: 2.2em;
    font-weight: bold;
}

.title-section-text {
    font-size: 3em;
    color: #2f2e2e;
    font-weight: bold;
}

.subtitle-section-text {
    font-size: 3.6em;
    color: #2f2e2e;
    font-weight: lighter;
}

.bg-illustration {
    position: absolute;
    pointer-events: none;
}

.block-img-big {
    height: 630px;
}

.block-img-medium {
    height: 315px;
}

.block-img {
    overflow: hidden;
}

.block-img:hover .photo {
    transform: scale(1);
}

.block-img:hover .overlay-content {
    opacity: 1;
}

.block-img .photo {
    transition: all 0.25s;
}

.block-img .overlay-content {
    background-image: linear-gradient(rgba(230, 0, 38, 0.1) 0%, rgba(150, 0, 25, 0.7) 100%);
    opacity: 0;
    transition: all 0.25s;
}

.block-img .overlay-content h3 {
    font-size: 2.3em;
    font-weight: 400;
    color: white;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
}

.block-img .overlay-content p {
    font-size: 1.4em;
    font-weight: 400;
    color: white;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}

.block-img .overlay-content hr {
    border-top: solid 2px #fff;
    margin-top: 0;
    margin-bottom: 10px;
    max-width: 30px;
}

.block-img .overlay-content .button {
    position: absolute;
    bottom: 0;
    left: 0;
}

.va-middle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.left {
    float: left;
}

.right {
    float: right;
}

.no-float {
    float: none;
}

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

.null-padding-left {
    padding-left: 0 !important;
}

.null-padding-right {
    padding-right: 0 !important;
}

.null-padding-top {
    padding-top: 0 !important;
}

.null-padding-bottom {
    padding-bottom: 0 !important;
}

.null-padding-side {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.bg-s-cover {
    background-size: cover;
}

.bg-a-fixed {
    background-attachment: fixed;
}

.bg-primary {
    background-color: #e60026;
}

.bg-secondary {
    background-color: #2f2e2e;
}

.bg-text-primary {
    background-color: #4a4444;
}

.bg-gray-primary {
    background-color: #fafafa;
}

.bg-gray-secondary {
    background-color: #f6f7fb;
}

.bg-white {
    background-color: #fff;
}

.bg-black {
    background-color: #000;
}

.color-text-primary {
    color: #e60026;
}

.color-text-secondary {
    color: #2f2e2e;
}

.color-text-gray-primary {
    color: #fafafa;
}

.color-text-gray-secondary {
    color: #f6f7fb;
}

.color-text-white {
    color: #fff;
}

.color-text-black {
    color: #000;
}

.font-regular {
    font-weight: 400;
}

.font-semibold {
    font-weight: 500;
}

.font-bold {
    font-weight: 600;
}

.girar-90 {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}

.girar-180 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.girar-270 {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
}

.mbm-multiply {
    mix-blend-mode: multiply;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.section {
    padding-top: 45px;
    padding-bottom: 45px;
}

.section-small {
    padding-top: 22.5px;
    padding-bottom: 22.5px;
}

.section-short {
    padding-top: 11.25px;
    padding-bottom: 11.25px;
}

.masonry-item {
    display: inline-block;
    float: none;
    margin-left: -1px;
    margin-right: -2px;
    vertical-align: top;
}

.masonry-va-top {
    vertical-align: top;
}

.masonry-va-middle {
    vertical-align: middle !important;
}

.photo {
    background-position: center;
}

.vertical-line {
    width: 1px;
    min-height: 100px;
    background-color: #fafafa;
    display: inline-block;
}

@font-face {
    font-family: 'Dolly';
    src: url(/assets/online/base/scss/fonts/dolly-regular.ttf);
    font-weight: 400;
}

@font-face {
    font-family: 'Dolly';
    src: url(/assets/online/base/scss/fonts/dolly-italic.ttf);
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Dolly';
    src: url(/assets/online/base/scss/fonts/dolly-bold.ttf);
    font-weight: 600;
}

.wysihtml5-toolbar .dropdown {
    display: none;
}

h1.banner-title {
    font-size: 5.6em;
    font-weight: 400;
    margin: 0 0 30px 0px;
}

h1.hero-heading {
    font-size: 3.6em;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: #4a4444;
    margin: 0;
}

h1 {
    font-size: 2.8em;
}

h2 {
    font-size: 2.4em;
}

h3 {
    font-size: 1.8em;
}

h4 {
    margin-bottom: 1.6em;
}

h5 {
    margin-bottom: 1.4em;
}

h6 {
    margin-bottom: 1.2em;
}

p {
    font-size: 1.4em;
    line-height: 1.6em;
    color: #6f6765;
}

p.paragraph-smaller {
    font-size: 1.4em;
    line-height: 1.6em;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.principal-title-section {
    vertical-align: middle;
}

.principal-title-section .title-line {
    width: 80px;
    background-color: #e60026;
    height: 2px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.principal-title-section h1 {
    color: #6f6765;
    font-size: 3.6em;
}

.principal-title-section h1 strong {
    font-weight: 700;
    color: #4a4444;
}

.text-content {
    font-size: 16px;
    line-height: 24px;
    color: #6f6765;
}

.text-content * {
    font-size: 16px;
    line-height: 24px;
    color: #6f6765;
}

.row-buttons-group {
    margin-bottom: 45px;
}

.button {
    text-decoration: none;
    font-size: 1.4em;
    background-color: #e60026;
    padding: 15px 40px;
    color: #fff;
    display: inline-block;
    border: 0;
    transition: all 0.25s;
    text-align: center;
    position: relative;
    border-radius: 0px;
    line-height: 20px;
}

.button i {
    margin-right: 10px;
}

.button:hover {
    color: #fff;
    text-decoration: none;
}

.button:focus {
    color: #fff;
    text-decoration: none;
}

.button-responsive {
    width: 100%;
    max-width: 280px;
}

.button-large {
    font-size: 2.2em;
    padding: 20px 40px;
}

.button-medium {
    font-size: 1.4em;
    font-weight: 800;
    padding: 8px 28px;
}

.button-small {
    font-size: 1.2em;
    padding: 5px 20px;
}

.button-short {
    font-size: 1.4em;
    padding: 5px 15px;
}

.button-primary {
    background-color: #e60026;
}

.button-secondary {
    background-color: #2f2e2e;
}

.button-tertiary {
    background-color: #4a4444;
    color: #fff;
}

.button-white {
    background-color: #fff;
    color: #4a4444;
}

.button-outline {
    border: solid 1px #e60026;
    background-color: transparent;
    color: #4a4444;
    font-weight: bold;
}

.button-outline:hover, .button-outline:focus {
    background-color: #e60026;
    color: #fff;
}

.button-outline.active {
    border-color: #e60026;
    background-color: #e60026;
    color: #fff;
}

.button-edit {
    background-color: #4a86e8;
    font-weight: 500;
}

.button-icon {
    padding-left: 40px;
    font-size: 1.6em;
    font-weight: 400;
    background-color: transparent;
    color: #4a4444;
    box-shadow: 0px 0px 0px 1px #e60026 inset;
}

.button-icon i {
    position: absolute;
    background-color: transparent;
    left: 0;
    top: 0;
    width: 60px;
    line-height: 42px;
    border-radius: 50%;
}

.button-icon:hover {
    background-color: #e60026;
    color: #fff;
}

.button-icon.button-small i {
    line-height: 32px;
}

.button-outline-2 {
    border-color: #fff;
    box-shadow: none;
    color: #fff;
    border-radius: 40px;
    padding: 15px 80px;
    line-height: 20px;
}

.button-outline-2 .icon {
    border: solid 1px #fff;
    left: -1px;
    top: -1px;
    line-height: 50px;
    width: 50px;
    transition: all 0.25s;
}

.button-outline-2:hover {
    background-color: #fff;
    color: #4a4444;
}

.button-outline-2:hover .icon {
    transform: translateX(20%);
}

.button-circle {
    width: 50px;
    line-height: 50px;
    border: solid 1px #2f2e2e;
    border-radius: 50%;
    display: inline-block;
    color: #2f2e2e;
    font-size: 1.8em;
}

.button-circle:hover {
    border-color: #e60026;
    background-color: #e60026;
    color: #fff;
}

.form-title {
    color: #e60026;
    margin-bottom: 65px;
    margin-top: 65px;
}

.form-title span {
    color: #2f2e2e;
}

.form-title-label {
    color: #6f6765;
    margin-bottom: 10px;
    margin-top: 20px;
    font-weight: 500;
    cursor: pointer;
    font-size: 1.4em;
    width: 100%;
    display: inline-block;
}

.form-field-box {
    position: relative;
    margin-bottom: 15px;
    margin-top: 0;
    float: left;
    width: 100%;
}

.form-field-box .form-field {
    width: 100%;
    border: 0;
    border-radius: 2px;
    font-size: 1.4em;
    padding: 15px;
    color: #4a4444;
    position: relative;
    background-color: #e4e7f3;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 50px;
    text-overflow: ellipsis;
    font-weight: 500;
    line-height: 20px;
}

.form-field-box .form-field:focus {
    outline: 0;
    color: #2f2e2e;
}

.form-field-box .form-field:focus::-webkit-input-placeholder {
    color: #2f2e2e;
}

.form-field-box .form-field:focus:-moz-placeholder {
    color: #2f2e2e;
}

.form-field-box .form-field:focus::-moz-placeholder {
    color: #2f2e2e;
}

.form-field-box .form-field:focus:-ms-input-placeholder {
    color: #2f2e2e;
}

.form-field-box .field-label-placeholder {
    position: relative;
    font-size: 1.4em;
    margin: 0;
    color: #2f2e2e;
    transition: all 0.20s;
    font-weight: 400;
}

.form-field-box label.error {
    margin: 0;
    margin-top: 5px;
    float: left;
    text-align: right;
    color: #e60026;
    border-radius: 2px;
}

.form-field-box label.error i {
    position: absolute;
    font-size: 2.4em;
    right: 20px;
    top: -14px;
    color: #e60026;
}

.form-field-box label.error span {
    font-size: 1.4em;
}

.form-field-box i.validation {
    position: absolute;
    right: 20px;
    font-size: 2em;
}

.form-field-box i.validation.validation-error {
    color: #e60026;
}

.form-field-box i.validation.validation-success {
    color: #4a4444;
}

.form-field-box.field-error .form-field {
    border-color: #e60026;
}

.form-field-box.field-error .field-label-placeholder {
    color: #6f6765;
}

.form-field-box.form-field-select::before {
    content: "\f0d7";
    color: #6f6765;
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.8em;
    z-index: 2;
    pointer-events: none;
}

.form-field-box.form-field-select .select2-container {
    width: 100% !important;
}

.form-field-box.form-field-select .select2-container .select2-selection.select2-selection--single {
    border: solid 0px #f6f7fb;
    height: auto;
    width: 100%;
    background-color: transparent;
}

.form-field-box.form-field-select .select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
    border: solid 2px #f6f7fb;
    border-radius: 2px;
    padding: 15px;
    font-size: 1.6em;
    line-height: normal;
}

.form-field-box.form-field-select .select2-container .select2-selection__arrow {
    height: 100%;
    width: 40px;
}

.form-field-box.form-field-select .select2-container.select2-container--focus .select2-selection.select2-selection--single .select2-selection__rendered {
    border-color: #e60026;
}

.form-field-box.form-field-select .select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__rendered {
    border-color: #e60026;
}

.form-field-box.form-field-select.field-error .select2-selection.select2-selection--single .select2-selection__rendered {
    border-color: #e60026;
}

.form-field-box.form-field-icon .field-icon {
    background-color: #f6f7fb;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    height: 42px;
    text-align: center;
    display: inline-block;
    line-height: 42px;
    font-size: 1.8em;
    border-radius: 2px 0px 0px 2px;
    border: 0px;
}

.form-field-box.form-field-icon .form-field {
    padding-left: 60px;
}

.form-field-box.form-field-icon.field-focus .field-icon {
    background-color: #e60026;
}

.form-field-box.field-small {
    margin-bottom: 15px;
}

.form-field-box.field-small .form-field {
    padding: 8px 10px;
}

.form-field-box.field-small .button {
    padding: 8px 25px 7px 25px;
}

.form-field-box.field-small.form-field-icon .form-field {
    padding-left: 60px;
}

.form-field-box.field-small.form-field-icon .field-icon {
    height: 38px;
    width: 50px;
}

.form-field-box.field-small.form-field-select .select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
    padding: 8px 10px;
}

.form-field-box-md {
    margin-bottom: 35px;
}

.form-field-box-md .form-field {
    border-color: transparent;
    border: 0px;
    border-bottom: 1px solid #d3d8eb;
    border-radius: 0;
    padding: 10px 0px;
    margin: 0;
}

.form-field-box-md .form-field:focus {
    border-bottom-color: #2f2e2e;
}

.form-field-box-md i.validation {
    right: 0;
}

.form-field-box-md i.validation.validation-success {
    color: #f6f7fb;
}

.form-field-box-md .field-label-placeholder {
    left: 0px;
    top: -2px;
    font-size: 1.2em;
    color: #6f6765;
}

.form-field-box-md.field-focus .form-field {
    border-color: transparent;
    border-bottom-color: #2f2e2e;
}

.form-field-box-md.field-focus .form-field:focus {
    border-color: transparent;
    border-bottom-color: #2f2e2e;
}

.form-field-box-md.field-focus .field-label-placeholder {
    color: #6f6765;
}

.form-field-box-md.field-error .form-field {
    border-color: #fff;
    border-bottom-color: #e60026;
}

.form-field-box-md.form-field-icon .field-icon {
    background-color: transparent;
    text-align: left;
    color: #e60026;
    border: 0;
}

.form-field-box-icon .form-field-icon {
    position: absolute;
    left: 0;
    height: 100%;
    display: inline-block;
}

.form-field-box.radio {
    margin: 0;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.form-field-box.radio label.label-radio {
    font-size: 1.6em;
    padding-left: 30px;
}

.form-field-box.radio label.label-radio input.form-field-radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: solid 1px #f6f7fb;
    border-radius: 50%;
    margin-top: 0;
    margin-left: -30px;
    position: absolute;
    transition: all 0.25s;
}

.form-field-box.radio label.label-radio input.form-field-radio:focus {
    outline: 0;
    border: solid 2px #e60026;
}

.form-field-box.radio label.label-radio input.form-field-radio:hover {
    border: solid 2px #e60026;
}

.form-field-box.radio label.label-radio input.form-field-radio:checked {
    border: solid 10px #e60026;
}

.button-checkbox {
    float: left;
    margin-right: 5px;
}

.button-checkbox .button {
    margin-right: 0;
}

.button-checkbox label {
    transition: all 0.25s;
    cursor: pointer;
}

.button-checkbox label:hover {
    border-color: #e60026;
}

.button-checkbox input.option {
    display: none;
}

.button-checkbox input.option:checked + label {
    background-color: #e60026;
    border-color: #e60026;
    color: #fff;
}

.ui-widget.ui-widget-content {
    z-index: 99999999999 !important;
}

.js-action-button span {
    opacity: 1;
    transition: all 0.5s;
}

.js-action-button .loader-img {
    position: absolute;
    width: 30px;
    left: 50%;
    margin-left: -15px;
    top: 50%;
    margin-top: -15px;
    mix-blend-mode: lighten;
    transition: all 1s;
    opacity: 0;
    transform: scale(0);
}

.js-action-button.loading span {
    opacity: 0;
}

.js-action-button.loading .loader-img {
    opacity: 1;
    transform: scale(1);
}

textarea {
    min-height: 50px;
    font-size: 1.4em;
    line-height: 1.6em;
    resize: vertical;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 250px;
}

.select2-container--default .select2-selection--multiple {
    padding: 5px;
    padding-bottom: 0;
    border: solid 1px #d3d8eb;
    min-height: 42px;
    background-color: transparent;
    border-radius: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
    overflow: visible;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    padding: 5px 10px;
    border: 0;
    background-color: #e60026;
    color: #fff;
    font-size: 1.4em;
    font-weight: 600;
    position: relative;
    margin: 0;
    margin-right: 5px;
    margin-bottom: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    color: #fff;
    position: absolute;
    right: -10px;
    margin: 0;
    top: -5px;
    background-color: #2f2e2e;
    width: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 10px;
    opacity: 0;
    z-index: 9;
    transition: all 0.25s;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice:hover .select2-selection__choice__remove {
    opacity: 1;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #2f2e2e;
}

.select2-container--default.select2-container--open .select2-selection--multiple {
    border-color: #2f2e2e;
}

.select2-container--default .select2-search--inline {
    font-size: 1.4em;
    height: 30px;
}

.select2-container--default .select2-search--inline .select2-search__field {
    padding: 11px;
    font-size: 1em !important;
    margin: 0;
}

.form-field-box.form-field-box-md.form-field-select .select2-container .select2-selection.select2-selection--single .select2-selection__rendered {
    border: 0px;
    border-bottom: solid 1px #f6f7fb;
    padding: 10px;
    line-height: 1.4em;
    padding-left: 30px;
    text-align: left;
    border-radius: 0;
}

.form-field-box.form-field-box-md.form-field-select .select2-container .select2-selection__arrow {
    display: none;
}

.select2-container {
    z-index: 1000;
}

.select2-container:focus {
    outline: 0;
}

.select2-container .select2-selection:focus {
    outline: 0;
}

.select2-container .select2-dropdown {
    border-radius: 0;
    border: solid 0px #e60026;
    border-top: 0px;
    margin-top: -2px;
    z-index: 99999;
    box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.25);
}

.select2-container .select2-dropdown .select2-results .select2-results__options li {
    font-size: 1.6em;
    padding: 15px;
}

.select2-container .select2-dropdown .select2-results .select2-results__options li.select2-results__option--highlighted {
    background-color: #2f2e2e;
}

.select2-container .select2-dropdown .select2-results .select2-results__options li[aria-selected=true] {
    background-color: #2f2e2e;
    color: #6f6765;
    display: none;
}

.datepicker.dropdown-menu {
    padding: 0;
    background-clip: border-box;
    border: none;
    border-radius: 0;
    animation: popup .2s ease-out forwards;
}

.datepicker.dropdown-menu table {
    background-color: #b3001e;
}

.datepicker.dropdown-menu table thead {
    background-color: #b3001e;
}

.datepicker.dropdown-menu table thead tr {
    border-top: 0;
}

.datepicker.dropdown-menu table tbody {
    background-color: white;
}

.datepicker.dropdown-menu table tr {
    border-top: 1px solid #fafafa;
}

.datepicker.dropdown-menu table tr td, .datepicker.dropdown-menu table tr th {
    width: auto;
    height: 24px;
    padding: 8px;
    font-size: 16px;
    border-radius: 0;
    transition: background-color .6s ease-out;
}

@media screen and (min-width: 400px) {
    .datepicker.dropdown-menu table tr td, .datepicker.dropdown-menu table tr th {
        padding: 12px;
    }
}

.datepicker.dropdown-menu table tr td:hover, .datepicker.dropdown-menu table tr td.active:hover, .datepicker.dropdown-menu table tr td:active:hover, .datepicker.dropdown-menu table tr th:hover, .datepicker.dropdown-menu table tr th.active:hover, .datepicker.dropdown-menu table tr th:active:hover {
    border-color: #fafafa;
    border-radius: 0;
    transition: background-color .2s ease-out;
}

.datepicker.dropdown-menu table tr td.focused, .datepicker.dropdown-menu table tr td.selected, .datepicker.dropdown-menu table tr th.focused, .datepicker.dropdown-menu table tr th.selected {
    background-color: #e60026;
    border-color: #fafafa;
    border-radius: 0;
    color: #fff;
}

.datepicker.dropdown-menu table tr td.active, .datepicker.dropdown-menu table tr td.active:focus, .datepicker.dropdown-menu table tr td.active.active:hover, .datepicker.dropdown-menu table tr td:active:focus, .datepicker.dropdown-menu table tr td.highlighted, .datepicker.dropdown-menu table tr th.active, .datepicker.dropdown-menu table tr th.active:focus, .datepicker.dropdown-menu table tr th.active.active:hover, .datepicker.dropdown-menu table tr th:active:focus, .datepicker.dropdown-menu table tr th.highlighted {
    background-color: #e60026;
    border-color: #fafafa;
    color: #fff;
}

.datepicker.dropdown-menu table tr th.datepicker-switch {
    font-size: 12px;
    font-weight: bold;
    line-height: 2;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #fff;
    background-color: inherit;
    border-radius: 0;
    text-align: center;
    background-color: #e60026;
}

.datepicker.dropdown-menu table tr th.prev,
.datepicker.dropdown-menu table tr th.next {
    color: #fff;
    background-color: #e60026;
    border-radius: 0;
}

.datepicker.dropdown-menu table tr th.dow {
    padding: 2px 12px;
    font-size: 12px;
    line-height: 2;
    color: #e60026;
    background-color: #fff;
    border-bottom: 1px solid #fafafa;
    border-radius: 0;
    text-align: center;
}

.datepicker.dropdown-menu table tr td.day {
    width: 24px;
    border-right: 1px solid #ededed;
    text-align: center;
}

.datepicker.dropdown-menu table tr td.day:last-child {
    border-right-width: 0;
}

.datepicker.dropdown-menu table tr td.range {
    background-color: #e60026;
}

.datepicker.dropdown-menu .new,
.datepicker.dropdown-menu .old,
.datepicker.dropdown-menu .disabled,
.datepicker.dropdown-menu .disabled:hover {
    color: #f6f7fb;
}

.card-product {
    position: relative;
    margin-bottom: 30px;
    width: 100%;
    float: left;
}

.card-product .cp-slider-box {
    position: relative;
    margin-bottom: 10px;
    border-radius: 2px;
    overflow: hidden;
}

.card-product .cp-slider-box .cp-slider {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}

.card-product .cp-slider-box .cp-slider .cp-image {
    width: 100%;
    height: 180px;
    background-position: center;
}

.card-product .cp-slider-box .cp-slider .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.25s;
    background-color: rgba(230, 0, 38, 0);
    z-index: 999;
}

.card-product .cp-slider-box .cp-slider:hover .overlay {
    background-color: rgba(230, 0, 38, 0.3);
}

.card-product .cp-slider-box .card-thumbs {
    position: absolute;
    z-index: 99999;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    bottom: 0;
    display: inline-block;
}

.card-product .cp-slider-box .card-thumbs li.item {
    display: inline-block;
    background-color: red;
    height: 8px;
    width: 100%;
    float: left;
    background-color: #2f2e2e;
    border: solid 1px rgba(255, 255, 255, 0.25);
    transition: all 0.25s;
}

.card-product .cp-slider-box .card-thumbs li.item.cycle-pager-active {
    background-color: #e60026;
    border-color: #e60026;
}

.card-product h4, .card-product h4 {
    margin: 0;
}

.card-product .cp-product-size {
    position: absolute;
    bottom: 15px;
    left: 10px;
    color: #fff;
    font-size: 1.4em;
    z-index: 999;
}

.card-product .cp-favorite {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 2em;
    opacity: 0.5;
    transition: all 0.25s;
    z-index: 999;
}

.card-product .cp-favorite:hover {
    color: #e60026;
    opacity: 1;
    transform: scale(1.2);
}

.card-product .cp-favorite.active {
    color: #e60026;
    opacity: 1;
}

.card-product .cp-location h4 {
    color: #4a4444;
    font-weight: 500;
    font-size: 1.4em;
}

.card-product .cp-location h4 span {
    color: #e60026;
}

.card-product .cp-price-box {
    text-align: right;
}

.card-product .cp-price-box .cp-price-dollar {
    font-weight: 500;
    color: #e60026;
    margin-bottom: 5px;
}

.card-product .cp-price-box .cp-price-soles {
    color: #f6f7fb;
    font-weight: 500;
}

.card-product:hover .cp-slider-box a.overlay {
    background-color: rgba(230, 0, 38, 0.25);
}

.card-product .slider-tags {
    top: 0;
    left: 0;
    right: auto;
}

.card-product .slider-tags .item {
    width: 30px;
    line-height: 30px;
}

.card-product .slider-tags .item img {
    max-width: 18px;
    max-height: 20px;
}

.referencias {
    display: inline-block;
    float: none;
    width: 49%;
    vertical-align: top;
}

.card-referencia {
    background-color: #fff;
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}

.card-referencia .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
}

.card-referencia:hover {
    box-shadow: 0px 5px 19px -6px rgba(0, 0, 0, 0.15);
    transition: 0.25s;
}

.card-referencia:hover .icon-delete {
    opacity: 1;
    transform: scale(1);
}

.card-referencia .ref-tipo {
    background-color: #e60026;
    padding: 15px;
    color: #fff;
    text-align: center;
    font-size: 1.4em;
    font-weight: 700;
    position: relative;
    z-index: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-referencia .ref-tipo i {
    position: absolute;
    right: -8px;
    font-size: 2.1em;
    color: #e60026;
    top: 50%;
    margin-top: -10px;
}

.card-referencia .ref-inmueble {
    background-color: #2f2e2e;
    padding: 15px;
    color: #fff;
    text-align: center;
    font-size: 1.4em;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-referencia .card-body {
    padding: 20px;
}

.card-referencia .icon-delete {
    right: -15px;
    top: -15px;
    position: absolute;
    font-size: 1.7em;
    z-index: 2;
    opacity: 0;
    transform: scale(0);
    transition: all 0.25s;
}

.card-referencia .icon-delete i {
    width: 30px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    background-color: #e60026;
    color: #fff;
}

.card-referencia .icon-delete:hover {
    cursor: pointer;
}

.card-referencia .icon-inmueble {
    font-size: 17px;
    color: #e60026;
    margin-right: 10px;
}

.card-referencia .nombre_ref {
    font-weight: 700;
    font-size: 1.5em;
    color: #2f2e2e;
}

.card-referencia .casa_ref {
    display: inline-block;
    font-size: 1.6em;
    font-weight: 500;
    color: #e60026;
}

.card-referencia .text_ref {
    font-size: 1.4em;
    font-weight: 500;
    color: #e60026;
    margin-bottom: 10px;
}

.card-referencia .cant_ref {
    font-size: 1.6em;
    font-weight: 700;
    color: #2f2e2e;
    margin-bottom: 10px;
}

.card-referencia .cant_ref_soles {
    font-size: 1.4em;
    font-weight: 700;
    color: #f6f7fb;
    margin-bottom: 0px;
}

.cp-favorite {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 2em;
    opacity: 0.5;
    transition: all 0.25s;
    z-index: 999;
}

.cp-favorite:hover {
    color: #e60026;
    opacity: 1;
    transform: scale(1.2);
}

.cp-favorite.active {
    color: #e60026;
    opacity: 1;
}

.jnq-icons {
    font-family: 'jnq_icons';
    font-style: normal;
    display: inline-block;
    line-height: 1;
}

.styleguide-icons {
    text-align: center;
    margin-bottom: 45px;
}

.styleguide-icons .jnq-icons {
    font-size: 6em;
    color: #e60026;
    margin: 0 40px;
}

header.main-header {
    padding-top: 0px;
    padding-bottom: 0px;
    transition: all 0.45s;
    position: fixed;
    width: 100%;
    z-index: 9999999;
    top: 0px;
    left: 0;
    background-color: #fff;
}

header.main-header .container {
    max-width: 1280px;
}

header.main-header .logo {
    display: inline-block;
}

header.main-header .logo * {
    display: inline-block;
}

header.main-header .logo img {
    width: 223px;
    margin-bottom: -30px;
    position: relative;
    z-index: 999999999;
}

header.main-header.fixed-header {
    position: fixed;
    top: 0;
    background-color: #fff;
}

header.main-header .header-search-input-box {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 94.69px;
    display: none;
}

header.main-header .header-search-input-box .field-icon {
    left: 94px;
    line-height: 70px;
    height: 100%;
    background-color: transparent;
    width: 43px;
    color: #e60026;
    font-size: 1.4em;
}

header.main-header .header-search-input-box .form-field {
    height: 70px;
    padding: 0;
    padding-left: 52px;
    font-weight: 600;
    color: #4a4444;
    border: 0;
    line-height: 70px;
    background-color: #fff;
}

header.main-header .header-search-input-box.field-focus .field-icon {
    background-color: transparent;
}

header.main-header .header-search-input-box.field-focus .button {
    transform: none;
}

header.main-header .header-search-input-box .button {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
    height: 100%;
    transform: translateX(100%);
}

.header-search-overlay {
    z-index: 999999;
    opacity: 0.75;
    display: none;
    cursor: url(/assets/online/img/cursor-arrow-up.png) 35 35, auto;
}

body.header-search-open {
    overflow: hidden;
}

body.admin-front .top-header-box {
    top: 37px;
}

body.admin-front header.main-header {
    top: 73px;
}

body.admin-front header.main-header.fixed-header {
    top: 37px;
}

.home-page-class header.main-header ul.menu.menu-horizontal li a:hover {
    color: #4a4444;
}

.home-page-class header.main-header ul.menu.menu-horizontal li a:hover span {
    color: #e60026;
}

.online-view header.main-header {
    position: absolute;
    top: 36px;
    transition: all 0s;
}

.online-view header.main-header.fixed-header {
    position: fixed;
    top: 0;
}

ul.menu {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}

ul.menu li a {
    text-decoration: none;
    font-size: 1.4em;
}

ul.menu.menu-horizontal li {
    display: inline-block;
    float: left;
}

ul.menu.menu-horizontal li a {
    display: inline-block;
    padding: 21px 9px;
    transition: all 0.25s;
    color: #6f6765;
    font-weight: 700;
    font-size: 1.3em;
    border-bottom: solid 2px transparent;
}

ul.menu.menu-horizontal li a:hover {
    color: #4a4444;
}

ul.menu.menu-horizontal li a.menu-cta {
    background-color: #f6f7fb;
    color: #2f2e2e;
    margin-left: 10px;
    padding: 21px 18px;
    border-radius: 0;
}

ul.menu.menu-horizontal li a.menu-cta i {
    margin-right: 10px;
    transform: scale(1.4);
}

ul.menu.menu-horizontal li a.menu-cta:hover {
    color: #fff !important;
    background-color: #2f2e2e;
}

ul.menu.menu-horizontal li a.menu-search-btn {
    cursor: text;
}

ul.menu.menu-horizontal li a.menu-search-btn i {
    color: #4a4444;
    margin-right: 15px;
    transition: all 0.5s;
}

ul.menu.menu-horizontal li a.menu-search-btn:hover {
    margin-right: 20px;
}

ul.menu.menu-horizontal li a.menu-search-btn:hover i {
    margin-right: 20px;
}

ul.menu.menu-horizontal li.active a {
    color: #e60026;
    border-bottom-color: #e60026;
}

ul.menu.menu-horizontal li.active a:hover {
    color: #e60026;
}

ul.menu.menu-horizontal .submenu-box {
    position: relative;
}

ul.menu.menu-horizontal .submenu-box .submenu {
    position: absolute;
    background-color: #fff;
    padding: 0;
    right: -10px;
    top: 80px;
    border-radius: 2px;
    width: 180px;
    display: none;
}

ul.menu.menu-horizontal .submenu-box .submenu li {
    display: block;
    width: 100%;
    position: relative;
}

ul.menu.menu-horizontal .submenu-box .submenu li a {
    display: block;
    width: 100%;
    color: #6f6765;
    padding: 10px 15px;
    text-align: right;
}

ul.menu.menu-horizontal .submenu-box .submenu li a i {
    width: 20px;
    text-align: right;
    opacity: 0.25;
    transition: all 0.25s;
}

ul.menu.menu-horizontal .submenu-box .submenu li a .icon {
    margin-left: 5px;
    transition: all 0.25s;
}

ul.menu.menu-horizontal .submenu-box .submenu li a:hover .icon {
    margin-left: 10px;
}

ul.menu.menu-horizontal .submenu-box .submenu li a:hover i {
    width: 30px;
    color: #e60026;
    opacity: 1;
}

ul.menu.menu-horizontal .submenu-box .submenu .tri {
    position: absolute;
    top: -15px;
    right: 25px;
}

ul.menu.menu-horizontal .submenu-box .submenu .tri i {
    color: #fff;
    font-size: 2.4em;
}

ul.menu.menu-horizontal .lang-btn a {
    border-left: solid 1px rgba(246, 247, 251, 0.5);
    color: #e60026;
}

ul.menu.menu-horizontal .counter {
    background-color: #e60026;
    color: #fff;
    font-size: 10px;
    padding: 0px 4px;
    line-height: 20px;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    font-style: normal;
    position: absolute;
    top: 15px;
    right: 5px;
}

ul.menu.menu-horizontal .notifications-btn .button-user-action {
    background-color: transparent;
    border-radius: 0;
    border-left: solid 1px rgba(246, 247, 251, 0.5);
}

ul.menu.menu-horizontal .notifications-btn .button-user-action .icon {
    transform: scale(1.4);
}

ul.menu.menu-horizontal .messages-btn a {
    border-left: solid 1px rgba(246, 247, 251, 0.5);
    padding-left: 20px;
    padding-right: 20px;
}

ul.menu.menu-horizontal .messages-btn a .icon {
    transform: scale(1.4);
}

ul.menu.menu-horizontal .messages-btn a:hover {
    background-color: rgba(246, 247, 251, 0.5);
}

ul.menu.menu-horizontal .perfil-menu-box a {
    position: relative;
    padding-right: 60px;
}

ul.menu.menu-horizontal .perfil-menu-box .perfil {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 17px;
    background-color: #fafafa;
    background-image: url("/assets/online/img/profile.jpg");
}

ul.menu.menu-horizontal.menu-1 {
    position: absolute;
    left: 0;
    top: 0;
}

ul.menu.menu-horizontal.menu-2 {
    float: right;
}

ul.menu.menu-busqueda-type {
    margin-top: 7px;
}

ul.menu.menu-busqueda-type li a {
    padding: 6px 10px;
}

ul.menu.menu-busqueda-type li.active a {
    background-color: #e60026;
    color: #fff;
    border-radius: 2px;
}

ul.menu.menu-busqueda-type li.active a:hover {
    opacity: 0.9;
    color: #fff;
}

ul.menu.menu-vertical {
    width: 100%;
    margin-bottom: 15px;
}

ul.menu.menu-vertical li a {
    padding: 15px 0px;
    display: inline-block;
    color: #6f6765;
    width: 100%;
    border-bottom: solid 1px #f6f7fb;
}

ul.menu.menu-vertical li a i {
    color: #e60026;
    margin-right: 10px;
}

.js-main-page-container {
    transition: all 0.45s;
    left: 0;
}

body.menu-open {
    overflow: hidden;
}

body.menu-open .js-main-page-container {
    left: 290px;
}

body.menu-open header.main-header {
    left: 290px;
}

.menu-mobil-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(47, 46, 46, 0.8);
    z-index: 99999999;
    top: 0;
    display: none;
    cursor: url(/assets/online/img/cursor-close.png) 35 35, auto;
}

.menu-mobile-button {
    font-size: 1.8em;
    padding: 0px 20px;
    height: 100%;
    z-index: 99999999;
    color: #2f2e2e;
    border-right: solid 1px #f6f7fb;
    background-color: #f6f7fb;
    position: absolute;
    left: 0;
}

.menu-mobile-button i {
    line-height: 60px;
}

.menu-mobile-button:hover {
    color: #e60026;
}

.menu-mobile-button.search-mobile {
    left: initial;
    right: 0;
    display: none !important;
}

.menu-mobil-box {
    display: inline-block;
    position: fixed;
    z-index: 99999999;
    background-color: #fff;
    width: 85%;
    max-width: 290px;
    min-height: 100%;
    top: 0;
    left: -290px;
    transition: all 0.45s;
    height: 100%;
    overflow-y: auto;
}

.menu-mobil-box header {
    text-align: center;
    padding: 25px 0px;
    display: inline-block;
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

.menu-mobil-box header img {
    max-width: 100%;
    width: 200px;
}

.menu-mobil-box header img.logo {
    max-height: 55px;
}

.menu-mobil-box header h2 {
    color: #4a4444;
}

.menu-mobil-box header h2 small {
    color: #e60026;
}

.menu-mobil-box ul.menu {
    padding: 0;
    list-style: none;
    margin: 0;
    float: left;
    width: 100%;
}

.menu-mobil-box ul.menu h1 {
    color: #4a4444;
    padding: 20px 40px;
    margin: 0;
    font-size: 2.4em;
    border-top: solid 2px #fafafa;
}

.menu-mobil-box ul.menu li {
    display: block;
}

.menu-mobil-box ul.menu li:nth-child(1) a {
    transition: all 0.45s;
    transform: translateX(-100%);
}

.menu-mobil-box ul.menu li:nth-child(2) a {
    transition: all 0.45s;
    transform: translateX(-100%);
}

.menu-mobil-box ul.menu li:nth-child(3) a {
    transition: all 0.45s;
    transform: translateX(-100%);
}

.menu-mobil-box ul.menu li:nth-child(4) a {
    transition: all 0.45s;
    transform: translateX(-100%);
}

.menu-mobil-box ul.menu li:nth-child(5) a {
    transition: all 0.45s;
    transform: translateX(-100%);
}

.menu-mobil-box ul.menu li:nth-child(6) a {
    transition: all 0.45s;
    transform: translateX(-100%);
}

.menu-mobil-box ul.menu li:nth-child(7) a {
    transition: all 0.45s;
    transform: translateX(-100%);
}

.menu-mobil-box ul.menu li:nth-child(8) a {
    transition: all 0.45s;
    transform: translateX(-100%);
}

.menu-mobil-box ul.menu li:nth-child(9) a {
    transition: all 0.45s;
    transform: translateX(-100%);
}

.menu-mobil-box ul.menu li a {
    display: block;
    padding: 14px 50px;
    width: 100%;
    color: #6f6765;
    text-decoration: none;
    font-size: 1.6em;
    font-weight: 600;
    position: relative;
}

.menu-mobil-box ul.menu li a::before {
    content: '|';
    position: absolute;
    left: 0;
    top: 50%;
    background-color: #e60026;
    color: #e60026;
    overflow: hidden;
    height: 0px;
    transition: all 0.25s;
    transform: translateY(-50%);
}

.menu-mobil-box ul.menu li a:hover {
    color: #e60026;
    background-color: #f6f7fb;
}

.menu-mobil-box ul.menu li a:hover::before {
    height: 100%;
}

.menu-mobil-box ul.menu li a.cta {
    margin-bottom: 30px;
    background-color: #e60026;
    color: #fff;
}

.menu-mobil-box ul.menu li a.cta span {
    background-color: #e60026;
    color: #fff;
    width: 100%;
    border-radius: 100px;
    display: inline-block;
    padding: 15px;
    font-size: 14px;
    text-align: center;
    position: relative;
    font-weight: bold;
}

.menu-mobil-box ul.menu li a.cta span i {
    position: absolute;
    left: 20px;
    color: #fff;
    opacity: 1;
    top: 18px;
}

.menu-mobil-box ul.menu li a.logout {
    background-color: rgba(246, 247, 251, 0.2);
    text-align: left;
    color: #e60026;
}

.menu-mobil-box ul.menu li a i {
    width: 30px;
    color: #e60026;
}

.menu-mobil-box ul.menu li.submenu-box {
    border-left: solid 2px #e60026;
    border-bottom: solid 1px #f6f7fb;
}

.menu-mobil-box ul.menu li.submenu-box .submenu {
    padding-left: 0;
    background-color: #f6f7fb;
}

.menu-mobil-box ul.menu li.submenu-box .submenu li a {
    padding-left: 60px;
}

.menu-mobil-box ul.menu li.active a {
    color: #e60026;
    background-color: #f6f7fb;
}

.menu-mobil-box ul.menu li.active a:before {
    height: 100%;
}

.menu-mobil-box ul.menu.menu-secondary {
    border-top: solid 1px rgba(255, 255, 255, 0.1);
    opacity: 0;
    transition: all 1.5s;
}

.menu-mobil-box ul.menu.menu-secondary li a {
    font-size: 1.4em;
}

.menu-mobil-box ul.menu.menu-secondary li a:before {
    background-color: rgba(255, 255, 255, 0.2);
    width: 2px;
    color: transparent;
}

.menu-mobil-box ul.menu.menu-secondary li a:hover:before {
    height: 100%;
    width: 2px;
}

.menu-mobil-box.open {
    left: 0;
    transform: none;
}

.menu-mobil-box.open ul.menu li:nth-child(1) a {
    transition: all 0.15s;
    transform: none;
}

.menu-mobil-box.open ul.menu li:nth-child(2) a {
    transition: all 0.3s;
    transform: none;
}

.menu-mobil-box.open ul.menu li:nth-child(3) a {
    transition: all 0.45s;
    transform: none;
}

.menu-mobil-box.open ul.menu li:nth-child(4) a {
    transition: all 0.6s;
    transform: none;
}

.menu-mobil-box.open ul.menu li:nth-child(5) a {
    transition: all 0.75s;
    transform: none;
}

.menu-mobil-box.open ul.menu li:nth-child(6) a {
    transition: all 0.9s;
    transform: none;
}

.menu-mobil-box.open ul.menu li:nth-child(7) a {
    transition: all 1.05s;
    transform: none;
}

.menu-mobil-box.open ul.menu li:nth-child(8) a {
    transition: all 1.2s;
    transform: none;
}

.menu-mobil-box.open ul.menu li:nth-child(9) a {
    transition: all 1.35s;
    transform: none;
}

.menu-mobil-box.open ul.menu.menu-secondary {
    opacity: 1;
}

footer.main-footer {
    background-color: #2f2e2e;
    color: #6f6765;
    font-weight: 500;
    border-top: solid 2px #e60026;
    font-size: 14px;
}

footer.main-footer .title {
    margin-bottom: 40px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

footer.main-footer a:hover {
    color: #e60026;
    text-decoration: none;
}

footer.main-footer .container {
    max-width: 1280px;
    width: 100%;
    padding: 0;
}

footer.main-footer p {
    padding-top: 4px;
    font-size: 14px;
    padding: 0;
    margin-bottom: 0;
}

footer.main-footer .social-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer.main-footer .social-links li {
    display: inline-block;
    font-size: 2em;
    margin: 0px 30px;
    margin-left: 0;
}

footer.main-footer .social-links li a {
    color: #6f6765;
}

footer.main-footer .social-links li a:hover {
    color: #e60026;
}

footer.main-footer .footer-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer.main-footer .footer-list li {
    margin-bottom: 10px;
}

footer.main-footer .footer-list li a {
    display: inline-block;
    transition: all 0.25s;
    font-weight: 500;
}

footer.main-footer .footer-list li a:hover {
    padding-left: 10px;
}

footer.main-footer .footer-contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer.main-footer .footer-contact-list .icon {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 18px;
}

footer.main-footer .footer-contact-list li {
    position: relative;
    display: block;
    padding-left: 40px;
    margin-bottom: 20px;
}

footer.main-footer .logo-footer {
    max-width: 200px;
}

footer.main-footer .footer-rights a {
    color: #4a4444;
}

footer.main-footer .footer-rights a:hover {
    color: #e60026;
}

.custom-modal {
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 999999999999;
}

.custom-modal .button {
    margin: 0;
}

.custom-modal .modal-dialog {
    background-color: #fff;
    display: inline-block;
    margin: 0;
    position: relative;
    top: 50%;
    transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
}

.custom-modal .modal-dialog .modal-content {
    background-color: transparent;
    box-shadow: none;
    border: 0;
    position: static;
}

.custom-modal.in .modal-dialog {
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.custom-modal.user-dialogs .modal-dialog {
    width: 90%;
    max-width: 450px;
    padding: 50px;
    text-align: center;
}

.custom-modal.user-dialogs .modal-dialog .subtitle-section {
    margin-bottom: 10px;
}

.custom-modal.user-dialogs .modal-dialog .subtitle-section h3 {
    color: #2f2e2e;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    background-color: #fff;
    padding: 10px;
    font-size: 1.6em;
}

.custom-modal.user-dialogs .modal-dialog .subtitle-section hr {
    border-color: #fafafa;
}

.custom-modal.user-dialogs .modal-dialog .modal-footer {
    margin-top: 20px;
    padding: 0;
    border: 0;
    text-align: center;
}

.custom-modal.user-dialogs .modal-dialog .modal-footer h4 {
    font-size: 1.4em;
    margin-bottom: 0;
    color: #f6f7fb;
    margin-top: 10px;
}

.custom-modal.user-dialogs .modal-dialog .modal-footer h4 a {
    color: #e60026;
}

.custom-modal.user-dialogs .modal-dialog .section-group {
    margin-bottom: 30px;
}

.custom-modal.user-dialogs .modal-dialog .form-field-box.form-field-box-md {
    margin-bottom: 30px;
    margin-top: 20px;
}

.custom-modal.user-dialogs .modal-dialog .form-field-box.form-field-box-md:first-of-type {
    margin-top: 0;
}

.custom-modal.user-dialogs .modal-dialog .social-buttons .button {
    padding: 15px 45px;
    margin: 5px;
}

.custom-modal.user-dialogs .modal-dialog .social-buttons .button.button-fb {
    background-color: #38569C;
}

.custom-modal.user-dialogs .modal-dialog .social-buttons .button.button-google {
    background-color: #EB534A;
}

.custom-modal.user-dialogs .modal-close.x {
    position: absolute;
    top: 20px;
    right: 20px;
    display: inline-block;
    color: #fafafa;
}

.custom-modal.user-dialogs .modal-back {
    position: absolute;
    left: 20px;
    top: 20px;
    display: inline-block;
}

.custom-modal.user-dialogs .button-icon {
    color: #e60026;
    font-weight: bold;
}

.custom-modal.user-dialogs .button-icon:hover {
    color: #fff;
}

.custom-modal.user-dialogs .title-section {
    margin-bottom: 20px;
}

.custom-modal.user-dialogs .title-section h1 {
    font-family: "Lato";
    margin-bottom: 10px;
}

.custom-modal.user-dialogs .title-section p {
    color: #6f6765;
}

.custom-modal.user-dialogs .title-section a {
    font-weight: bold;
    color: #4a4444;
}

.custom-modal.user-dialogs .button {
    margin-bottom: 10px;
}

.custom-modal.user-dialogs .link {
    color: #e60026;
    font-size: 1.4em;
    font-weight: bold;
}

.modal-backdrop {
    z-index: 99999999;
    background-color: #2f2e2e;
}

.modal-backdrop.fade.in {
    opacity: 0.9;
}

.custom-modal.user-dialogs.forget-password-a .modal-dialog {
    padding: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

.custom-modal.user-dialogs.forget-password-a .modal-dialog .modal-content .title-section {
    margin-bottom: 0;
}

.custom-modal.user-dialogs.forget-password-a .modal-dialog .modal-content .title-section h2 {
    padding-top: 30px;
}

.custom-modal.user-dialogs.forget-password-b .modal-dialog {
    padding: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

.custom-modal.user-dialogs.forget-password-b .modal-dialog .modal-content .title-section {
    margin-bottom: 0;
}

.custom-modal.user-dialogs.forget-password-b .modal-dialog .modal-content .title-section h2 {
    padding-top: 30px;
}

.custom-modal.user-dialogs.reset-password-validate .modal-dialog {
    padding: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

.custom-modal.user-dialogs.reset-password-validate .modal-dialog .modal-content .title-section {
    margin-bottom: 0;
}

.custom-modal.user-dialogs.reset-password-validate .modal-dialog .modal-content .title-section h2 {
    padding-top: 30px;
}

.custom-modal.user-dialogs.reset-password-validate .modal-dialog .modal-content .title-section i.fa.fa-check {
    color: #e60026;
    font-size: 30px;
}

.modal .registro-step-1 {
    transition: opacity 0.5s;
}

.modal .registro-step-2 {
    transition: opacity 0.5s;
    opacity: 0;
}

.custom-modal.modal-mensajes .modal-dialog {
    padding: 40px;
}

.custom-modal.modal-mensajes .modal-dialog h1 {
    color: #e60026;
}

.custom-modal.modal-mensajes .modal-dialog h3 {
    color: #4a4444;
}

.modal.modal-gallery .modal-dialog {
    max-width: 800px;
    background-color: transparent;
}

.modal.modal-gallery .modal-dialog img.gallery-image {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 600px;
    min-width: 600px;
}

.modal.modal-gallery .modal-dialog .modal-close {
    position: absolute;
    right: -7px;
    top: -10px;
    padding: 3px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.25);
}

.modal.modal-gallery .modal-dialog .modal-close img {
    width: 25px;
}

.custom-modal.video-modal {
    height: 100vh;
    overflow: hidden;
}

.custom-modal.video-modal .modal-dialog {
    background-color: #222121;
    width: 100%;
}

.custom-modal.video-modal .modal-dialog iframe {
    width: 100%;
    height: 100vh;
    position: relative;
}

.custom-modal.video-modal .modal-dialog .loader {
    position: absolute;
    width: 50px;
    left: 50%;
    margin-left: -25px;
}

.custom-modal.video-modal .modal-close {
    position: absolute;
    width: 50px;
    line-height: 50px;
    border-radius: 50%;
    background-color: #e60026;
    color: #fff;
    top: 50px;
    right: 50px;
    font-size: 2.8em;
    cursor: pointer;
}

.flash-message {
    float: left;
    bottom: 0;
    width: 100%;
    background-color: #2f2e2e;
    padding: 15px 30px;
    position: relative;
    z-index: 99999;
    transition: all 0.5s;
}

.flash-message.fixed {
    position: fixed;
}

.flash-message.top {
    top: 0;
    bottom: inherit;
}

.flash-message.hidden-flash {
    bottom: -87px;
}

.flash-message h4 {
    color: #fff;
    font-weight: 700;
    margin: 0;
    display: inline-block;
}

.flash-message h4 span {
    font-weight: 300;
}

.flash-message h4 i {
    padding-left: 20px;
}

.flash-message a.close {
    position: absolute;
    right: 0;
    line-height: 10px;
    float: right;
    color: #f6f7fb;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    padding-right: 15px;
    top: 50%;
    margin-top: -10px;
}

.flash-message.success {
    background-color: #2f2e2e;
}

.flash-message.success h4 i {
    color: #00FF80;
}

.flash-message.error {
    background-color: #e60026;
}

.flash-message.error h4 i {
    display: none;
}

.alert {
    position: fixed;
    bottom: 0;
    margin: 0;
    z-index: 9999999;
    width: 100%;
    left: 0;
    border-radius: 0;
    text-align: center;
    font-size: 1.4em;
    border: 0;
    color: #fff;
    line-height: normal;
    padding-bottom: 12px;
}

.alert.alert-success {
    background-color: #3dbd78;
}

.alert.alert-danger {
    background-color: #e60026;
}

.alert button.close {
    line-height: normal;
    position: absolute;
    right: 15px;
    top: 8px;
}

.text-xs-left {
    text-align: left;
}

.text-xs-right {
    text-align: right;
}

.text-xs-center {
    text-align: center;
}

.text-xs-justify {
    text-align: justify;
}

@media (min-width: 768px) {
    .text-sm-left {
        text-align: left;
    }

    .text-sm-right {
        text-align: right;
    }

    .text-sm-center {
        text-align: center;
    }

    .text-sm-justify {
        text-align: justify;
    }
}

@media (min-width: 992px) {
    .text-md-left {
        text-align: left;
    }

    .text-md-right {
        text-align: right;
    }

    .text-md-center {
        text-align: center;
    }

    .text-md-justify {
        text-align: justify;
    }
}

@media (min-width: 1360px) {
    .text-lg-left {
        text-align: left;
    }

    .text-lg-right {
        text-align: right;
    }

    .text-lg-center {
        text-align: center;
    }

    .text-lg-justify {
        text-align: justify;
    }
}

@media (min-width: 1560px) {
    .text-xl-left {
        text-align: left;
    }

    .text-xl-right {
        text-align: right;
    }

    .text-xl-center {
        text-align: center;
    }

    .text-xl-justify {
        text-align: justify;
    }
}

.editable-container::before {
    content: "\f040";
    font: normal normal normal 14px/1 FontAwesome;
    width: 30px;
    line-height: 30px;
    background-color: #4a86e8;
    color: #fff;
    position: absolute;
    right: -15px;
    border-radius: 50%;
    top: -15px;
    z-index: 2;
    text-align: center;
    transform: scale(0);
    transition: all 0.25s;
}

.editable-container:hover::before {
    transform: scale(1);
}

.editable-box {
    border: dashed 1px #fafafa;
    transition: all 0.25s;
    padding: 20px;
    background-color: transparent;
    resize: none;
    box-shadow: none;
}

.editable-box:hover {
    border-color: #4a86e8;
    border-style: solid;
}

.editable-box.editable-box-dark {
    border-color: rgba(0, 0, 0, 0.25);
}

.editable-box.editable-box-dark:hover {
    border-color: #4a86e8;
}

.table-box {
    display: table;
}

.table-cell {
    display: table-cell;
    float: none;
    vertical-align: top;
}

.tabla {
    border-collapse: collapse;
}

.tabla .table-cell {
    padding: 10px;
    background-color: #fafafa;
    border: solid 1px;
    border-color: #ededed;
    vertical-align: middle;
}

.tabla .table-cell p {
    margin: 0;
}

.tabla.table-bg-dark .table-cell {
    background-color: transparent;
    border-color: #494747;
    border-width: 2px;
    margin-top: -2px;
}

.modal.custom-modal.modal-editar-front .modal-dialog {
    width: 90%;
    max-width: 1000px;
    border-radius: 4px;
}

.modal.custom-modal.modal-editar-front .modal-dialog hr {
    margin: 0;
}

.modal.custom-modal.modal-editar-front .modal-dialog .title-section {
    margin: 0;
}

.modal.custom-modal.modal-editar-front .modal-dialog .title-section .title {
    margin-bottom: 10px;
}

.modal.custom-modal.modal-editar-front .modal-dialog .title-section .subtitle {
    text-transform: none;
    margin: 0;
    font-weight: 400;
    font-size: 1.4em;
}

.modal.custom-modal.modal-editar-front .modal-dialog .footer-actions .button {
    padding: 10px 25px;
    font-size: 1.4em;
    font-weight: 500;
}

.modal.custom-modal.modal-editar-front .modal-dialog .content {
    padding-bottom: 20px;
    max-height: 600px;
    overflow-y: scroll;
}

.edit-slider-gallery-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.edit-slider-gallery-list li {
    display: inline-block;
    margin-left: -1px;
    margin-right: -1px;
    margin-bottom: 30px;
    cursor: move;
}

.edit-slider-gallery-list li .photo {
    height: 250px;
    transition: all 0.25s;
}

.edit-slider-gallery-list li .photo .button-eliminar {
    width: 30px;
    line-height: 30px;
    background-color: #e60026;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 1.4em;
    position: absolute;
    top: -15px;
    right: -15px;
    cursor: pointer;
}

.edit-slider-gallery-list li .photo.upload-photo {
    cursor: pointer;
}

.edit-slider-gallery-list li .photo.upload-photo .overlay {
    border: solid 1px #f6f7fb;
}

.edit-slider-gallery-list li .photo.upload-photo .overlay .icon {
    width: 120px;
    line-height: 120px;
    border-radius: 50%;
    background-color: #f6f7fb;
    color: #fff;
    font-size: 4em;
    opacity: 0.5;
    transition: all 0.25s;
}

.edit-slider-gallery-list li .photo.upload-photo:hover .overlay .icon {
    opacity: 1;
}

.edit-slider-gallery-list li .photo .overlay {
    border-radius: 2px;
    background-position: center;
}

.edit-slider-gallery-list li .photo:hover {
    transform: translateY(-5%) scale(1.01);
}

.admin-bar {
    position: fixed;
    top: 0;
    background-color: #4a4444;
    font-weight: 500;
    z-index: 999;
}

.admin-bar .button {
    border-radius: 0;
    padding: 10px 20px;
}

.admin-bar .button.button-secondary {
    background-color: #2f2c2c;
}

.admin-bar .button.button-primary {
    background-color: #e60026;
}

.admin-bar .texto-bienvenida {
    color: #fff;
    font-size: 1.3em;
    padding: 10px;
}

.card-a {
    margin-bottom: 10px;
    border-radius: 2px;
    overflow: hidden;
}

.card-a .image {
    min-height: 200px;
    background-position: center;
}

.card-a .content {
    padding: 20px 25px;
}

.card-a .content .title {
    margin-bottom: 15px;
    font-size: 1.6em;
}

.card-a .content .info {
    margin-bottom: 15px;
}

.card-a .content .info h5 {
    margin-bottom: 0;
    padding-left: 10px;
    font-size: 1.3em;
}

.card-a .content .info i {
    font-size: 1.6em;
}

.card-a .content .info .separador {
    margin-bottom: 0;
    padding-right: 10px;
    padding-left: 10px;
}

.card-a .content p {
    line-height: 18px;
    margin-bottom: 20px;
    font-size: 1.3em;
    color: #6f6765;
}

.card-a .content .action-buttons .button-icon {
    margin-left: 10px;
}

.card-b {
    margin-bottom: 30px;
    border-radius: 2px;
    overflow: hidden;
}

.card-b .image {
    min-height: 200px;
    background-position: center;
}

.card-b .content {
    padding: 18px;
}

.card-b .content .card-title {
    margin-bottom: 15px;
    font-size: 1.6em;
}

.card-b .content .info {
    margin-bottom: 20px;
}

.card-b .content .info h5 {
    margin-bottom: 0;
    padding-left: 10px;
    font-size: 1.3em;
}

.card-b .content .info i {
    font-size: 16px;
}

.card-b .content .info .separador {
    margin-bottom: 0;
    padding-right: 10px;
    padding-left: 10px;
}

.card-b .content .categories {
    font-size: 1.3em;
}

.card-b .content p {
    line-height: 18px;
    margin-bottom: 20px;
}

.card-b .content .action-buttons .postular {
    padding: 5px 35px;
}

.card-b .content .action-buttons .button-icon {
    margin-left: 10px;
}

.card-c {
    max-width: 850px;
    margin-bottom: 15px;
    border-radius: 2px;
    overflow: hidden;
}

.card-c .image {
    min-height: 200px;
}

.card-c .image .favorite i {
    display: inline-block;
    z-index: 999;
    color: #fff;
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 1.5em;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
}

.card-c .image .favorite :hover {
    color: #fff;
    background-color: #e60026;
    /* IE 9 */
    /* Safari */
    transform: scale(1.2);
    /* Standard syntax */
    transition: all 0.2s;
}

.card-c .image .favorite :hover i {
    /* IE 9 */
    /* Safari */
    transform: scale(1.2);
    /* Standard syntax */
}

.card-c .image .favorite.active i {
    background-color: #e60026;
}

.card-c .content {
    padding: 20px;
}

.card-c .content .header {
    margin-bottom: 10px;
}

.card-c .content .header .header-info-1 .title {
    margin-bottom: 10px;
    font-size: 1.4em;
}

.card-c .content .header .header-info-1 .title h5 {
    margin-bottom: 0;
}

.card-c .content .header .header-info-1 .subtitle-info h6 {
    margin-bottom: 0;
}

.card-c .content .header .header-info-1 .subtitle-info .separador {
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.card-c .content .header .header-info-2 {
    text-align: right;
}

.card-c .content .header .header-info-2 .social-button {
    display: inline-block;
    margin-left: 8px;
    color: #fff;
    background-color: #e60026;
    border-radius: 100%;
    font-size: 1.4em;
    width: 30px;
    line-height: 30px;
    text-align: center;
}

.card-c .content .header .header-info-2 .social-button:hover {
    opacity: 0.9;
}

.card-c p {
    line-height: 18px;
    margin-bottom: 20px;
    font-size: 1.3em;
}

.card-c .contact-info {
    margin-bottom: 20px;
}

.card-c .contact-info i {
    font-size: 1.4em;
    color: #e60026;
    margin-right: 10px;
}

.card-c .contact-info h5 {
    font-size: 1.3em;
    margin-bottom: 0;
}

.card-c .contact-info .separador {
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.card-c .action-buttons .button-icon {
    margin-left: 10px;
}

.pregunta-frecuente-card {
    margin-bottom: 50px;
}

.pregunta-frecuente-card i {
    font-size: 20px;
    position: absolute;
    top: 0;
    left: 0;
}

.pregunta-frecuente-card .info {
    padding-left: 45px;
}

.pregunta-frecuente-card .info h5 {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
}

.pregunta-frecuente-card .info p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
}

.ui-widget.ui-widget-content {
    background-color: #fff;
    color: #4a4444;
    font-size: 1.2em;
    width: auto;
    padding: 0px;
    border: solid 2px #2f2e2e;
    border-top: 0px;
    border: 0px;
    box-shadow: 0px 50px 100px rgba(0, 0, 0, 0.2);
    font-family: "Lato";
}

.ui-widget.ui-widget-content .ui-state-default {
    font-size: 1.4em;
    background-color: transparent;
    border: 0px;
    color: #4a4444;
    padding: 15px;
    text-align: center;
    border-radius: 50%;
}

.ui-widget.ui-widget-content .ui-state-default.ui-state-active {
    background-color: #e60026;
    color: #fff;
}

.ui-widget.ui-widget-content .ui-state-default:hover {
    color: #e60026;
    background-color: #fafafa;
}

.ui-widget.ui-widget-content .ui-datepicker-header {
    border: 0px;
    border-radius: 0px;
    padding: 10px;
    background-color: #e60026;
}

.ui-widget.ui-widget-content table {
    margin: 0;
}

.ui-widget.ui-widget-content table th {
    text-align: center;
    color: #fff;
    background-color: #e60026;
    padding: 10px;
}

.ui-widget.ui-widget-content table td {
    padding: 0;
}

.ui-widget.ui-widget-content .ui-datepicker-next, .ui-widget.ui-widget-content .ui-datepicker-prev {
    visibility: hidden;
}

.ui-datepicker .ui-datepicker-title select {
    border: 0px;
    -webkit-appearance: none;
    padding: 5px 15px;
    border-radius: 50px;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.28);
}

.ui-datepicker .ui-datepicker-title select option {
    color: #6f6765;
}

.checkbox-causa {
    text-align: center;
    display: inline-block;
    margin: 20px;
    cursor: pointer;
}

.checkbox-causa input {
    display: none;
}

.checkbox-causa input:checked + label i {
    background-color: #2f2e2e;
    border-color: #2f2e2e;
    color: #fff;
}

.checkbox-causa input:checked + label span {
    color: #2f2e2e;
}

.checkbox-causa i {
    width: 80px;
    line-height: 80px;
    border-radius: 50%;
    border: solid 1px #f6f7fb;
    font-size: 3.6em;
    color: #4a4444;
    text-align: center;
    transition: all 0.25s;
    margin-bottom: 10px;
    cursor: pointer;
}

.checkbox-causa i:hover {
    background-color: #f6f7fb;
}

.checkbox-causa span {
    display: block;
    transition: all 0.25s;
    font-size: 1.4em;
    color: #6f6765;
    font-weight: 500;
}

.tabs-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}

.tabs-menu li {
    display: inline-block;
    float: left;
}

.tabs-menu li .link {
    display: inline-block;
    font-size: 1.4em;
    font-weight: 500;
    padding: 15px 0px;
    margin: 0;
    margin-right: 30px;
    color: #6f6765;
    text-decoration: none;
    cursor: pointer;
    border-bottom: solid 4px transparent;
    transition: all 0.25s;
}

.tabs-menu li .link span {
    color: #4a4444;
}

.tabs-menu li .link:hover {
    border-bottom: solid 4px #e60026;
    color: #e60026;
}

.tabs-menu li.active a {
    border-bottom: solid 4px #e60026;
    color: #e60026;
}

.tabs-menu li .checkbox {
    display: none;
}

.tabs-menu li .checkbox:checked + .link {
    border-bottom-color: #e60026;
    color: #e60026;
}

.ios-checkbox {
    display: inline-block;
}

.ios-checkbox label {
    cursor: pointer;
}

.ios-checkbox i {
    width: 25px;
    height: 15px;
    border-radius: 15px;
    background-color: #f6f7fb;
    display: inline-block;
    position: relative;
    margin-right: 10px;
    transition: all 0.15s;
}

.ios-checkbox i .circle {
    width: 15px;
    height: 15px;
    background-color: #fff;
    position: absolute;
    left: 0;
    border: solid 1px #f6f7fb;
    border-radius: 50%;
    transition: all 0.15s;
}

.ios-checkbox .text {
    font-size: 1.8em;
    vertical-align: bottom;
    color: #6f6765;
}

.ios-checkbox input {
    display: none;
}

.ios-checkbox input:checked + label i {
    background-color: #77d118;
}

.ios-checkbox input:checked + label i .circle {
    left: 15px;
    border-color: #77d118;
}

.ios-checkbox input:checked + label .text {
    color: #2f2e2e;
}

.circle {
    transition: all 0.5s;
}

.p_fadeout {
    opacity: 0;
}

.p_fadein {
    opacity: 1;
}

.button-user-action {
    border-radius: 2px;
    background-color: #4a4444;
    color: #fff;
    padding: 15px 15px;
}

.button-user-action:hover {
    color: #fff;
    background-color: #575050;
}

.button-user-action .button-user-option-box {
    display: inline-block;
}

.button-user-action .button-user-text {
    display: none;
}

.button-user-action .action-option-field {
    display: none;
}

.button-user-action .action-option-field:checked + .button-user-text {
    display: inline-block;
}

.submenu-user-actions-box {
    position: relative;
    display: inline-block;
}

.submenu-user-actions {
    position: absolute;
    list-style: none;
    padding: 0;
    margin: 0;
    border: solid 1px #f6f7fb;
    background-color: #fff;
    z-index: 4;
    margin-top: 10px;
    right: 0;
    display: none;
    top: 100%;
}

.submenu-user-actions:before {
    content: "\f0d8";
    color: #fff;
    text-shadow: 0px -2px 0px #f6f7fb;
    position: absolute;
    font-family: 'FontAwesome';
    right: 10px;
    top: -9px;
    font-size: 28px;
    line-height: 10px;
}

.submenu-user-actions li {
    display: inline-block;
    width: 100%;
    border-bottom: solid 1px #f6f7fb;
    position: relative;
    z-index: 2;
}

.submenu-user-actions .submenu-user-option {
    padding: 10px;
    display: inline-block;
    width: 100%;
    font-size: 1.2em;
    color: #6f6765;
    cursor: pointer;
    margin: 0;
}

.submenu-user-actions .submenu-user-option .action-icon {
    margin-right: 10px;
}

.submenu-user-actions .submenu-user-option:hover {
    color: #4a4444;
    text-decoration: none;
}

.submenu-user-actions .action-option-field {
    display: none;
}

.submenu-user-actions .action-option-field:checked + .submenu-user-option {
    background-color: #f6f7fb;
    color: #4a4444;
}

.submenu-user-actions .submenu-header {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.submenu-user-actions .submenu-header .title {
    font-size: 1.4em;
    font-weight: bold;
}

.submenu-user-actions .submenu-header a.link {
    padding: 0;
    color: #fff !important;
    text-decoration: underline;
}

.submenu-notifications-box .notification-list-content {
    padding: 0;
    margin: 0;
    float: left;
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #fff;
}

.submenu-notifications-box .submenu-user-actions {
    border: 0px;
    background-color: transparent;
}

.submenu-notifications-box .submenu-user-actions:before {
    color: #e60026;
    text-shadow: none;
}

.submenu-notifications-box .single-notification {
    font-size: 10px;
}

.submenu-notifications-box .single-notification a.submenu-user-option {
    font-size: 10px;
    padding: 10px;
    padding-left: 70px;
    padding-right: 60px;
    min-height: 74px;
    background-color: #fff;
}

.submenu-notifications-box .single-notification a.submenu-user-option:hover {
    background-color: #f6f7fb;
}

.submenu-notifications-box .single-notification .photo {
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 50%;
    background-color: #fafafa;
    position: absolute;
    left: 10px;
}

.submenu-notifications-box .single-notification .name {
    font-size: 14px;
    font-weight: 600;
    color: #4a4444;
    width: 100%;
    margin: 0;
    display: inline-block;
}

.submenu-notifications-box .single-notification .text {
    font-size: 12px;
    font-weight: 600;
    color: #6f6765;
    width: 100%;
}

.submenu-notifications-box .single-notification .time {
    position: absolute;
    right: 15px;
    top: 30px;
    color: #4a4444;
}

.submenu-notifications-box .single-notification.view-all .submenu-user-option {
    padding: 10px;
    font-size: 14px;
    min-height: 0;
}

.submenu-notifications-box .single-notification.view-all .submenu-user-option:hover {
    background-color: #fff;
}

.submenu-notifications-box .empty-notifications .submenu-user-option {
    cursor: auto;
    background-color: #fff;
}

.submenu-notifications-chat-box .notification-list-content {
    padding: 0;
    margin: 0;
    float: left;
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #fff;
}

.submenu-notifications-chat-box .submenu-user-actions {
    border: 0px;
    background-color: transparent;
}

.submenu-notifications-chat-box .submenu-user-actions:before {
    color: #e60026;
    text-shadow: none;
}

.submenu-notifications-chat-box .single-notification {
    font-size: 10px;
}

.submenu-notifications-chat-box .single-notification a.submenu-user-option {
    font-size: 10px;
    padding: 10px;
    padding-left: 70px;
    padding-right: 60px;
    min-height: 74px;
    background-color: #fff;
}

.submenu-notifications-chat-box .single-notification a.submenu-user-option:hover {
    background-color: #f6f7fb;
}

.submenu-notifications-chat-box .single-notification .photo {
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 50%;
    background-color: #fafafa;
    position: absolute;
    left: 10px;
}

.submenu-notifications-chat-box .single-notification .name {
    font-size: 14px;
    font-weight: 600;
    color: #4a4444;
    width: 100%;
    margin: 0;
    display: inline-block;
}

.submenu-notifications-chat-box .single-notification .text {
    font-size: 12px;
    font-weight: 600;
    color: #6f6765;
    width: 100%;
}

.submenu-notifications-chat-box .single-notification .time {
    position: absolute;
    right: 15px;
    top: 30px;
    color: #4a4444;
}

.submenu-notifications-chat-box .single-notification.view-all .submenu-user-option {
    padding: 10px;
    font-size: 14px;
    min-height: 0;
}

.submenu-notifications-chat-box .single-notification.view-all .submenu-user-option:hover {
    background-color: #fff;
}

.submenu-notifications-chat-box .empty-notifications .submenu-user-option {
    cursor: auto;
    background-color: #fff;
}

body::-webkit-scrollbar {
    width: 6px;
    border-radius: 6px;
}

body::-webkit-scrollbar-track {
    background-color: #2f2e2e;
}

body::-webkit-scrollbar-thumb {
    background-color: #e60026;
}

::-webkit-scrollbar {
    width: 6px;
    border-radius: 6px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #e60026;
}

.owl-theme .owl-nav [class*=owl-] {
    background-color: #D6D6D6;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: #e60026;
}

.ms-options-wrap button {
    padding: 10px;
    line-height: 20px;
    font-size: 1.4em;
    font-family: "Lato";
    border: 0px;
    color: #4a4444;
}

.ms-options-wrap button:focus {
    padding: 10px;
    line-height: 20px;
    font-size: 1.4em;
    border: 0px;
    color: #4a4444;
}

.ms-options-wrap button::after {
    right: 20px;
    display: none;
}

.ms-options-wrap .ms-options {
    border: 0px;
}

.ms-options-wrap .ms-options .ms-search input {
    padding: 10px;
    font-size: 1.4em;
    line-height: 20px;
    color: #4a4444;
    border: 0;
    border-bottom: solid 1px #f6f7fb;
}

.ms-options-wrap .ms-options ul li.ms-reflow label {
    text-align: left;
    padding: 10px;
    line-height: 20px;
    font-size: 1.4em;
    color: #4a4444;
    border: 0px;
    margin: 0;
}

.ms-options-wrap .ms-options ul li.ms-reflow label input {
    display: none;
}

.ms-options-wrap .ms-options ul li.ms-reflow.selected label {
    background-color: #e60026;
    color: #fff;
}

.chat-box-main-container {
    position: fixed;
    position: fixed;
    bottom: 0;
    right: 5px;
    z-index: 9999;
    transition: all 0.45s;
    pointer-events: none;
}

.chat-options-btn {
    position: absolute;
    top: 10px;
    right: 13px;
    color: #fff;
    font-size: 1.4em;
    z-index: 4;
    opacity: 1;
}

.chat-options-btn .ios-checkbox i {
    margin: 0;
    background-color: rgba(74, 68, 68, 0.5);
}

.chat-options-btn .ios-checkbox i .circle {
    border-color: transparent;
}

.chat-options-btn.chatbox-close {
    opacity: 0.5;
}

.chat-options-btn.chatbox-close:hover {
    opacity: 1;
    color: #fff;
}

.chat-box {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
    position: relative;
    width: 280px;
    pointer-events: auto;
}

.chat-box.chat-active .chat-box-header {
    background-color: #e60026;
}

.chat-box.chat-active .chat-box-header:hover {
    background-color: #e60026;
}

.chat-box .chat-box-header {
    background-color: #4a4444;
    position: relative;
    color: #fff;
    display: inline-block;
    padding: 10px 15px;
    width: 100%;
    font-size: 1.4em;
    font-weight: 600;
    border-radius: 4px 4px 0px 0px;
    z-index: 3;
}

.chat-box .chat-box-header .chat-icon {
    margin-right: 5px;
}

.chat-box .chat-box-header label {
    margin: 0;
}

.chat-box .chat-box-header:hover {
    text-decoration: none;
    background-color: #575050;
}

.chat-box .chat-box-content {
    background-color: white;
    width: 100%;
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-left: solid 1px #f6f7fb;
    border-right: solid 1px #f6f7fb;
    position: static;
}

.chat-box .chat-box-content.chat-box-content-messages {
    padding-bottom: 50px;
}

.chat-box .chat-text-field {
    position: absolute;
    bottom: 0;
    margin: 0;
    z-index: 2;
}

.chat-box .chat-text-field .form-field {
    border: 0px;
    border-top: solid 1px #fafafa;
    background-color: #fff;
    resize: none;
    max-height: 100px;
    overflow-y: scroll !important;
    border-radius: 0;
    padding: 5px 10px;
    min-height: 35px;
    float: left;
}

.chat-box .chat-messages {
    list-style: none;
    padding: 0;
    margin: 0;
    position: static;
    z-index: 1;
    padding-bottom: 10px;
}

.chat-box .chat-messages .chat-single-message {
    padding: 10px;
    padding-bottom: 0px;
    display: inline-block;
    width: 100%;
}

.chat-box .chat-messages .chat-single-message .text {
    background-color: #f6f7fb;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 1.4em;
    border-top-left-radius: 0;
    max-width: 85%;
}

.chat-box .chat-messages .chat-single-message.user-message {
    text-align: right;
}

.chat-box .chat-messages .chat-single-message.user-message .text {
    background-color: #4a4444;
    color: #fff;
    border-radius: 20px;
    border-top-right-radius: 0;
}

.chat-box .chat-messages .chat-message-date {
    text-align: center;
    color: #6f6765;
    border-bottom: solid 1px #f6f7fb;
    height: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.chat-box .chat-messages .chat-message-date .date {
    padding: 0px 10px;
    background-color: #fff;
}

.chat-box.chat-box-group {
    width: auto;
}

.chat-box-single {
    margin-right: -280px;
    opacity: 0;
    transition: all 0.25s;
}

.chat-box-single.chat-box-open {
    margin-right: 5px;
    opacity: 1;
}

body.menu-open .chat-box-main-container {
    right: -290px;
}

.chat-list-box .chat-box-header {
    background-color: #e60026;
}

.chat-list-box .chat-box-header:hover {
    background-color: #e60026;
}

.chat-box-content.chat-list-users {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: white;
    float: left;
    border-left: solid 1px #f6f7fb;
    border-right: solid 1px #f6f7fb;
    height: 350px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.chat-box-content.chat-list-users .chat-single-user {
    padding: 10px;
    position: relative;
    font-size: 1.4em;
    width: 100%;
    float: left;
    cursor: pointer;
}

.chat-box-content.chat-list-users .chat-single-user:before {
    content: '|';
    position: absolute;
    left: 0;
    top: 50%;
    height: 0%;
    background-color: #e60026;
    width: 2px;
    color: transparent;
    transform: translateY(-50%);
    transition: all 0.25s;
}

.chat-box-content.chat-list-users .chat-single-user:hover {
    background-color: #f6f7fb;
}

.chat-box-content.chat-list-users .chat-single-user:hover:before {
    height: 100%;
}

.chat-box-content.chat-list-users .chat-single-user .photo {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #2f2e2e;
    border-radius: 50%;
    margin-right: 8px;
}

.chat-box-content.chat-list-users .chat-single-user .name {
    margin-top: 5px;
    color: #6f6765;
}

.chat-box-content.chat-list-users .chat-single-user .status {
    display: inline-block;
    position: absolute;
    top: 23px;
    right: 15px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fafafa;
}

.chat-box-content.chat-list-users .chat-single-user .status.online {
    background-color: #77d118;
}

.js-chat-single-container {
    display: inline-block;
    pointer-events: none;
}

.chat-box.chat-box-group .chat-list-users {
    width: 280px;
    height: auto;
    position: absolute;
    bottom: 50px;
    right: 0;
    display: none;
}

.fancybox-slide--image {
    cursor: pointer;
}

/*# sourceMappingURL=styles.css.map */

.custom-modal {
    z-index: 999999999 !important;
}

#rc-imageselect {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.g-recaptcha > div > div {
    margin: 4px auto !important;
    text-align: center;
    width: auto !important;
    height: auto !important;
}

.k2-recaptcha-v2{
    margin: 0 !important;
    margin-top: 15px !important;
}
.g-recaptcha > div,
.k2-recaptcha-v2 > div {
    width: 100% !important;
}

.g-recaptcha > div > div,
.k2-recaptcha-v2 > div > div {
    margin: 4px auto !important;
    /*text-align: center;*/
    width: auto !important;
    height: auto !important;
}

.g-recaptcha iframe,
.k2-recaptcha-v2 iframe {
    transform: scale(0.85);
    -webkit-transform: scale(0.85);
    transform-origin: left top;
    -webkit-transform-origin: left top;
}
#rc-imageselect {
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}

/*-- Pantallas superiores a 480px --*/
@media(min-width: 480px){
    #rc-imageselect {
        transform: none;
        -webkit-transform: none;
    }

    .g-recaptcha iframe,
    .k2-recaptcha-v2 iframe{
        max-width: none;
        transform: none;
        -webkit-transform: none;
    }
}