:root {
    --map-bg: #7DD3E5;
}
/* Map section */
.tooltip-div{
    display: none;
}
.tooltiptext{
    display: none;
}
/*.osh {fill: #ef5f61; }
.kol {fill: #2dc3e8;}
.chuy {fill: #fb6e52;}
.narin {fill: #7e3794;}
.batken {fill: #e75b8d;}
.talas {fill: #ffce55;}
.jalalabad {fill: #a0d468;}*/
.osh {fill: var(--map-bg); }
.kol {fill: var(--map-bg);}
.chuy {fill: var(--map-bg);}
.narin {fill: var(--map-bg);}
.batken {fill: var(--map-bg);}
.talas {fill: var(--map-bg);}
.jalalabad {fill: var(--map-bg);}

.mapsvg{cursor: pointer; stroke: #ed4e2a;
    stroke-linecap: round;
    stroke-width:2px;}
.mapsvg:hover {
    /*webkit-filter: blur(1px);
    filter: blur(1px);*/
    opacity: 0.5;
    stroke: #EA2B3A; /*#e9f5ff;*/
    stroke-linecap: round;
    stroke-width:2px;
}

.scaled-svg {
    transform: scale(1.12); /* Equal to scaleX(0.7) scaleY(0.7) */
    width:893px;
    height:490px;
}
@media (max-width: 991px){
    .scaled-svg{
        transform: scale(1.0);
        display: none;
    }
}
@media (max-width: 1200px){
    .scaled-svg{
        transform: scale(1.0);
    }
    .size-a-11{ height: 550px; padding-top: 10px; padding-bottom: 10px;}
}

#animated_bg {
    /*position: absolute;*/
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    overflow: hidden;
    background: #191d1e; /* Old browsers */
    background: -moz-linear-gradient(0deg,  #191d1e 50%, #283139 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#191d1e), color-stop(100%,#283139)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(0deg,  #191d1e 50%,#283139 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(0deg,  #191d1e 50%,#283139 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(0deg,  #191d1e 50%,#283139 100%); /* IE10+ */
    background: linear-gradient(0deg,  #191d1e 50%,#283139 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191d1e', endColorstr='#283139',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    background-attachment: fixed
}

.center-div-over-canvas {
    width:0;
    height:0;
    position:absolute;
    left:50%;
    top:50%;
    margin-left: -490px;
    margin-top:  -187px;
}

.bg-line1 {
    background-image: linear-gradient(45deg, #f5002d 8.33%, #fff 8.33%, #fff 50%, #f5002d 50%, #f5002d 58.33%, #fff 58.33%, #fff 100%);
    background-size: 8.49px 8.49px;
}

.bg_grad{
    background: #191d1e; /* Old browsers */
    background: -moz-linear-gradient(0deg,  #191d1e 50%, #283139 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,#191d1e), color-stop(100%,#283139)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(0deg,  #191d1e 50%,#283139 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(0deg,  #191d1e 50%,#283139 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(0deg,  #191d1e 50%,#283139 100%); /* IE10+ */
    background: linear-gradient(0deg,  #191d1e 50%,#283139 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191d1e', endColorstr='#283139',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

@media (max-width: 991px) {
    .map-section {
        display: none;
    }
}

@media (min-width: 992px) {
    .map-section {
        display: block;
    }
}
/* End section */