.body_container {
    opacity: 0
}
.content{
    min-height: 100vh;
}
.footer, footer{
    margin-top: auto;
}

/* BUTTON */
.btn:not([disabled]):not(.disabled) {
    cursor: pointer;
}

.btn-loading {
    position: relative;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    max-width: 100%;
    flex-wrap: inherit;
    width: inherit;
    vertical-align: bottom;
}

.input-group > *:not(:last-child), .input-group > *:not(:last-child) > *, .input-group > *:not(:last-child) .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > *:not(:first-child), .input-group > *:not(:first-child) > *, .input-group > *:not(:first-child) .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > .form-control + .input-group-text, .input-group > .input-group-text + .form-control, .input-group > .form-control + .invalid-tooltip, .input-group > .invalid-tooltip + .form-control, .input-group > .invalid-tooltip + .input-group-text, .input-group > .input-group-text + .invalid-tooltip {
    margin-left: -1px;
}

/*.input-group .btn, .input-group .input-group-text {
    border-color: #c4e4eb;
    background-color: #e9ecef;
    color: #6c757d;
}*/

/* BORDER */
.border-transparent {
    border-color: transparent !important;
}

.border-info {
    border-color: #c4e4eb !important;
}

/* LOGIN */
.login {
    background: url('/_twig/public/img/fondo_admin.jpg');
    background-size: cover;
    height: 100vh;
    /*position: fixed;
    height: 100%;
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -100;*/
    overflow-x: hidden;
}

/* TABLE */
.table {
    color: #6b6b6b;
}

.table-hover tbody tr:hover {
    color: #6b6b6b;
}

.table-wysiwyg, .table-wysiwyg td, .table-wysiwyg th {
    border: none;
    color: initial;
}

/* FORM */
form {
    display: contents;
}

.form-group {
    margin-bottom: 1rem !important;
    position: relative;
}

.col-form-label-sm, .col-form-label-lg {
    padding: 0px;
    font-size: .7rem;
}

.invalid-tooltip {
    font-size: .6rem;
    min-width: max-content;
    padding: 2px 10px;
    border-radius: .2rem !important;
    color: #ffffff;
    margin: 1px 0 0 0 !important;
    /*top: auto;*/
}

.invalid-tooltip .list-unstyled {
    margin: 0;
    z-index: 1000;
}

.form-control-label {
    font-size: .8rem;
    color: #17a2b8;
    vertical-align: middle;
    margin-bottom: 0px;
    /*min-height: 22px;*/
}

.form-control {
    background-color: #fdfdfd;
    color: #6f6f6f !important;
    border: 1px solid #c4e4eb;
}

.form-control:not(.form-control-lg):not(.form-control-sm) {
    height: auto;
    min-height: 38px;
    font-size: 14px;
    line-height: 1.75;
    padding: .375rem .5rem;
}

.form-control:focus {
    color: #dc3545 !important;
    background-color: #fff;
    outline: 0;
    box-shadow: none;
}

.btn {
    min-height: 38px;
}

.form-control-sm {
    min-height: 30px;
}




select.form-control:not([size]):not([multiple]) {
    height: auto;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    width: initial;
    z-index: auto;
    padding-right: 15px !important;
    line-height: 1.75 !important;
}

.select2-results__option {
    font-size: 14px;
    min-height: 35px;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #cecece;
}

.select2-dropdown {
    z-index: 1101 !important;
    min-width: max-content !important;
    margin-top: -1px;
    background: #f8f9fa;
    border-top: 1px solid #c4e4eb !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    position: absolute;
    right: 0;
    padding: 4px 12px;
    margin-top: 0 !important;
    margin-right: 0 !important;
}

.select2-container--default .select2-selection--multiple.form-control{
    padding: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-right: 30px !important;
    vertical-align: -webkit-baseline-middle;
    vertical-align: middle;
}

.select2-container .select2-search--inline {
    float: none !important;
}

.select2 .table {
    border: none;
    min-height: 0 !important;
}

.select2 .table ul.select2-selection__rendered {
    padding: 0 !important;
    margin: 0 !important;
    display: block;
}

.select2 .table ul.select2-selection__rendered li {
    display: flex;
    float: none;
    margin: 0;
    position: relative;
    display: block;
    padding: .375rem .45rem;
    background-color: #fff;
    border-top: 1px solid #c4e4eb;
    border-radius: 0;
    font-size: 14px;
    min-height: 35px;
}

.select2 .select2-selection:not(.table) .select2-search--inline .select2-search {
    display: none;
}

.select2 .table ul.select2-selection__rendered li:nth-child(2) {
    border-top: none;
}

.select2 .table ul.select2-selection__rendered li:last-child {
    background-color: #f7f7f7;
    padding: .25rem;
    /*height: 40px;*/
}

.select2 .table ul.select2-selection__rendered .select2-search--inline .select2-search__field {
    margin: 0;
    color: rgb(111, 111, 111);
    padding: 6px;
    min-width: 3rem;
}

.select2 .table ul.select2-selection__rendered li .select2-selection__choice__remove {
    position: absolute;
    right: 0px;
    top: 2px;
    margin: 0;
    font-size: 22px;
    padding: 3px;
    display: flex;
    color: #dc3545;
}

.select2.select2-container--open .table ul.select2-selection__rendered li.select2-search.select2-search--inline a {
    display: none;
}

/*.select2 .table ul.select2-selection__rendered li.select2-search.select2-search--inline:before {
    content: "\f067";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #28a745;
    margin-right: 10px;

    padding: 6.2px 7.5px;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
    min-height: auto;
}*/
.select2-container {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

.select2.select2-container--open .table ul.select2-selection__rendered li.select2-search.select2-search--inline:before {
    display: none;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #92c7ee !important;
    color: white;
    box-shadow: inset 0px 0 6px #8c8c8c;
}

.select2.select2-container--default .select2-selection--multiple:not(.table) .select2-selection__choice {
    background-color: #92c7ee !important;
    color: white;
    margin-right: 5px;
    margin-top: 3px;
    margin-bottom: 2px;
    padding: 1px 8px 4px 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 5px !important;
}

.select2-results .padre {
    background-color: #e2e2e2;
    color: #6b6b6b;
}

.select2-results .hijo {
    background-color: #fff8e2;
    color: #6b6b6b;
    padding-left: 1rem;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #55a7ff !important;
    color: white;
    box-shadow: 0px 0 6px #8c8c8c;
}


.custom-file {
    height: auto;
}

.custom-file-label::after {
    content: "Buscar";
    height: auto;
}

.custom-file-label {
    line-height: 1.75;
}

.custom-file-input {
    cursor: pointer;
}

.help_text {
    margin-top: 2px;
    font-size: 11px;
    color: #868686;
}

.page-header .form-control:focus {
    width: inherit !important;
}

/*
.custom-file {height: auto;}
.custom-file label {margin: 0;}
.custom-file-label::after {
    height: auto;
    content: 'Buscar';
}
.custom-file-input {height: 35px;}*/
.form-control::placeholder, .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #d4d4d4 !important;
}

/*
.uploadFile input, .uploadImage input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
    width: 100%;
    height: 100%;
}
::-webkit-file-upload-button { cursor: pointer; }*/
.not_input {
    border: 0;
    background: transparent;
}

.custom-switch .custom-control-label {
    cursor: pointer;
}

.custom-control {
    vertical-align: middle;
}

/* DATEPICKER */
.bootstrap-datetimepicker-widget.dropdown-menu {
    max-width: none !important;
}


/* BACKGROUND*/
.bg-shadow-dark {
    background-color: rgba(49, 49, 49, 0.6) !important;
    z-index: unset !important;
}

.bg-shadow-light {
    background-color: rgba(255, 255, 255, 0.3) !important;
    z-index: unset !important;
}

.bg-none {
    background-color: transparent !important;
}

.bg-shadow-circle {
    z-index: unset !important;
    background: radial-gradient(ellipse at center, rgba(254, 254, 254, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.bg-primary-light {
    background-color: #a6cffb
}

.bg-secondary-light {
    background-color: #babcbd
}

.bg-success-light {
    background-color: #a7e4b5
}

.bg-danger-light {
    background-color: #ffb0b8
}

.bg-warning-light {
    background-color: #ffedb7
}

.bg-info-light {
    background-color: #aff4ff
}

.bg-black{
    background-color: #000000
}

/* BADGE */


/* thumbnail */
.thumbnail {
    display: inline-block;
    position: relative;
}

.thumbnail .delete {
    bottom: 5px;
    position: absolute;
    right: 5px;
    display: none;
}

.thumbnail:hover > .delete {
    display: block;
}

/* WYSIWYG */
.note-editor.note-frame {
    padding: 0 !important;
}

.note-popover.popover.in {
    display: none;
    margin-top: 8px;
}

.note-editor .note-btn {
    border-color: #e6e6e6;
}

.note-editor p:last-child {
    margin-bottom: 0;
}


/*
.input-group-addon > *:not(svg) { padding: .375rem .75rem; width: auto; margin: -.375rem -.75rem; }
legend {
    border-bottom: 1px solid #c4e4eb;
    font-size: 1rem;
    font-weight: 500;
}*/
button, input, optgroup, select, textarea {
    font-family: inherit;
}


/* LINK */
.href, [href], [data-href], button {
    cursor: pointer;
}

a:hover {
    text-decoration: none !important;
}

/* TEXT */
*:not(td)[class^="text-nowrap"] > * {
    overflow: hidden;
}

.text-nowrap {
    overflow: hidden !important;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap !important;
    max-width: 100%;
    flex-wrap: inherit;
    width: inherit;
    vertical-align: bottom;
}

.text-nowrap-1 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.text-nowrap-2 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.text-nowrap-3 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.text-nowrap-4 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.text-shadow {
    text-shadow: 1px 1px 1px #333333 !important;
}

/* PADDING */
.p-6 {
    padding: 4rem !important;
}

.py-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.px-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}

.pl-6 {
    padding-left: 4rem !important;
}

.pr-6 {
    padding-right: 4rem !important;
}

.pt-6 {
    padding-top: 4rem !important;
}

.pb-6 {
    padding-bottom: 4rem !important;
}

.p-7 {
    padding: 5rem !important;
}

.py-7 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

.px-7 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

.pl-7 {
    padding-left: 5rem !important;
}

.pr-7 {
    padding-right: 5rem !important;
}

.pt-7 {
    padding-top: 5rem !important;
}

.pb-7 {
    padding-bottom: 5rem !important;
}

.p-8 {
    padding: 6rem !important;
}

.py-8 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}

.px-8 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
}

.pl-8 {
    padding-left: 6rem !important;
}

.pr-8 {
    padding-right: 6rem !important;
}

.pt-8 {
    padding-top: 6rem !important;
}

.pb-8 {
    padding-bottom: 6rem !important;
}

/* MARGIN */
.m-6 {
    margin: 4rem !important;
}

.my-6 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.mx-6 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
}

.ml-6 {
    margin-left: 4rem !important;
}

.mr-6 {
    margin-right: 4rem !important;
}

.mt-6 {
    margin-top: 4rem !important;
}

.mb-6 {
    margin-bottom: 4rem !important;
}

.m-7 {
    margin: 5rem !important;
}

.my-7 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

.mx-7 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
}

.ml-7 {
    margin-left: 5rem !important;
}

.mr-7 {
    margin-right: 5rem !important;
}

.mt-7 {
    margin-top: 5rem !important;
}

.mb-7 {
    margin-bottom: 5rem !important;
}

.m-8 {
    margin: 6rem !important;
}

.my-8 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
}

.mx-8 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
}

.ml-8 {
    margin-left: 6rem !important;
}

.mr-8 {
    margin-right: 6rem !important;
}

.mt-8 {
    margin-top: 6rem !important;
}

.mb-8 {
    margin-bottom: 6rem !important;
}

/* WIDTH */
.w-min {
    width: 1px !important;
}

.w-auto {
    width: auto !important;
}

.w-1 {
    width: 1rem !important;
}

.w-2 {
    width: 2rem !important;
}

.w-3 {
    width: 3rem !important;
}

.w-4 {
    width: 4rem !important;
}

.w-5 {
    width: 5rem !important;
}

.w-6 {
    width: 6rem !important;
}

.w-7 {
    width: 7rem !important;
}

.w-8 {
    width: 8rem !important;
}

.w-9 {
    width: 9rem !important;
}

.w-10 {
    width: 10rem !important;
}

.w-11 {
    width: 11rem !important;
}

.w-12 {
    width: 12rem !important;
}

@media (max-width: 575px) {
    .w-xs-25 {
        width: 25% !important;
    }

    .w-xs-50 {
        width: 50% !important;
    }

    .w-xs-75 {
        width: 75% !important;
    }

    .w-xs-100 {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .w-sm-25 {
        width: 25% !important;
    }

    .w-sm-50 {
        width: 50% !important;
    }

    .w-sm-75 {
        width: 75% !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }
}

@media (max-width: 991px) {
    .w-md-25 {
        width: 25% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-100 {
        width: 100% !important;
    }
}

@media (max-width: 1199px) {
    .w-lg-25 {
        width: 25% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-75 {
        width: 75% !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }
}

/* HIDDEN */
.hidden {
    display: none !important;
}

@media (max-width: 575px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .hidden-md {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .hidden-lg {
        display: none !important;
    }
}

/* HEIGHT */
.h-1 {
    height: 1rem !important;
}

.h-2 {
    height: 2rem !important;
}

.h-3 {
    height: 3rem !important;
}

.h-4 {
    height: 4rem !important;
}

.h-5 {
    height: 5rem !important;
}

.h-6 {
    height: 6rem !important;
}

/* FONT */
.x-1 {
    font-size: 0.6rem !important;
}

.x-2 {
    font-size: 0.8rem !important;
}

.x-3 {
    font-size: 1rem !important;
}

.x-4 {
    font-size: 1.2rem !important;
}

.x-5 {
    font-size: 1.4rem !important;
}

.x-6 {
    font-size: 2rem !important;
}

/* POLITICA DE COOKIES */
.policy_cookies {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    background-color: #c5c5c5;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 4000;
    color: black;
}


/*
xl    540   720
lg    300   540
md    250   300
sm    100   180
xs    60    100
ss    30    60

 */

/* IMAGES*/
img {
    max-width: 100%
}

img[data-original] {
    object-fit: cover;
}

.img-cover {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.img-xl {
    width: 100%;
    height: 540px;
    object-fit: cover;
}

.img-lg {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.img-md {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.img-sm {
    width: 100%;
    height: 100px;
    object-fit: cover;
}

.img-xs {
    width: 100%;
    height: 60px;
    object-fit: cover;
}

.img-ss {
    width: 100%;
    height: 30px;
    object-fit: cover;
}
/*
@media (min-width: 767px) {
    .img-xl {

    }
    .img-lg {

    }
    .img-md {
        height: 304px;
    }
    .img-sm {

    }
    .img-xs {

    }
    .img-ss {

    }
}

@media (min-width: 991px) {
    .img-md {
        height: 304px;
    }
}

@media (min-width: 1199px) {
    .img-md {
        height: 400px;
    }
}*/


/* GOOGLE MAPS */
.google_maps {
    width: 100%;
    height: 400px;
    min-height: 400px;
}

.google_maps-xs {
    height: 150px;
    min-height: 150px;
}

.google_maps-sm {
    height: 250px;
    min-height: 250px;
}

.google_maps-md {
    height: 400px;
    min-height: 400px;
}

.google_maps-lg {
    height: 700px;
    min-height: 700px;
}

.google_maps-xl {
    height: 900px;
    min-height: 900px;
}

/* FORM
.form-group{position: relative;}

.custom-checkbox { vertical-align: middle; }
.form-control, .note-editor .note-editable, .input-group-addon { line-height: 1.5 !important; }
.note-popover.popover.in {display: none;}



.uploadFile, .uploadImage {
    position: relative;
    overflow: hidden;
    display: inline-block;
    border: none;
}
.uploadFile a, .uploadImage a {
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.uploadImage figure {position: relative;}
.uploadFile input, .uploadImage input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
    width: 100%;
    height: 100%;
}
.upload .delete {
    bottom: 5px;
    position: absolute;
    right: 5px;
}
::-webkit-file-upload-button { cursor: pointer; }
#modalUploadFile input, #modalUploadImage input {
    background: transparent;
    border-color: transparent;
}
#modalUploadFile input:focus, #modalUploadImage input:focus {
    background: #ffffff !important;
    border-color: rgba(0, 0, 0, .15) !important;
}










.datepicker .table-condensed{border-collapse: separate;}
.datepicker .table-condensed{font-size: .9rem;}
.datepicker .table-condensed .active {background: #337ab7;color: #fff;}
.datepicker .table-condensed .today:hover {color: #337ab7;}
.datepicker .picker-switch{font-weight: normal;}
.datepicker .table-condensed .dow{font-weight: normal;}
.datepicker .table-condensed .selectDay{font-weight: normal;}
.datepicker .table-condensed .disabled {background-color:initial !important; color: #e12258}
.datepicker.inline .accordion-toggle{display: none;}
*/

/*
span.form-control:empty:before { content: "\200b"; }
.custom-control-description span {text-shadow: 0px 0px 12px #ffffff;}*/

/* ALERT */
.alert {
    z-index: 1029;
    margin: 2rem 0;
    font-size: 16px;
    position: relative;
}

.alert.bubble-br {
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 2rem;
    max-width: 600px;
    box-shadow: #ababab 0px 0px 10px;
}

.alert.bubble-bl {
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 2rem;
    max-width: 600px;
    box-shadow: #ababab 0px 0px 10px;
}

.alert.bubble-tr {
    position: fixed;
    top: 0;
    right: 0;
    max-width: 600px;
    margin: 2rem;
    box-shadow: #ababab 0px 0px 10px;
}

.alert.bubble-tl {
    position: fixed;
    top: 0;
    left: 0;
    margin: 2rem;
    max-width: 600px;
    box-shadow: #ababab 0px 0px 10px;
}

.alert.bubble-t, .alert.bubble {
    z-index: 1100;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    margin: 2rem;
    max-width: 600px;
    box-shadow: #ababab 0px 0px 10px;
    margin-right: auto;
    margin-left: auto;
}

.alert.bubble-b {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    margin: 2rem;
    max-width: 600px;
    box-shadow: #ababab 0px 0px 10px;
    margin-right: auto;
    margin-left: auto;
}

.alert-dismissible {
    padding-right: 4rem;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
}

/* Scheduler */
.schedule {
    width: auto;
    margin: 0 auto;
}

.schedule .slash {
    padding: .2rem .25rem !important;
    font-size: 0.8em;
}

.schedule .scheduler-time-title {
    text-align: right;
}

.schedule .scheduler-active {
    background-color: #dcffe5;
}

.schedule .scheduler-day-toggle, .schedule .scheduler-hour-toggle, .schedule .scheduler-time-title, .schedule .scheduler-week-title {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.schedule .scheduler-hour-toggle {
    padding: 3px !important;
    vertical-align: bottom !important;
}

.schedule .scheduler-day-toggle {
    padding: 3px !important;
    vertical-align: middle;
    font-size: .7rem;
}

.schedule .scheduler-hour {
    width: 14px;
    height: 25px;
    padding: 0 !important;
    border-left: 1px solid #dee2e6;
}

.schedule .scheduler-hour:hover {
    background: #e8f0f6;
}

.schedule .scheduler-hour:nth-child(even) {
    border-left: 1px solid #bdbdbd;
}

/* Calendar */
.calendar .day {
    background-color: #eaffef;
}

/* Animate */
*[data-animated], .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.transition {
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.delay-6000 {
    animation-delay: 6000ms;
    -webkit-animation-delay: 6000ms;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    100% {
        opacity: 0;
        z-index: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    100% {
        opacity: 0;
        z-index: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

/*button.close {
    line-height: 1rem;
    cursor: pointer;
}*/
/* JARALLAX
.jarallax { overflow: hidden;}*/
/* BREADCRUM
.breadcrumb {margin-bottom: 0;} */