/*
* New Martini Fonts
* Created with fontastic
*/

@font-face {
    font-family: "martini-new-icons";
    src:url("../fonts/martini-new-icons.eot");
    src:url("../fonts/martini-new-icons.eot?#iefix") format("embedded-opentype"),
        url("../fonts/martini-new-icons.woff") format("woff"),
        url("../fonts/martini-new-icons.ttf") format("truetype"),
        url("../fonts/martini-new-icons.svg#martini-new-icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

/*.icon-home:before,
.icon-search:before,
.icon-user:before,*/
.icon-zoom-in:before,
.icon-video:before {
    font-family: "martini-new-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*.icon-home:before {
  content: "a";
}
.icon-search:before {
  content: "b";
}
.icon-user:before {
  content: "d";
}
*/
.icon-zoom-in:before {
  content: "c";
}

.icon-video:before {
  content: "e";
}
.icon-cancel:before {
  content: "f";
}


/*
* Weather fonts
* Created with iconvau.lt
*/

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

.icon-thunder,
.icon-sunny,
.icon-drizzle,
.icon-hail,
.icon-showers,
.icon-rain,
.icon-snowy,
.icon-frosty,
.icon-windy,
.icon-windyrain,
.icon-windysnow,
.icon-sleet,
.icon-moon,
.icon-night,
.icon-sun,
.icon-cloud,
.icon-sunrise,
.icon-sunset,
.icon-mist {
    font-family: 'iconvault';
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 6em;
}

@media only screen and (min-width: 479px) and (max-width: 678px) {
    .icon-thunder,
    .icon-sunny,
    .icon-drizzle,
    .icon-hail,
    .icon-showers,
    .icon-rain,
    .icon-snowy,
    .icon-frosty,
    .icon-windy,
    .icon-windyrain,
    .icon-windysnow,
    .icon-sleet,
    .icon-moon,
    .icon-night,
    .icon-sun,
    .icon-cloud,
    .icon-sunrise,
    .icon-sunset,
    .icon-mist {
        font-family: "iconvault";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        text-decoration: inherit;
        position: absolute;
    }
}

/* -----BaseCloud----- */

    .base-cloud:before  {
    font-family: 'iconvault';
    content: '\f105';
    position:absolute;
    color:rgb(204, 204, 204);
    }



/* -----windyraincloud----- */

    .windyrain-cloud:before  {
    font-family: 'iconvault';
    content: '\f111';
    position:absolute;
    color:rgb(204, 204, 204);
    }

/* -----Windysnowcloud----- */

    .windysnow-cloud:before  {
    font-family: 'iconvault';
    content: '\f109';
    position:absolute;
    color:rgb(204, 204, 204);
    }

/* -----Basethundercloud----- */

    .base-thunder-cloud:before  {
    font-family: 'iconvault';
    content: '\f105';
    position:absolute;
    color:#000;

    }


/* -----Thunder----- */

    .icon-thunder:before  {
    content: "\f114";
    position:absolute;
    color:rgb(255, 165, 0);
    }

/* -----Sunny----- */

    .icon-sunny:after {
    content: "\f101";
    color:rgb(255, 165, 0);
    position: absolute;
    }


/* -----Drizzle----- */

    .icon-drizzle:before  {
    content: "\f10a";
    color: #82b2e4;
    position: absolute;
}

/* -----Hail----- */

    .icon-hail:before {
    content: "\f10f";
    position:absolute;
    color:rgb(204, 204, 204);}

/* -----Showers----- */

    .icon-showers:before  {
    content: "\f104";
    position:absolute;
    color:#82b2e4;
}

/* -----Rainy----- */

    .icon-rainy:before {
    content: "\f107";
    position:absolute;
    color:#4681c3;
    }

/* -----Snowy----- */

    .icon-snowy:before  {
    content: "\f10b";
    position:absolute;
    color:#acd3f3;
    }

/* -----Frosty----- */

    .icon-frosty:before {
    content: "\f102";
    position:absolute;
    color:#85d8f7;
    }

/* -----Windy----- */

    .icon-windy:before  {
    content: "\f115";
    position:absolute;
    color:rgb(204, 204, 204);
    }

/* -----WindyRain----- */

    .icon-windyrain:before {
    content: "\f10e";
    position:absolute;
    color:#acd3f3;
    }

/* -----WindySnow----- */

    .icon-windysnow:before {
    content: "\f103";
    position:absolute;
    color:#acd3f3;
    }

/* -----Sleet----- */

    .icon-sleet:before  {
    content: "\f10c";
    position:absolute;
    color:#acd3f3;
    }

/* -----Moon----- */

    .icon-moon:after {
    content: "\f10d";
    color:rgb(255, 165, 0);
    position: absolute;
    }

/* -----Night----- */

    .icon-night:after {
    content: "\f100";
    position:absolute;
    color:rgb(255, 165, 0);
    }


/* -----Sun----- */

    .icon-sun:after {
    content: "\f113";
    color:rgb(255, 165, 0);
    position: absolute;
    }

/* -----Cloud----- */

    .icon-cloud:after {
    content: "\f106";
    color:rgb(204, 204, 204);
    position: absolute;
    }


/* -----Sunrise----- */

    .icon-sunrise:before  {
    content: '\f112';
    color:rgb(255, 165, 0);
    position: absolute;
    }

/* -----Sunset----- */

    .icon-sunset:before  {
    content: '\f110';
    color:#f96f23;
    position: absolute;
    }

/* -----Mist----- */

    .icon-mist:before  {
    content: '\f108';
    color:rgb(204, 204, 204);
    position: absolute;
    }