@font-face {
    font-family: 'icomoon';
    src: url('../Fonts/icomoon.eot?izgkk0');
    src: url('../Fonts/icomoon.eot?izgkk0#iefix') format('embedded-opentype'), url('../Fonts/icomoon.ttf?izgkk0') format('truetype'), url('../Fonts/icomoon.woff?izgkk0') format('woff'), url('../Fonts/icomoon.svg?izgkk0#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="ngicon-"], [class*=" ngicon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*.ngicon-Locationicon:before {
    content: "\e900";
    color: #FFFFFF;
    font-size: 3em;
}
.ngicon-Precipitationicon:before {
    content: "\e901";
    color: #66C9DE;
    font-size: 3em;
}
.ngicon-rigntarrowicon:before {
    content: "\e902";
    color: #FFFFFF;
    font-size: 5em;
}
.ngicon-Serarchicon:before {
    content: "\e903";
    color: #FFFFFF;
    font-size: 2em;
}
.ngicon-Temperatureicon:before {
    content: "\e904";
    color: #9F040D;
    font-size: 3em;
}
.ngicon-Windicon:before {
    content: "\e905";
    color: #157DA3; 
    font-size: 3em;
}
.ngicon-btn_2:before {
    content: "\e906";
}
.ngicon-btn_4:before {
    content: "\e907";
}*/
/*.ngicon-Locationicon:before {
    content: "\e900";
    color: #FFFFFF;
    font-size: 6em;
}*/

.ngicon-LocationiconTwo:before {
    content: "\e900";
    color: #FFFFFF;
    font-size: 1.35em;
}

.ngicon-LocationiconThree:before {
    content: "\e900";
    color: #FFFFFF;
    font-size: 2.65em;
}

.ngicon-Precipitationicon:before {
    content: "\e901";
    color: #66C9DE;
    font-size: 2.9em;
}

.ngicon-Serarchicon:before {
    content: "\e902";
    color: #FFFFFF;
    font-size: 2em;
}



.ngicon-Temperatureicon:before {
    content: "\e903";
    color: #9F040D;
    font-size: 2.9em;
}

.ngicon-Windicon:before {
    content: "\e904";
    color: #157DA3;
    font-size: 2.9em;
}


.ngicon-btn_1:before {
    content: "\e905";
}

.ngicon-btn_2:before {
    content: "\e906";
}

.ngicon-btn_4:before {
    content: "\e907";
}

.ngicon-btn_6:before {
    content: "\e908";
}

.ngicon-btn_7:before {
    content: "\e909";
}

.ngicon-btn_8:before {
    content: "\e90a";
}

.ngicon-btn_9:before {
    content: "\e90b";
}

@media screen and (max-width:1700px) {
    .ngicon-Locationicon:before {
        content: "\e900";
        color: #FFFFFF;
        font-size: 90px;
        margin-left: -10px;
        margin-top: -13px;
        position: absolute;
    }

    .ngicon-LocationiconFive:before {
        content: "\e900";
        color: #FFFFFF;
        font-size: 85px;
        margin-left: -45px;
        margin-top: -33px;
        position: absolute;
    }
}

@media screen and (max-width:1440px) {
    .ngicon-Locationicon:before {
        content: "\e900";
        color: #FFFFFF;
        font-size: 90px;
        /*margin-left: -45px;*/
        margin-top: -12px;
        position: absolute;
    }

    .ngicon-LocationiconFive:before {
        content: "\e900";
        color: #FFFFFF;
        font-size: 85px;
        margin-left: -25px;
        margin-top: -33px;
        position: absolute;
    }

    .ngicon-HistoricLocationicon:before {
        content: "\e900";
        color: #FFFFFF;
        font-size: 51px;
        margin-left: -10px;
        margin-top: -5px;
        position: absolute;
    }

    .ngicon-HistoricSerarchicon:before {
        content: "\e902";
        color: #FFFFFF;
        font-size: 2em;
    }
}
@media screen and (max-width:1200px) {
    .ngicon-LocationiconFive:before {
        content: "\e900";
        color: #FFFFFF;
        font-size: 85px;
        margin-left: -25px;
        margin-top: -33px;
        position: absolute;
    }
}
@media screen and (max-width:991px) {
  

    .ngicon-LocationiconFive:before {
        content: "\e900";
        color: #FFFFFF;
        font-size: 70px;
        position: absolute;
        /*padding-left: 20px;*/
        padding-top: 5px;
    }

   
}
@media screen and (max-width:800px) {
    .ngicon-Locationicon:before {
        content: "\e900";
        color: #FFFFFF;
        font-size: 90px;
        position: absolute;
        padding-left: 0px;
    }

    .ngicon-LocationiconFive:before {
        content: "\e900";
        color: #FFFFFF;
        font-size: 70px;
        position: absolute;
        padding-top: 5px;
        padding-left:0px;
    }

    .ngicon-HistoricLocationicon:before {
        content: "\e900";
        color: #FFFFFF;
        font-size: 51px;
        margin-left: -10px;
        margin-top: -5px;
        position: absolute;
    }
}

@media screen and (max-width:500px) {
    .ngicon-Locationicon:before {
        content: "\e900";
        color: #FFFFFF;
        font-size: 60px;
        position: absolute;
        padding-left: 0px;
        padding-top: 10px;
    }

    .ngicon-LocationiconFive:before {
        content: "\e900";
        color: #FFFFFF;
        font-size: 60px;
        position: absolute;
        padding-top: 10px;
        padding-left: 0px;
    }

    .ngicon-HistoricLocationicon:before {
        content: "\e900";
        color: #FFFFFF;
        font-size: 49px;
        margin-left: -10px;
        margin-top: -5px;
        position: absolute;
    }
}

@media screen and (max-width:479px) {
    .ngicon-Locationicon:before {
        content: "\e900";
        color: #FFFFFF;
        font-size: 48px;
        padding-left: 0px;
        padding-top: 10px;
        position: absolute;
    }

    .ngicon-LocationiconFive:before {
        content: "\e900";
        color: #FFFFFF;
        font-size: 48px;
        padding-top: 23px;
        position: absolute;
        padding-left: 5px;
    }

    .ngicon-HistoricLocationicon:before {
        content: "\e900";
        color: #FFFFFF;
        font-size: 52px;
        margin-left: -10px;
        margin-top: -5px;
        position: absolute;
    }
}