body{ font-family: 'Montserrat', sans-serif;margin: 0}
.ats-sec{position: relative; width: 842px; /*height: 818px;*/margin: auto;}
.ats-sec img{top: 35px;position: absolute; width: 842px; height: 818px; object-fit: contain;object-position: top center;}
.atssec-mn{position: relative;}

.atssec-mn a path, .atssec-mn path{fill:#d2d3d5}
.atssec-mn a path{transition: transform 0.3s ease-in-out;transform-origin: center;transform-box: fill-box; }
.atssec-mn a.block path{cursor: not-allowed;stroke: none;}
.atssec-mn a:hover path{ transform: scale(1.2);}
.atssec-mn a.block:hover path {transform: none;}
.atssec-mn a text{display: none}


.ats-avna{display: flex; flex-wrap: wrap; justify-content: center; padding: 10px;color: #000;font-size: 14px;font-weight: 500;}
.ats-rf, .ats-hf, .ats-vip, .ats-cat1, .ats-ua{padding: 0 10px; display: flex; align-items: center}
.ats-hf span{width: 20px; height: 20px; background: #007abb; display: inline-block; margin-right: 5px}
.ats-rf span{width: 20px; height: 20px; background: #009b3f; display: inline-block; margin-right: 5px}
.ats-vip span{width: 20px; height: 20px; background: #d2d3d5; display: inline-block; margin-right: 5px}
.ats-cat1 span{width: 20px; height: 20px; background: #221435; display: inline-block; margin-right: 5px}
.ats-ua span{width: 20px; height: 20px; background: #797979; display: inline-block; margin-right: 5px}

.atssec-mn a.vip path{fill:#d2d3d5;stroke: #000;}
.atssec-mn a.cat1 path{fill:#221435;stroke: #c7b4e0;}
.atssec-mn a.ahf path{fill:#009b3f;stroke: #013014;}
.atssec-mn a.fca path{fill:#007abb;stroke: #282606;}

a.block107 path, a.block108 path, a.block109 path{
	fill: #d2d3d5 ;
    stroke: #000;
}
a.block102 path, a.block103 path, a.block104 path, a.block105 path, a.block106 path, a.block110 path, a.block111 path, a.block112 path, a.block113 path{
	fill: #221435 ;
    stroke: #c7b4e0;
}
a.block119 path , a.block120 path, a.block121 path, a.block122 path, a.block123 path, a.block124 path, a.block125 path, a.block126 path, a.block127 path, a.block128 path, a.block129 path, a.block130 path, a.block131 path, a.block132 path, a.block133 path, a.block134 path, a.block135 path, a.block136 path, a.block137 path, a.block138 path, a.block139 path, a.block140 path, a.block141 path, a.block142 path, a.block143 path, a.block144 path, a.block145 path, a.block146 path {
    fill: #009b3f ;
    stroke: #013014;
}
a.block115 path, a.block116 path, a.block117 path, a.block118 path{
	fill: #007abb ;
    stroke: #282606;
}





@media (max-width:992px) {
    .ats-modal .modal-body {
        height: 400px;
    }

    .ats-sec {
        transform: scale(0.42);
        transform-origin: top left;
        padding: 20px 0;
		height: 400px;
    }
	.ats-sec img{top: 60px}
}
.ecs-modal .modal-dialog {
    max-width: 850px;
}

.ecs-modal .modal-header {
    background: #58469c;
    flex-direction: row;
    padding: 1rem;
}

.ecs-modal .modal-title {
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.ecs-modal .modal-body {
    padding: 0
}

.ecs-modal .btn-close {
    position: absolute;
    top: 25px;
    right: 20px;
    filter: invert(1);
}

.ecs-modal .modal-body {
    background: #fff
}