.ari-home-countries{
    background-color: #0d265900;
    color:#fff;
    height:0;
    overflow:hidden;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
    z-index:1
}
@media only screen and (max-width:1200px){
    .ari-home-countries{
        margin-bottom:-12px
    }
}
.ari-home-countries.ari-map-open{
    height:430px
}
@media only screen and (max-width:1200px){
    .ari-home-countries.ari-map-open{
        height:512px
    }
}
.ari-home-countries.ari-map-open>div.container>div.ari-home-countries-map{
    height:430px !important;
    max-width: 100%;
}
@media only screen and (max-width:1200px){
    .ari-home-countries.ari-map-open>div.container>div.ari-home-countries-map{
        height:500px !important;

    }
}
.ari-home-countries>div.container{
    padding:48px 40px;
    width:calc( 100% - 80px);
    display:flex;
    flex-direction:row;
    justify-content:flex-end;
    height:430px;
    margin:0 auto
}
@media only screen and (max-width:1200px){
    .ari-home-countries>div.container{
        height:auto;
        padding:24px;
        width:calc( 100% - 48px)
    }
}
.ari-home-countries>div.container>div{
    width:calc( 33% - 16px);
    position:relative;
    z-index:2
}
@media only screen and (max-width:1200px){
    .ari-home-countries>div.container>div{
        width:auto
    }
}
.ari-home-countries>div.container>div h5{
    color:#fff;
    letter-spacing:0px;
    margin-bottom:14px
}
.ari-home-countries>div.container>div>a{
    color:#fff;
    display:inline-block;
    border:1px solid rgba(255,255,255,0.8);
    border-radius:20px;
    margin:0 8px 8px 0;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
    font-size: 16px;
    font-family: 'EffraRegular', sans-serif;
    padding: 5px 12px;
    cursor: pointer;
}
body.rtl .ari-home-countries>div.container>div>a{
    margin:0 0 8px 8px;
    font-weight:700
}
.ari-home-countries>div.container>div>a:hover,.ari-home-countries>div.container>div>a.ari-country-on{
    text-decoration:none;
    color: #b28a42;
    border: 1px solid #b28a42;
}
.ari-home-countries>div.container>div.ari-home-countries-map{
    display:block;
    position:absolute;
    right:0;
    left:0;
    width:100vw;
    height:0;
    overflow:hidden;
    margin:-48px auto -48px auto;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
@media only screen and (max-width:1200px){
    .ari-home-countries>div.container>div.ari-home-countries-map{
        margin:-24px auto -24px auto
    }
}
.ari-home-countries>div.container>div.ari-home-countries-map svg{
    width:100%;
    height:430px;
    max-width:1410px;
}
@media only screen and (max-width:1200px){
    .ari-home-countries>div.container>div.ari-home-countries-map svg{
        height:500px
    }
}
.ari-home-countries>div.container>div.ari-home-countries-map svg g{
    y:-15vw
}
.ari-home-countries>div.container>div.ari-home-countries-map svg g polygon,.ari-home-countries>div.container>div.ari-home-countries-map svg g path{
    fill: rgb(24 45 88);
    stroke: #1e496600;
    stroke-width:0.2px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.ari-home-countries>div.container>div.ari-home-countries-map svg g line#Line{
  fill: rgb(17 29 57);
  stroke: #111D39;
}


.ari-home-countries>div.container>div.ari-home-countries-map svg g polygon.ari-country-activ,.ari-home-countries>div.container>div.ari-home-countries-map svg g path.ari-country-activ
{
    fill: rgb(38 70 127)!important;
    stroke:#111D39 !important
}
.ari-country-on,.ari-home-countries>div.container>div.ari-home-countries-map svg g polygon.ari-country-activ.ari-country-on{
    fill:#FFFFFF !important
}
.ari-home-countries>div.container>div.ari-home-countries-map svg g polygon.ari-country-activ:hover,.ari-home-countries>div.container>div.ari-home-countries-map svg g path.ari-country-activ:hover{
    fill:#FFFFFF !important;
    cursor:pointer;
    z-index:1000;
    position:relative
}
.ari-home-countries>div.container>div.ari-home-countries-map svg g line#PS{
    stroke:rgba(235,238,230,0.1);
    stroke-width:0.23px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.ari-home-countries>div.container>div.ari-home-countries-map svg g line#PS.ari-country-on{
    stroke:#fff !important
}
.ari-home-countries>div.container>div.ari-home-countries-map svg g line#PS.ari-country-activ{
    stroke:rgba(235,238,230,0.65)
}
.ari-home-countries>div.container>div.ari-home-countries-map svg g line#PS.ari-country-activ:hover{
    fill:#fff;
    cursor:pointer;
    z-index:1000;
    position:relative
}


/* REGIONS STYLE */


.ari-home-regions{
    background-color: #0d265900;
    color:#fff;
    height:0;
    overflow:hidden;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
    z-index:1
}
@media only screen and (max-width:1200px){
    .ari-home-regions{
        margin-bottom:-12px
    }
}
.ari-home-regions.ari-map-open{
    height:430px
}
@media only screen and (max-width:1200px){
    .ari-home-regions.ari-map-open{
        height:500px
    }
}
.ari-home-regions.ari-map-open>div.container>div.ari-home-regions-map{
    height:430px !important
}
@media only screen and (max-width:1200px){
    .ari-home-regions.ari-map-open>div.container>div.ari-home-regions-map{
        height:500px !important
    }
}
.ari-home-regions>div.container{
    padding:48px 40px;
    width:calc( 100% - 80px);
    display:flex;
    flex-direction:row;
    justify-content:flex-end;
    height:284px;
    margin:0 auto
}
@media only screen and (max-width:1200px){
    .ari-home-regions>div.container{
        height:auto;
        padding:24px;
        width:calc( 100% - 48px)
    }
}
.ari-home-regions>div.container>div{
    width:calc( 33% - 16px);
    position:relative;
    z-index:2
}
@media only screen and (max-width:1200px){
    .ari-home-regions>div.container>div{
        width:auto
    }
}
.ari-home-regions>div.container>div h5{
    color:#fff;
    letter-spacing:0px;
    margin-bottom:14px
}
.ari-home-regions>div.container>div>a{
    color:#fff;
    display:inline-block;
    border:1px solid rgba(255,255,255,0.8);
    border-radius:20px;
    margin:0 8px 8px 0;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
    font-size: 16px;
    font-family: 'EffraRegular', sans-serif;
    padding: 5px 12px;
    cursor: pointer;
}
body.rtl .ari-home-regions>div.container>div>a{
    margin:0 0 8px 8px;
    font-weight:700
}
.ari-home-regions>div.container>div>a:hover,.ari-home-regions>div.container>div>a.ari-region-on{
    text-decoration:none;
    color: #b28a42;
    border: 1px solid #b28a42;
}
.ari-home-regions>div.container>div.ari-home-regions-map{
    display:block;
    position:absolute;
    right:0;
    left:0;
    width:100vw;
    height:0;
    overflow:hidden;
    margin:-48px auto -48px auto;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
@media only screen and (max-width:1200px){
    .ari-home-regions>div.container>div.ari-home-regions-map{
        margin:-24px auto -24px auto
    }
}
.ari-home-regions>div.container>div.ari-home-regions-map svg{
    width:100%;
    height:430px
}
@media only screen and (max-width:1200px){
    .ari-home-regions>div.container>div.ari-home-regions-map svg{
        height:500px
    }
}
.ari-home-regions>div.container>div.ari-home-regions-map svg g{
    y:-15vw
}
.ari-home-regions>div.container>div.ari-home-regions-map svg g polygon,.ari-home-regions>div.container>div.ari-home-regions-map svg g path{
    fill: rgb(24 45 88);
    stroke: #1e496600;
    stroke-width:0.2px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.ari-home-regions>div.container>div.ari-home-regions-map svg g line#Line{
  fill: rgb(24 45 88);
  stroke: #0e4c7654;
}
.ari-region-on,.ari-home-regions>div.container>div.ari-home-regions-map svg g path.ari-region-on{
    fill:#FFFFFF !important
}
.ari-home-regions>div.container>div.ari-home-regions-map svg g polygon.ari-region-activ{
    fill: rgb(38 70 127);
    stroke:#111D39 !important
}

.ari-home-regions>div.container>div.ari-home-regions-map svg g line#PS{
    stroke:rgba(235,238,230,0.1);
    stroke-width:0.23px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.ari-home-regions>div.container>div.ari-home-regions-map svg g line#PS.ari-region-on{
    stroke:#fff !important
}
.ari-home-regions>div.container>div.ari-home-regions-map svg g line#PS.ari-region-activ{
    stroke:rgba(235,238,230,0.65)
}
.ari-home-regions>div.container>div.ari-home-regions-map svg g line#PS.ari-region-activ:hover{
    fill:#fff;
    cursor:pointer;
    z-index:1000;
    position:relative
}