.weathertabbed{width: 577px;height: 234px;}

.weathertabbed figureweath {
    display: block;
    margin: 0;
    border-bottom: 0px solid;
    clear: both;
}

.weathertabbed > input,
.weathertabbed figureweath > div {
 display: none;
}

.weathertabbed figureweath>div {
  padding: 5px;
  width: 566px;
  height: 201px;
  background: #deddd6cf;
  overflow: auto;
}

weathernav label {
   float: left;
   padding: 3px;
   color: #a71e44;
   width: 184px;
   height: 20px;
   font-size: 17px;
   text-align: center;
   font-family: 'Rajdhani';
   text-transform: uppercase;
   margin: 0px 1px;
}

weathernav label:nth-child(1) {
}

weathernav label:hover {
 background-color:#a71e44c4;
   color: #dad9d0;
}

weathernav label:active {
 background-color:#deddd6cf;
   color: #a71e44;
}

#weathertab1:checked ~ weathernav label[for="weathertab1"],
#weathertab2:checked ~ weathernav label[for="weathertab2"],
#weathertab3:checked ~ weathernav label[for="weathertab3"],
#weathertab4:checked ~ weathernav label[for="weathertab4"]{
  background-color:#deddd6cf;
   color: #a71e44;
  position: relative;
  border-bottom: none;
}

#weathertab1:checked ~ weathernav label[for="weathertab1"]:after,
#weathertab2:checked ~ weathernav label[for="weathertab2"]:after,
#weathertab3:checked ~ weathernav label[for="weathertab3"]:after,
#weathertab4:checked ~ weathernav label[for="weathertab4"]:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
}

#weathertab1:checked ~ figureweath .weathertab1,
#weathertab2:checked ~ figureweath .weathertab2,
#weathertab3:checked ~ figureweath .weathertab3,
#weathertab4:checked ~ figureweath .weathertab4 {
 display: block;
}