@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,900;1,200;1,400&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400&display=swap");
a,a:hover,a:focus,.close,button{
	cursor:url("https://www.legendsofidleon.com/cursor3.png"),auto!important
}
html,body{
    font-family:"Roboto",sans-serif
}
h1,h2,h3,h4,h5,
.h1,.h2,.h3,.h4,.h5,
div,span,p,a,footer{
    font-family:"Jost",sans-serif
}
.section-banner{
    background:url("../images/banner/banner1.png") no-repeat center center;
    background-size:cover;
    padding-top:148px;
    color:#F8FAFF
}
.bg-white{
    background-color:#F8FAFF!important
}
.navbar{
    padding:37px 0
}
#map{
    width:100%
}
.dmap{
    height:100vh;
    padding:0 24px;
    margin-top:70px
}
footer{
    font-size:15px
}
footer a,
footer a:focus,
footer a:hover,
footer a:visited{
    color:#09BC2D;
    text-decoration:none
}
.lang-flag{
    display:flex;           /* use flexbox */
    min-height:120px;       /* equal box height */
    flex-direction:column;  /* stack flag and text vertically */
    text-decoration:none;   /* remove underline */
    justify-content:end;    /* push text down */
    align-items:center;     /* keep centered horizontally */
}
.lang-flag:hover{
    text-decoration:none;
    filter:grayscale(33.3333333%)
}
.lang-flag img{
    object-fit:cover;
    border:1px solid #F8FAFF
}
.lang-flag span{
    text-transform:uppercase
}
.lang-flag .col{
    text-align:center;
    width:128px!important
}
.cyl p{
    font-size:1.25rem
}
.cyl p::after{
    content:"|";
    margin:0 10px;
    color:#B0BBCB
}
.cyl p:last-of-type::after{
    content:"";
    margin:0
}
.arrow{
    color:#F8FAFF
}
.arrow i{
    font-size:2rem;
    margin-top:4px;
}
.arrow a,
.arrow a:hover,
.arrow a:focus,
.arrow a:visited{
    color:inherit;
    text-decoration:none
}
.arrow a{
    transition:transform .1s ease
}
.arrow a:hover{
    transform:scale(1.1)
}
.arrow span{
    width:54px;
    height:54px;
    display:flex;
    text-align:center;
    border-radius:50%;
    vertical-align:middle;
    justify-content:center;
    animation:bounce 2s infinite;
    background:linear-gradient(to right,#4282E8,#2652B8)
}
@keyframes bounce{
    0%,20%,50%,80%,100%{transform:translateY(0)}
    40%{transform:translateY(8px)}
    60%{transform:translateY(4px)}
}
/* Webkit (Chrome, Edge, Safari) */
::-webkit-scrollbar{
    width:9px;
    height:9px
}
::-webkit-scrollbar-track{
    background:#F8FAFF
}
::-webkit-scrollbar-thumb{
    background:linear-gradient(#4282E8,#2652B8);
    border-radius:9px
}
::-webkit-scrollbar-thumb:hover{
    background:#2652B8
}
/* Firefox */
*{
    scrollbar-width:thin;
    scrollbar-color:#4282E8 #F8FAFF
}