@charset 'UTF-8';
@font-face{font-family:HandelGothicITCW01-Ligh_734401;
    src:url(fonts/a9675142-7e9b-4d39-8c18-a131b68bb5e9.eot?#iefix);
    src:url(fonts/a9675142-7e9b-4d39-8c18-a131b68bb5e9.eot?#iefix) format("eot"),
    url(fonts/0c708b8d-5850-4919-8c3a-d9ddffae8bcf.woff2) format("woff2"),
    url(fonts/3d07db51-8e89-410d-b385-f230f6248b0c.woff) format("woff"),
    url(fonts/d03f7e55-f2a5-420e-8c67-9e25ccc4f185.ttf) format("truetype")
}

* {
	box-sizing: border-box;
}

body {
    padding: 0;
    margin: 0;
    font-size: 2.5rem;
	line-height: 1.25;
    font-family: HandelGothicITCW01-Ligh_734401;
}

.container {
    padding: 0 15px;
    margin: 0 auto;
    width: 100%;
    background-color: #fff;
}

@media (min-width: 768px) {
    .container { max-width: 1500px; }
}

.arrow-up{
    height: 50px;
}

.conditions-wind__map-img {
    position: relative;
    margin-top: 20px;
    height: 0;
    /* overflow: hidden; */
    padding-top: 75%;
}

.conditions-wind__map-img .the-map {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 90%;
}
@media (max-width: 1024px) {
    .conditions-wind__map-img .conditions-wind__station {
        transform: scale(0.75);
    }
}

.station1 {
    top: 72%;
    left: 38%;
    position: absolute;
    display: inline-flex;
}
@media (min-width: 1280px) {
    .station1 {
        left: 37%;
    }
}
.station1 .conditions-wind__station-direction { text-align: center; }

.station2 {
    top: 70%;
    left: 1%;
    position: absolute;
    display: inline-flex;
    flex-direction: row-reverse;
}

@media (min-width: 1280px) {
    .station2 {
        top: 70%;
        left: 3%;
    }
}

.station2 .conditions-wind__station-direction { text-align: right; }

.station3 {
    top: 27%;
    left: 5%;
    position: absolute;
    display: flex;
    flex-direction: row-reverse;
    margin: 0 -5px;
    justify-content: flex-end;
}
@media (min-width: 1280px) {
    .station3 {
        top: 30%;
        left: 8%;
    }
}
@media (max-width: 1280px) {
    .station3 {
        top: 29%;
        left: 5%;
    }
}
@media (max-width: 1030px) {
    .station6 {    
        left: 77%;
    }
}
.station3 > div {
    padding: 0 5px;
}
.station3 .conditions-wind__station-speed {
    display: inline;
}

.station4 {
    top: 21%;
    left: 35%;
    position: absolute;
    display: flex;
    margin: 0 -5px;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
@media (min-width: 1400px) {
    .station4 {
        top: 21%;
        left: 39%;
    }
}
.station4 > div {
    padding: 0 5px;
}
.station4 .conditions-wind__station-speed {
    display: inline;
}

.station5 {
    top: 11%;
    left: 74%;
    position: absolute;
    display: flex;
    margin: 0 -5px;
}
@media (min-width: 1025px) {
    .station5 {
        top: 11%;
        left: 74%;
    }

    .station6{
        left: 80%;
    }
}
@media (max-width: 1025px) {
    .station5 {
        top: 11%;
        left: 71%;
    }
    
}
@media (min-width: 1400px) {
    .station5 {
        top: 11%;
        left: 74%;
    }
}
.station5 > div {
    padding: 0 5px;
}
.station5 .conditions-wind__station-speed {
    display: inline;
}

.station6 {
    top: 34%;
    /*left: 84%;*/
    position: absolute;
    display: inline-flex;
}

#node-circle-6 {
    margin-left: -15%;
}

@media (max-width: 872px) {
    .station-2{
        left: 1%;
    }
}

@media (max-width: 1383px) {
    .arrow-up{
        height: 45px;
    }
    .conditions-wind__station-speed {    
        padding-top: 3%!important;
    }
}

@media (max-width: 1383px) {
   .station6 {
        top: 34%;
     
    }

    .station4{
        left: 38%;
    }
}
@media (min-width: 1400px) {
    .station6 {
        top:35%;
        left: 80%;
    }
}

@media (max-width: 1230px) {
    body {
        font-size: 2rem;
        line-height: 1;
    }
}

@media (max-width: 768px) {
   .conditions-wind__map-img .conditions-wind__station {
        transform: scale(0.55);
    }
}

@media (max-width: 580px) {
   .conditions-wind__map-img .conditions-wind__station {
        transform: scale(0.45);
    }
    .station1{
        left:35%;
    }
    .station2{
        left:-4%;
    }
    .station3{
        left:0;
    }
    .station4{
        left:32%;
        top:20%;
    }
    .station5{
        left:68%;
    }
    .station6{
        left:73%;
    }
    .station5{
        left:68%;
    }
}

@media (max-width: 480px) {
   .conditions-wind__map-img .conditions-wind__station {
        transform: scale(0.40);
    }
     .station1{
        left:32%;
    }
    .station2{
        left:-7%;
    }
    .station3{
        left:-3;
    }
    .station4{
        left:29%;
        top:20%;
    }
    .station5{
        left:65%;
    }
    .station6{
        left:70%;
    }
    .station5{
        left:65%;
    }
}

@media (max-width: 380px) {
   .conditions-wind__map-img .conditions-wind__station {
        transform: scale(0.30);
    }
    .station1{
        left:26%;
    }
    .station2{
        left:-13%;
    }
    .station3{
        left:-9;
    }
    .station4{
        left:23%;
        top:17%;
    }
    .station5{
        left:59%;
    }
    .station6{
        left:64%;
    }
    .station5{
        left:59%;
    }
}