/*

1. Add your custom Css styles below
2. Place the this code in your template:

 <link href="css/custom.css" rel="stylesheet">

*/

.cs-title-font {
    font-family: 'Saira Stencil One', cursive;
}

.info-description br {
    display: block;
    margin:  -5px 0;
    content: "";
}

#topbar.topbar-colored, #topbar.topbar-colored.dark, #header.header-colored #header-wrap, #header.header-modern:not(.header-active).header-colored #header-wrap,
#mainMenu.menu-rounded nav > ul > li.current > a, #mainMenu.menu-rounded nav > ul > li:hover > a, #mainMenu.menu-rounded nav > ul > li:focus > a,
#mainMenu.menu-lines nav > ul > li.current > a:after, #mainMenu.menu-lines nav > ul > li:hover > a:after, #mainMenu.menu-lines nav > ul > li:focus > a:after,
#mainMenu.menu-hover-background nav > ul > li.current, #mainMenu.menu-hover-background nav > ul > li:hover, #mainMenu.menu-hover-background nav > ul > li:focus,
#dotsMenu ul li:hover, #dotsMenu ul li.current, #dotsMenu ul li a:hover:before, #dotsMenu ul li a.active:before, .page-menu.menu-lines nav li:hover a:after,
.page-menu.menu-lines nav li.active a:after, .page-menu.menu-classic nav li:hover a, .page-menu.menu-classic nav li.active a, .page-menu.menu-colored-background,
.grid-filter li:hover a, .grid-filter li.active a, .grid-filter.gf-lines li:hover a:after, .grid-filter.gf-lines li.active a:after, .grid-filter.gf-classic li:hover a,
.grid-filter.gf-classic li.active a, .portfolio-item .portfolio-description a:hover i, .portfolio-item .grid-description a:hover i, .grid-item .portfolio-description a:hover i,
.grid-item .grid-description a:hover i, .post-item.quote .post-item-wrap, .post-item .post-image .post-meta-category, .post-item .post-slider .post-meta-category,
.post-item .post-video .post-meta-category, .post-item .post-audio .post-meta-category, .post-item .post-quote-img .post-meta-category, .forum thead tr > th,
.btn:not(.btn-admin),
.btn.btn-outline:hover,
.btn.btn-outline:focus,
.btn.btn-outline:active,
.btn.btn-outline.active,
.btn.btn-light:hover,
.btn.btn-light:focus,
.btn.btn-light:active,
.btn.btn-light.active,
.btn.btn-dark:hover,
.btn.btn-dark:focus,
.btn.btn-dark:active,
.btn.btn-dark.active,
.icon-box.effect.dark .icon i:hover, .icon-box.effect.dark:hover .icon i,
.owl-carousel .owl-nav [class*="owl-"]:hover, .owl-carousel.arrows-creative .owl-nav [class*="owl-"]:hover,
.dropcap.dropcap-colored, .highlight.highlight-colored, .progress-bar, .blockquote-color, .call-to-action.call-to-action-colored,
.modal-strip, .pricing-table.colored .plan-header, .single9:before, .background-colored, #scrollTop:after, #scrollTop:before,
.tags a.active, .tags a:active, .tags a:focus, .tags a:hover {
    background-color: #b4151f !important;
}

#footer .footer-content {
    background-color: #000 !important;
    color:            #fff;
}

#footer .copyright-content {
    padding: 25px 0;
}

a.btn:not([href]):not([tabindex]), .btn {
    border-color: #ffffff;
}

a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active,
.btn:hover, .btn:focus, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
    border-color: #ffffff;
}

.logo-row {
    max-width: 1500px;
    margin: 6.5% auto;
    text-align: center;
}

.logo-loading {
    width:      90%;
    max-height: 735px;
    text-align: center;
}

.logo {
    width:      100%;
    max-height: 5rem;
    text-align: center;
}

#header .header-inner #logo a > img, #header #header-wrap #logo a > img {
    height: 64px;
    margin: 5% 0;
}

.cs-required {
    color: red;
}

label.col-form-label.cs-required:after,
label.control-label.cs-required:after,
span.cs-required-span:after {
    color:   red;
    content: " *";
}

.cs-cpointer {
    cursor: pointer;
}

.noty_text h4 {
    color: white;
}

.cs-text-cap {
    text-transform: capitalize;
}

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

.cs-text-lower {
    text-transform: lowercase;
}

/*.cs-text-ini:first-letter {*/
/*    text-transform: uppercase;*/
/*}*/

.cs-link:hover {
    color:  #dc143c !important;
    cursor: pointer;
}

.cs-link::selection {
    background: #dc143c;
}

.cs-color {
    color: #dc143c !important;
}

.cs-text-ini::first-letter {
    text-transform: uppercase !important;
}

t.cs-text-ini::first-letter {
    text-transform: uppercase !important;
}

.page-menu nav > ul > li:hover > a, .page-menu nav > ul > li.active > a {
    color: #dc143c;
}

a:not(.btn):hover, a:not(.btn):focus, a:not(.btn):active {
    color: #dc143c;
}

.cs-bg-color {
    background-color: #dc143c;
    color:            white;
}

.disabled {
    pointer-events: none;
    cursor:         default;
    color:          lightgrey !important;
}

.page-error-soon {
    color:       #eee;
    display:     block;
    font-size:   135px;
    font-weight: 800;
    line-height: 0.7;
}

.cs-line {
    clear:      both;
    position:   relative;
    width:      100%;
    margin:     10px 0;
    border-top: 1px solid #dc143c;
}

.page-menu nav > ul > li.dropdown:before {
    color: #dc143c;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
    font-size:   60%;
    font-weight: 400;
}

.small, small {
    font-size:   80%;
    font-weight: 400;
}

.au-animate {
    position: relative;
    top:      0;
}

.tabs .nav-tabs .nav-link.active {
    color:            #dc143c;
    background-color: transparent;
    border-bottom:    2px solid #dc143c;
}

.card-img-top {
    max-height: 156px;
    width:      auto;
    text-align: center;
}

.center {
    margin:  auto;
    width:   60%;
    padding: 10px;
}


ux-dialog-overlay {
    top:        0 !important;
    left:       0 !important;
    width:      100% !important;
    height:     100% !important;
    /*z-index: 1042 !important;*/
    overflow:   hidden !important;
    position:   fixed !important;
    background: #0b0b0b !important;
    opacity:    0.8 !important;
    filter:     alpha(opacity=80) !important;
}

ux-dialog {
    position:      relative !important;
    padding:       40px !important;
    border-radius: 4px !important;
    display:       block !important;
    margin:        0 auto !important;
}

.mfp-close {
    color: grey;
}

ux-dialog-container > div {
    padding: 5% !important;
}

ux-dialog > ux-dialog-header {
    padding: 16px 0 !important;
}

.cs-modal-class {
    background:          url('./../cs-img/logo_mini.png') no-repeat;
    background-position: top right;
    /*margin-top: -63px;*/
    /*padding-top: 60px;*/
    margin-top: -30px;
    padding-top: 100px;
    min-width: 300px;
    min-height: 150px;
    background-size: 80px;
}

.validation-message {
    color: #dc143c;
}

.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months {
    background: #dc143c !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month:hover {
    background-color: #dc143c !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month,
.flatpickr-weekdays,
span.flatpickr-weekday {
    background: #899323 !important;
}

a.cs-link {
    color: #899323 !important;
}

a.cs-link-red {
    color: #dc143c !important;
}

.cs-img-slide {
    width:      auto !important;
    height:     auto !important;
    max-width:  250px;
    max-height: 170px;
}

.cs-img-local {
    max-width:     100%;
    max-height:    100%;
    margin-bottom: 25px;
}

a.btn:not([href]):not([tabindex]).btn-xxs, .btn.btn-xxs {
    font-size: 8px;
    height: 20px;
    line-height: 18px;
    padding: 0 8px;
}

.btn-custom{
    background-color: #899323 !important;
}

.card .cs-close{
    position: absolute;
    margin: 1px 0;
    right: 0px;
    font-weight: 700;
    width: 17px;
    cursor: pointer;
}

.card-body{
    padding: 2rem;
}

.cs-green-color{
    color: #899323 !important;
}

.cs-green-color{
    color: #899323 !important;
}

.card.news{
    border: 1px solid rgb(137, 147, 35)
}

::selection {
    background: #8a9422!important;
}

.cs-event-days{
    color: #899323 !important;
    font-size: -webkit-xxx-large;
    padding: 45px;
}

.cs-border-sizes{
    border-left: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
    padding: 0 15px;
}

.cs-border-top{
    border-top: 1px solid #b2b2b2;
    padding-top: 15px;
}

.cs-border-bottom{
    border-bottom: 1px solid #b2b2b2;
    padding-bottom: 15px;
}

.cs-border{
    border: 1px solid #b2b2b2;
    padding: 15px;
}

img.cs-img-prof{
    width: 100px;
    float: right;
    padding: 10px;
}

.cs-text-sm{
    display: block;
    font-size: 14px;
}

.no-help .choices__list--dropdown .choices__item--selectable:after {
    content: "" !important;
}

.cs-bg-admin-color{
    background-color: #f49b16;;
    color: white;
}

.cs-bg-admin-color h5,
.cs-bg-admin-color h6{
    color: white;
}

.cs-bg-green{
    background-color: #899323 !important;
}

.cs-admin-tag{
    top: 2px;
    right: 7px;
    position: absolute;
}

.e-grid .e-filterbarcell input{
    height: 15px;
    width: 85%;
}

.e-grid .e-filterbarcell input .e-disabled{
    border: none;
}

a.btn:not([href]):not([tabindex]).cs-btn-info, .btn.cs-btn-info {
    background-color: #53b0f8 !important;
    border-color: #53b0f8;
}

a.btn:not([href]):not([tabindex]).cs-btn-disabled, .btn.cs-btn-disabled {
    background-color: lightgrey !important;
    border-color: lightgrey;
    cursor: not-allowed !important;
}

@media (min-width: 640px) {
    .no-help .choices__list--dropdown .choices__item--selectable {
        padding-right: 0 !important;
    }
}

/* region MOBILE */
@media (max-width: 991px) {
    #header .header-inner #logo a > img, #header #header-wrap #logo a > img {
        max-height: 5rem !important;
        margin-top: 0.75rem;
    }
}
/* endregion */


.blockquote {
    border-left: 3px solid #899323;
}

.pull-right{
    float: right;
}
.pull-left{
    float: left;
}


/* region loading */
.browser-screen-loading-content {
    height: 22em;
    width: 500px;
    position: relative;
    text-align: center;
    /*height: 2em;*/
    max-width: 100%;
    /*position: absolute;*/
    top: 10em;
    right: 0;
    bottom: 3em;
    left: 0;
    margin: auto;
}
.loading-dots {
    margin-left: -1.5em;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-animation: loading-dots-fadein .5s linear forwards;
    -moz-animation: loading-dots-fadein .5s linear forwards;
    -o-animation: loading-dots-fadein .5s linear forwards;
    -ms-animation: loading-dots-fadein .5s linear forwards;
    animation: loading-dots-fadein .5s linear forwards;
}
.loading-dots i {
    width: .5em;
    height: .5em;
    display: inline-block;
    vertical-align: middle;
    background: #e0e0e0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 .125em;
    -webkit-animation: loading-dots-middle-dots .5s linear infinite;
    -moz-animation: loading-dots-middle-dots .5s linear infinite;
    -o-animation: loading-dots-middle-dots .5s linear infinite;
    -ms-animation: loading-dots-middle-dots .5s linear infinite;
    animation: loading-dots-middle-dots .5s linear infinite;
}
.loading-dots.dark-gray i {
    background: #707070;
}
.loading-dots i:first-child {
    -webkit-animation: loading-dots-first-dot .5s infinite;
    -moz-animation: loading-dots-first-dot .5s linear infinite;
    -o-animation: loading-dots-first-dot .5s linear infinite;
    -ms-animation: loading-dots-first-dot .5s linear infinite;
    animation: loading-dots-first-dot .5s linear infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(-1em);
    -moz-transform: translate(-1em);
    -o-transform: translate(-1em);
    -ms-transform: translate(-1em);
    transform: translate(-1em);
}
.loading-dots i:last-child {
    -webkit-animation: loading-dots-last-dot .5s linear infinite;
    -moz-animation: loading-dots-last-dot .5s linear infinite;
    -o-animation: loading-dots-last-dot .5s linear infinite;
    -ms-animation: loading-dots-last-dot .5s linear infinite;
    animation: loading-dots-last-dot .5s linear infinite;
}


@-moz-keyframes loading-dots-fadein{100%{opacity:1;-ms-filter:none;filter:none}}
@-webkit-keyframes loading-dots-fadein{100%{opacity:1;-ms-filter:none;filter:none}}
@-o-keyframes loading-dots-fadein{100%{opacity:1;-ms-filter:none;filter:none}}
@keyframes loading-dots-fadein{100%{opacity:1;-ms-filter:none;filter:none}}

@-moz-keyframes loading-dots-first-dot{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em);opacity:1;-ms-filter:none;filter:none}}
@-webkit-keyframes loading-dots-first-dot{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em);opacity:1;-ms-filter:none;filter:none}}
@-o-keyframes loading-dots-first-dot{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em);opacity:1;-ms-filter:none;filter:none}}
@keyframes loading-dots-first-dot{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em);opacity:1;-ms-filter:none;filter:none}}


@-moz-keyframes loading-dots-middle-dots{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em)}}
@-webkit-keyframes loading-dots-middle-dots{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em)}}
@-o-keyframes loading-dots-middle-dots{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em)}}
@keyframes loading-dots-middle-dots{100%{-webkit-transform:translate(1em);-moz-transform:translate(1em);-o-transform:translate(1em);-ms-transform:translate(1em);transform:translate(1em)}}


@-moz-keyframes loading-dots-last-dot{100%{-webkit-transform:translate(2em);-moz-transform:translate(2em);-o-transform:translate(2em);-ms-transform:translate(2em);transform:translate(2em);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}
@-webkit-keyframes loading-dots-last-dot{100%{-webkit-transform:translate(2em);-moz-transform:translate(2em);-o-transform:translate(2em);-ms-transform:translate(2em);transform:translate(2em);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}
@-o-keyframes loading-dots-last-dot{100%{-webkit-transform:translate(2em);-moz-transform:translate(2em);-o-transform:translate(2em);-ms-transform:translate(2em);transform:translate(2em);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}
@keyframes loading-dots-last-dot{100%{-webkit-transform:translate(2em);-moz-transform:translate(2em);-o-transform:translate(2em);-ms-transform:translate(2em);transform:translate(2em);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}}
/* endregion**/


.event-info-box {
    padding: 20px 0 !important;
}

.grid-item {
    padding: 0 20px 20px 0 !important;
}

.grid-item .grid-image{
    max-height: 340px;
    width: auto;
}

.img-listagem{
    width: 70px;
    height: 70px;
    max-width: 70px;
    max-height: 70px;
}

.special-font {
    font-family: 'Abel';
}

.event-info-icon {
    padding: 10px 10px;
    width:   65px;
}

a.btn:not([href]):not([tabindex]).btn-transparent, .btn.btn-transparent {
    background-color: transparent !important;
}

/*.cs-aproveShow{*/
/*    display: none;*/
/*}*/

html{
    overflow-x: hidden;
}

.c-pointer{
    cursor: pointer;
}

.post-item .post-image {
    max-height: 250px;
    overflow: hidden;
}

.post-item.border > .post-item-wrap > .post-item-description {
    min-height: 140px;
    height: 220px;
}

.slide-box{
    background-color: #d3d3d3c7;
    padding: 1rem;
    padding-bottom: 2rem;
}
.inspiro-slider .slide-captions {
    padding-top: 20rem;
}

.owl-carousel .owl-nav [class*="owl-"] {
    line-height: 52px;
}

.heading-text.heading-line.cs-color h1:before,
.heading-text.heading-line.cs-color h2:before,
.heading-text.heading-line.cs-color h3:before,
.heading-text.heading-line.cs-color h4:before,
.heading-text.heading-line.cs-color h5:before,
.heading-text.heading-line.cs-color h6:before{
    background-color: #dc143c;
}

.inspiro-slider .slide{
    background-position: 50% 20%;
    background-repeat: repeat-x;
    background-size: contain;
}

#slider {
    background-color: black;
}

#slider.inspiro-slider,
#slider.inspiro-slider .slide{
    max-height: 640px !important;
}

@media (max-width: 992px){
    .inspiro-slider .slide-captions {
        padding-top: 10rem;
    }

    .inspiro-slider .slide-captions h1, .inspiro-slider .slide-captions h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .inspiro-slider .slide-captions h1, .inspiro-slider .slide-captions h3 {
        font-size: 15px;
        line-height: 15px;
    }

    .slide-box {
        padding-bottom:          2rem;
    }
}


.carousel-promotion .owl-stage-outer .owl-item {
    opacity: 0;
}

.content {
    min-height:    25rem;
}

.cs-button.red,
.cs-button.red:active{
    background-color: #dc143c !important;
}

.cs-button.green,
.cs-button.green:active{
    background-color: #899323 !important;
}

.e-link.e-numericitem.e-spacing.e-currentitem.e-active{
    color:white;
}

.cs-event-days small{
    font-size: 35% !important;
}


.choices__list--multiple .choices__item {
    padding: 4px 10px;
    font-size: 20px;
    background-color: #899323;
    border: 1px solid #899323;
}

.choices[data-type*="select-multiple"] .choices__button, .choices[data-type*="text"] .choices__button {
    padding-left: 20px;
    border-left: 1px solid #899323;
}

.cs-img-icon{
    height: 5rem;
    max-height: 5rem;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1280px !important;
    }
}