body, html {
    background-color: #232323;
}

.bg-light-footer.padding-50px-tb.text-center {
    background: #232323;
}

p,h1, h2, h3,h4,h5,h6,a {
        -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
}

p,h1, h2, h3,h4,h5,h6  {
        color:#fff;
}

header nav.navbar-default, nav.navbar.bootsnav {
    border-bottom: 0;
    background: #232323;
}

#nox{
    background: #23232300!important;
}


.bg-light {
    background-color: #232323!important;
}

.text-extra-dark-gray, .btn.text-extra-dark-gray {
    color: #ffffff;
}

separator-line-horrizontal-full {
    height: 2px;
}
.bg-deep-pink {
    background-color: #c5b594;
}

#tana {
    font-size: 16px;
    color:#fff;
}

input, textarea {
    background: #000;
}


section.wow.fadeIn.bg-light {
    background: #000!important;
}


.osano-cm-widget--position_right{
    display: none;
}

.logo img {
    max-height: 150px!important;
    padding-top: 0!important;
    padding-left:  0!important;
    padding-bottom:  0!important;
    margin-top:1em;
}


.text-black {
    color: #c08c2d;
    font-size: 16px;
}

.text-back {
    color: #fff!important;
    font-size: 24px;
}

li {
    color: #fff;
} 

.gold {
    color: #c5a643!important;
}


.bg-gold {
    background-color: #c5a643!important;
}


.border-color-deep-pink {
    border-color: #c5a643!important;
}

.text-deep-pink, .btn.text-deep-pink {
    color: #c5a643!important;
}

.scroll-top-arrow i {
    color: #c5a643!important;
}

header .logo .logo-dark.default, header .logo .logo-light.default {
    height: 80px!important;
}



header.header-appear nav.header-light {
    background-color: rgba(0,0,0,.6);
}


.feature-box:before, .feature-box .content:before, .feature-box:after, .feature-box .content:after {
    background-color: #c08c2d;
}


a, a:active, a:focus {
    color: #c08c2d!important;
}

.header-with-topbar .navbar-top  {
    top: 36px;
    background: #00000000;
}

header nav.navbar.white-link .navbar-nav>li>a, nav.navbar.bootsnav.white-link ul.nav>li>a {
    text-shadow: 1px 1px 1px #c08c2d;
    color: #fff!important;
}
header nav.navbar.white-link .navbar-nav>li>a:hover, nav.navbar.bootsnav.white-link ul.nav>li>a:hover {
    text-shadow: 1px 1px 1px #000;
    color: #c08c2d!important;
}


#markio {
    position:absolute; top:25%; z-index:12; left:0%;align-items:center;display:flex;justify-content:center;width:100%;
}



.navbar-default .navbar-toggler .icon-bar {
    background: #fff!important;
}


.logo img {
    margin: 0;
    width: 180px!important;
}




img.width-100.brig {
    height: 500px!important;
    object-fit: cover!important;
}


img.border-radius-6 {
    height: 450px!important;
    object-fit: cover!important;
}


/* =============== MEDIA ============= */


@media (max-width: 640px) {
    #markio {
    position:absolute; top:25%; z-index:12; left:0%;align-items:center;
}
.feature-box .content {
    padding: 0;
}

.d50 {
    max-width:40%;
}


}

@media (max-width: 991px){
nav.navbar.bootsnav .navbar-nav li, nav.navbar.bootsnav li.dropdown ul.mega-menu-full li.dropdown-header {
    display: block;
    clear: both;
    border-bottom: 1px solid rgba(255,255,255,.06);
    border-top: 0;
    height: 5vh;
    margin: 1.5vh;
}

nav.navbar.bootsnav .navbar-nav {
    background-color: #343a40;
    padding-right: 1px;
}

.borat {
    display: none;
}

.logo img {
    padding: 0;
    margin: 0!important;
    width: 130px!important;
}

.sm-height-300px {
    margin-top: 0.5em;
}

nav.navbar.bootsnav .navbar-toggler {
    padding: 5px 10px!important;
        background: rgba(0,0,0,.5)!important;
}

}




/* ==============================
       EFFETTO ZOOM COMBINATO
   ==============================*/
@keyframes effetto-combinato {
    0% {
        opacity: 0.1;
        transform: scale(1);
    }
      5% {
        opacity: 1;
    
    }

    75% {
        opacity: 1;
        transform: scale(1.5);
    }
    100% {
        opacity: 0.1;
        transform: scale(1.3);
    }
}

.effetto-zoom {
    animation: effetto-combinato 15s ease-out both;
}


/* ==============================
       EFFETTO ZOOM
 

.effetto-zoom {
    
    -webkit-animation: 
        fade-in 4s ease-out both, 
        effetto-zoom 8s ease-out 2000ms both;  
    animation: 
        fade-in 4s ease-out both, 
        effetto-zoom 8s ease-out 2000ms both;  
        
}

@keyframes fade-in {
    0% {
        opacity: 0.8; 
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes effetto-zoom {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 84%;
            transform-origin: 50% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(15px);
            transform: scale(1.25) translateY(15px);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}
@keyframes effetto-zoom {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 84%;
            transform-origin: 50% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(15px);
            transform: scale(1.25) translateY(15px);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
}


  ==============================*/





.fade-out {
   
    animation: fade-out 5s ease-out both;
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}




/* ==============================
       EFFETTO ZOO
   ==============================*/


.effetto-zoo {
    max-width:98vw;
	-webkit-animation: effetto-zoo 8s ease-out both;
	        animation: effetto-zoo 8s ease-out both;
}

@-webkit-keyframes effetto-zoo {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 84%;
            transform-origin: 84% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(20px, 15px);
            transform: scale(1.25) translate(20px, 15px);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
}
@keyframes effetto-zoo  {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 84%;
            transform-origin: 84% 84%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(20px, 15px);
            transform: scale(1.25) translate(20px, 15px);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
}


@media (max-width: 640px) {
.effetto-zoo {
    max-width: 93vw!important;
}
}