/* -------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */


/* .mapdiv :hover {
    fill:rgb(3, 99, 3);
} */

/*FadeInDown and FadeInLeft*/
/** fadeInDown **/
/*FadeInDown and FadeInLeft*/
/** fadeInDown **/
@-webkit-keyframes fadeInDown {
from {
opacity:0;
-webkit-transform: translatey(-10px);
-moz-transform: translatey(-10px);
-o-transform: translatey(-10px);
transform: translatey(-10px);
}
to {
opacity:1;
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
-o-transform: translatey(0);
transform: translatey(0);
}
}
@-moz-keyframes fadeInDown {
from {
opacity:0;
-webkit-transform: translatey(-10px);
-moz-transform: translatey(-10px);
-o-transform: translatey(-10px);
transform: translatey(-10px);
}
to {
opacity:1;
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
-o-transform: translatey(0);
transform: translatey(0);
}
}
@keyframes fadeInDown {
from {
opacity:0;
-webkit-transform: translatey(-10px);
-moz-transform: translatey(-10px);
-o-transform: translatey(-10px);
transform: translatey(-10px);
}
to {
opacity:1;
-webkit-transform: translatey(0);
-moz-transform: translatey(0);
-o-transform: translatey(0);
transform: translatey(0);
}
}
.in-down {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}


/** fadeInLeft **/

@-webkit-keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform: translatex(-10px);
-moz-transform: translatex(-10px);
-o-transform: translatex(-10px);
transform: translatex(-10px);
}
to {
opacity:1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}
@-moz-keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform: translatex(-10px);
-moz-transform: translatex(-10px);
-o-transform: translatex(-10px);
transform: translatex(-10px);
}
to {
opacity:1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}
@keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform: translatex(-100px);
-moz-transform: translatex(-100px);
-o-transform: translatex(-100px);
transform: translatex(-100px);
}
to {
opacity:1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}
.in-left {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-o-animation-duration:1s;
animation-delay: 1s;
}
/**/
/*fade-in 1 2 3*/
@-webkit-keyframes fadeIn {
from {
opacity:0;
}
to {
opacity:1;
}
}
@-moz-keyframes fadeIn {
from {
opacity:0;
}
to {
opacity:1;
}
}
@keyframes fadeIn {
from {
opacity:0;
}
to {
opacity:1;
}
}
.fade-in {
opacity:0;
/* make things invisible upon start */
-webkit-animation:fadeIn ease-in 1;
-moz-animation:fadeIn ease-in 1;
-o-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;
/* keyframe/animation/repeat once */
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
animation-fill-mode:forwards;
/* remain at last keyframe (opacity: 1)*/
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
-o-animation-duration:1s;
animation-duration:1s;
}
.fade-in.one {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
-o-animation-duration:0.7s;
animation-delay: 0.7s;
}
.fade-in.two {
-webkit-animation-delay: 2s;
-moz-animation-delay:2s;
-o-animation-duration:2s;
animation-delay: 2s;
}
.fade-in.three {
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
-o-animation-duration:3s;
animation-delay: 3s;
}
.fade-in.for {
-webkit-animation-delay: 4s;
-moz-animation-delay: 4s;
-o-animation-duration:4s;
animation-delay:4s;
}
.msie8 .fade-in, .msie9 .fade-in {
opacity:1;
}
/**/
/* Animation stuff */
@keyframes fade-infade {
0% { opacity: 0; }
100% { opacity: 1; }
}

.fade-infade {
animation: fade-infade 1s 1s forwards linear;
}


/* .mapdiv {

background-size: 100vmin 100vmax;
} */

/* */

.mapdiv{
    /* width:28%; */
    margin: auto;
    width: 50vw;
    height: 70vh;
}

.mapdiv path {
    fill: #6c1320;
    /* stroke: #dece0c; */
    stroke-width:4px;
    transition: fill 0.3s;
}


.marquee {
overflow-x: clip;
white-space: nowrap;
position: relative;
width: 100%;
}

.marquee-inner {
display: flex;
align-items: center;
gap: 2vw;
padding: 12vh 0;
will-change: transform;
}

.marquee-inner img {
height: 100%;
transition: transform 0.5s;
flex-shrink: 0;
width: 20vw;
border-radius: 2rem;
}

.marquee-inner img:hover {
transform: scale(1.03);
}
body{
position: relative;
}
.whatsapp-sticker {
bottom: 50px;
right: 100px;
position: fixed;
width: 100px;
z-index: 1000;
transition: all 700ms;
}

.whatsapp-sticker:hover {
transform: scale(1.3);
}

.whatsapp-sticker .stick-elem {
width: 100%;
height: 100%;
filter: drop-shadow(2px 3px 3px #00000080);
}

.whatsapp-sticker .stick-elem img {
width: 100%;
}

@media (max-width: 580px) {
.whatsapp-sticker {
bottom: 100px;
right: 10px;
}
}