*, ::after, ::before {
    box-sizing: border-box;
}

body {
    font-family: "Silka-Light", san-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    background: #fff;
    margin: 0;
}


.container {
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;
    margin-right: auto;
    margin-left: auto;
}
    @media (min-width: 576px) {
        .container {
          max-width: 540px;
        }
    }
    @media (min-width: 768px) {
        .container {
          max-width: 720px;
        }
    }
    @media (min-width: 992px) {
        .container {
          max-width: 960px;
        }
    }
    @media (min-width: 1200px) {
        .container {
          max-width: 1140px;
        }
    }
    @media (min-width: 1400px) {
        .container {
          max-width: 1320px;
        }
    }
    
.d-none {
    display: none !important;
}

a {
	word-break: break-word !important;
    color: var(--anhor-color) !important;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s;
}
a:active, a:hover {
    color: var(--anhor-color-hover) !important;
    text-decoration: none;
    outline: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
}

.hide-overflow   {   overflow: hidden !important; }
.hide-overflow-x { overflow-x: hidden !important; }
.hide-overflow-y { overflow-y: hidden !important; }



/*fade-effect
-------------------------------------------------------------- */
.fade-effect.fade-effect-0-5s {
    -webkit-animation-name: fade-effect;
    -webkit-animation-duration: .3s;
    animation-name: fade-effect;
    animation-duration: .3s;
}
.fade-effect.fade-effect-1-5s {
    -webkit-animation-name: fade-effect;
    -webkit-animation-duration: 1.5s;
    animation-name: fade-effect;
    animation-duration: 1.5s;
}
    @-webkit-keyframes fade-effect {
        from {opacity: .2} 
        to {opacity: 1}
    }
    @keyframes fade-effect {
        from {opacity: .2} 
        to {opacity: 1}
    }

    .anim-delay-0-1s { animation-delay: .1s; }
    .anim-delay-0-2s { animation-delay: .2s; }
    .anim-delay-0-3s { animation-delay: .3s; }
    .anim-delay-0-4s { animation-delay: .4s; }
    .anim-delay-0-5s { animation-delay: .5s; }
    .anim-delay-0-6s { animation-delay: .6s; }
    .anim-delay-0-7s { animation-delay: .7s; }
    .anim-delay-0-8s { animation-delay: .8s; }
    .anim-delay-0-9s { animation-delay: .9s; }
    .anim-delay-1s { animation-delay: 1s; }
    .anim-delay-1-1s { animation-delay: 1.1s; }
    .anim-delay-1-2s { animation-delay: 1.2s; }
    .anim-delay-1-3s { animation-delay: 1.3s; }
    .anim-delay-1-4s { animation-delay: 1.4s; }
    .anim-delay-1-5s { animation-delay: 1.5s; }
    .anim-delay-1-6s { animation-delay: 1.6s; }
    .anim-delay-1-7s { animation-delay: 1.7s; }
    .anim-delay-1-8s { animation-delay: 1.8s; }
    .anim-delay-1-9s { animation-delay: 1.9s; }


/* hotspot
-------------------------------------------------------------- */
.hotspot-container {
    position: absolute; 
    top: 30px;
    right: 30px;
    display: table; 
    margin: 0 auto; 
    clear: both; 
    table-layout:fixed;
    cursor: default;
}
    .hotspot-container .hotspot {
        height:18px; 
        width:18px; 
        font-size: 10px; 
        line-height: 18px; 
        text-align: center; 
        position: absolute; 
        z-index: 1; 
        margin: -9px 0 0 -9px; 
    }
        .hotspot-container .hotspot_inner {
            display:block; 
            border-radius: 100px;  
            position: absolute;  
            height:100%; 
            width:100%; 
            background: var(--department-color-3); 
            color: #fff; 
            z-index: 2; 
            cursor: pointer; 
            text-decoration: none;
            overflow: hidden; 
        }
        .hotspot-container .hotspot_pulse {
            display: block;
            background: var(--department-color-3);
            border-radius: 100px;
            height: 40px;
            width: 40px;
            position: absolute;
            -webkit-animation: pulsate 2s ease-out infinite;
                    animation: pulsate 2s linear infinite;
            opacity: 0;
            top: -11px;
            left: -11px;
            z-index: 1;
        }
            @-webkit-keyframes pulsate {
                0% 		{ -webkit-transform: scale(0.1); opacity: 0.0; }
                50% 	{ opacity: 0.7; }
                100% 	{ -webkit-transform: scale(1); opacity: 0.0; }
            }

            @keyframes pulsate {
                0% 		{ transform: scale(0.1); opacity: 0.0; }
                50% 	{ opacity: 0.7; }
                100% 	{ transform: scale(1); opacity: 0.0; }
            }