/* Your custom styles */
/* Palette generated by Material Mixer - http://materialmixer.co/ */ 
.dark-primary-color    { background: #5d392b; } 
.default-primary-color { background: #795548; } 
.light-primary-color   { background: #D7CCC8; } 
.accent-color          { background: #FFAB40; } 
.accent-light          { background: #FFD180; } 
.accent-tint           { background: #FFBC66; } 
.accent-shade          { background: #FA9933; } 
.accent-button, .accent-button:active, .accent-button:active:focus, .accent-button:focus, .accent-button:hover      {        background: -webkit-linear-gradient(45deg, rgb(83, 51, 38), rgba(255, 187, 54, 0.6) 100%);
    background: linear-gradient(to 45deg, rgb(83, 51, 38), rgba(255, 187, 54, 0.6) 100%); }

/* TEMPLATE STYLES */
/* Sticky Footer */
body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
main {
    flex: 1 0 auto;
}
/* loader */

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    /*background: linear-gradient(112.634deg, rgb(224, 247, 135) 6.07362%, rgb(78, 227, 250) 95.6442%);*/
    background: #694622;/* Old Browsers */
    background: -moz-linear-gradient(-45deg, #694622 0%, #bf9d20 50%, #694622 100%); /* FF3.6+ */
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #694622), color-stop(50%, #bf9d20), color-stop(100%, #694622));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(-45deg, #694622 0%, #bf9d20 50%, #694622 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #694622 0%, #bf9d20 50%, #694622 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #694622 0%, #bf9d20 50%, #694622 100%); /* IE 10+ */
    background: linear-gradient(135deg, #694622 0%, #bf9d20 50%, #694622 100%);/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#694622', endColorstr='#694622', GradientType=1 );/* IE6-9 fallback on horizontal gradient */    
    width: 100%;
    height: 100%;
    z-index: 999999999;
    overflow: hidden;
}
.lds-ripple {
    display: inline-block;
    position: relative;
    width: 164px;
    height: 164px;
    top: 49%;
    left: 49%;  
}
.lds-ripple div {
    position: absolute;
    border: 3px solid #5d392b;
    opacity: 1;
    border-radius: 35%;
    animation: lds-ripple .7s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}

.flow-up{position: fixed; width: 100%; height: 100%;top: 0px;left: 0px;z-index: 1000;display:none;}
.flow-up .close{color: white; display: block; text-align: right; font-size: 16pt; padding: 10px 10px;clear:both;}
.flow-up .message{width: 50%; height: auto; margin: 50px auto; padding: 20px; background-color: white; border: solid 2px brown;}

@keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0;
    }
}
/* Necessary for full page carousel*/

.full-height,
.full-height body,
.full-height header,
.full-height header .view,
.full-height body .view {
    height: 100%;
    max-height: 100vh;
}

@media (max-width: 740px) {
    .full-height,
    .full-height body,
    .full-height header,
    .full-height header .view,
    .full-height body .view {
        height: 700px;
        max-height: 700px;
    }
}

@media (min-width: 1000px) and (max-width: 1025px) {
    .full-height,
    .full-height body,
    .full-height header,
    .full-height header .view,
    .full-height body .view {
        height: 770px;
        max-height: 770px;
    }
}

@media (min-width: 1025px) {
    .view video {
        height: 100vh;
        width: 100%;
        object-fit: cover;
    }
}

.scrolling-navbar {
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
}

.top-nav-collapse, .intro-1 {
    background-color: #5d392b;
}

footer.page-footer {
    background-color: #5d392b;
    margin-top: 0;
}

.intro-1 { 
    padding-top: 7vh;
}

/* Carousel*/
/******** / New carusel *************/

.hero-section {
    height: 100%;
    position: relative;
}

.hero-content {
    position: absolute;
    width: calc(100% - 210px);
    height: 100%;
    margin-left: 105px;
    display: table;
    text-align: center;
    z-index: 5;
}

.hero-content .hero-center {
    display: table-cell;
    vertical-align: middle;
}

.hero-content p {
    font-size: 24px;
    color: #0b1033;
    margin-bottom: 0;
    margin-top: 35px;
}

.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    display: inline-block;
    height: 50px;
    width: 100px;
    background: #735023;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    font-size: 20px;
    cursor: pointer;
}

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
    background: #b99721;
}

.owl-carousel .owl-nav .owl-next {
    float: right;
}

.owl-carousel #bar {
    width: 0%;
    max-width: 100%;
    height: 4px;
    background: #b99721;
}

.owl-carousel #progressBar {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
}    
/******** / New carusel *************/
.carousel-caption {
    height: 100%;
    padding-top: 7rem;
}

.navbar .btn-group .dropdown-menu a:hover {
    color: #000 !important;
}

.navbar .btn-group .dropdown-menu a:active {
    color: #fff !important;
}

.pagination.pg-dark .active .page-link {
    background-color: #1c2331;
}

        /* test alfa */

/*@media (min-width: 600px) {
    .navbar.scrolling-navbar {
        padding-top: 92px;
    }
}*/

header {
    color: #f9e8a3;
}
.img-logo-head {
    max-height: 27px;
}
header nav {
    background: #694622;/* Old Browsers */
    background: -moz-linear-gradient(top, #694622 0%, #bf9d20 50%, #694622 100%); /* FF3.6+ */
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #694622), color-stop(50%, #bf9d20), color-stop(100%, #694622));/* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #694622 0%, #bf9d20 50%, #694622 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #694622 0%, #bf9d20 50%, #694622 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #694622 0%, #bf9d20 50%, #694622 100%); /* IE 10+ */
    background: linear-gradient(to bottom, #694622 0%, #bf9d20 50%, #694622 100%);/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#694622', endColorstr='#694622', GradientType=0 );/* IE6-9 */    
}
nav.top-nav-collapse .img-logo-head {
    max-height: 27px;
}

main {
    padding-top: 3rem;
    padding-bottom: 2rem;
}

.widget-wrapper {
    padding-bottom: 2rem;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 2rem;
}        

/* mixitup section */

.mixcontent .mix .card-header{
    margin-top: .75em;
    padding: 0;
    border: 0;
    background: transparent;
}
.mixcontent .mix button{
    width: 100%;
    text-align: left;
}
.mixcontent .mix{
    display: none;
    -webkit-backface-visibility: hidden;
    -webkit-transform-origin: 50% 0;
}
@media (min-width: 600px) {
    .navbar.scrolling-navbar {
        padding-top: 0;
        padding-bottom: 0;
    }
}
@media (min-width: 991px) {
    .img-logo-head {
        max-height: 80px;
    }
    nav.top-nav-collapse #navbarSupportedContent > div > p:nth-child(1),
    nav.top-nav-collapse #navbarSupportedContent > div > p:nth-child(2){
        display: none;
    }
}