/*
##iconfont
*/
@font-face { font-family: "offerbox"; src: url("../font/offerbox.eot"); src: url("../font/offerbox.eot?#iefix") format("eot"), url("../font/offerbox.woff") format("woff"), url("../font/offerbox.ttf") format("truetype"), url("../font/offerbox.svg#offerbox") format("svg"); font-weight: normal; font-style: normal; }

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

[class^="ofbicon-"].rem1_4, [class*=" ofbicon-"].rem1_4 { font-size: 1.4rem; }

[class^="ofbicon-"].rem2, [class*=" ofbicon-"].rem2 { font-size: 2rem; }

[class^="ofbicon-"].rem2_5, [class*=" ofbicon-"].rem2_5 { font-size: 2.5rem; }

[class^="ofbicon-"]::before, [class*=" ofbicon-"]::before { vertical-align: bottom; }

.ofbicon-2x { font-size: 2em; }

.ofbicon-3x { font-size: 3em; }

.ofbicon-4x { font-size: 4em; }

.ofbicon-5x { font-size: 5em; }

/* ###airplane <span class="ofbicon-airplane"></span> <span class="ofbicon-airplane ofbicon-2x"></span> <span class="ofbicon-airplane ofbicon-3x"></span> <span class="ofbicon-airplane ofbicon-4x"></span> <span class="ofbicon-airplane ofbicon-5x"></span> */
.ofbicon-airplane:before { content: "\EA01"; }

/* ###approach <span class="ofbicon-approach"></span> <span class="ofbicon-approach ofbicon-2x"></span> <span class="ofbicon-approach ofbicon-3x"></span> <span class="ofbicon-approach ofbicon-4x"></span> <span class="ofbicon-approach ofbicon-5x"></span> */
.ofbicon-approach:before { content: "\EA02"; }

/* ###aptitude <span class="ofbicon-aptitude"></span> <span class="ofbicon-aptitude ofbicon-2x"></span> <span class="ofbicon-aptitude ofbicon-3x"></span> <span class="ofbicon-aptitude ofbicon-4x"></span> <span class="ofbicon-aptitude ofbicon-5x"></span> */
.ofbicon-aptitude:before { content: "\EA03"; }

/* ###arrow <span class="ofbicon-arrow"></span> <span class="ofbicon-arrow ofbicon-2x"></span> <span class="ofbicon-arrow ofbicon-3x"></span> <span class="ofbicon-arrow ofbicon-4x"></span> <span class="ofbicon-arrow ofbicon-5x"></span> */
.ofbicon-arrow:before { content: "\EA04"; }

/* ###building <span class="ofbicon-building"></span> <span class="ofbicon-building ofbicon-2x"></span> <span class="ofbicon-building ofbicon-3x"></span> <span class="ofbicon-building ofbicon-4x"></span> <span class="ofbicon-building ofbicon-5x"></span> */
.ofbicon-building:before { content: "\EA05"; }

/* ###check <span class="ofbicon-check"></span> <span class="ofbicon-check ofbicon-2x"></span> <span class="ofbicon-check ofbicon-3x"></span> <span class="ofbicon-check ofbicon-4x"></span> <span class="ofbicon-check ofbicon-5x"></span> */
.ofbicon-check:before { content: "\EA06"; }

/* ###column <span class="ofbicon-column"></span> <span class="ofbicon-column ofbicon-2x"></span> <span class="ofbicon-column ofbicon-3x"></span> <span class="ofbicon-column ofbicon-4x"></span> <span class="ofbicon-column ofbicon-5x"></span> */
.ofbicon-column:before { content: "\EA07"; }

/* ###download <span class="ofbicon-download"></span> <span class="ofbicon-download ofbicon-2x"></span> <span class="ofbicon-download ofbicon-3x"></span> <span class="ofbicon-download ofbicon-4x"></span> <span class="ofbicon-download ofbicon-5x"></span> */
.ofbicon-download:before { content: "\EA08"; }

/* ###dush <span class="ofbicon-dush"></span> <span class="ofbicon-dush ofbicon-2x"></span> <span class="ofbicon-dush ofbicon-3x"></span> <span class="ofbicon-dush ofbicon-4x"></span> <span class="ofbicon-dush ofbicon-5x"></span> */
.ofbicon-dush:before { content: "\EA09"; }

/* ###educational <span class="ofbicon-educational"></span> <span class="ofbicon-educational ofbicon-2x"></span> <span class="ofbicon-educational ofbicon-3x"></span> <span class="ofbicon-educational ofbicon-4x"></span> <span class="ofbicon-educational ofbicon-5x"></span> */
.ofbicon-educational:before { content: "\EA0A"; }

/* ###first <span class="ofbicon-first"></span> <span class="ofbicon-first ofbicon-2x"></span> <span class="ofbicon-first ofbicon-3x"></span> <span class="ofbicon-first ofbicon-4x"></span> <span class="ofbicon-first ofbicon-5x"></span> */
.ofbicon-first:before { content: "\EA0B"; }

/* ###gear <span class="ofbicon-gear"></span> <span class="ofbicon-gear ofbicon-2x"></span> <span class="ofbicon-gear ofbicon-3x"></span> <span class="ofbicon-gear ofbicon-4x"></span> <span class="ofbicon-gear ofbicon-5x"></span> */
.ofbicon-gear:before { content: "\EA0C"; }

/* ###gmail <span class="ofbicon-gmail"></span> <span class="ofbicon-gmail ofbicon-2x"></span> <span class="ofbicon-gmail ofbicon-3x"></span> <span class="ofbicon-gmail ofbicon-4x"></span> <span class="ofbicon-gmail ofbicon-5x"></span> */
.ofbicon-gmail:before { content: "\EA0D"; }

/* ###graph <span class="ofbicon-graph"></span> <span class="ofbicon-graph ofbicon-2x"></span> <span class="ofbicon-graph ofbicon-3x"></span> <span class="ofbicon-graph ofbicon-4x"></span> <span class="ofbicon-graph ofbicon-5x"></span> */
.ofbicon-graph:before { content: "\EA0E"; }

/* ###heart <span class="ofbicon-heart"></span> <span class="ofbicon-heart ofbicon-2x"></span> <span class="ofbicon-heart ofbicon-3x"></span> <span class="ofbicon-heart ofbicon-4x"></span> <span class="ofbicon-heart ofbicon-5x"></span> */
.ofbicon-heart:before { content: "\EA0F"; }

/* ###home <span class="ofbicon-home"></span> <span class="ofbicon-home ofbicon-2x"></span> <span class="ofbicon-home ofbicon-3x"></span> <span class="ofbicon-home ofbicon-4x"></span> <span class="ofbicon-home ofbicon-5x"></span> */
.ofbicon-home:before { content: "\EA10"; }

/* ###intern <span class="ofbicon-intern"></span> <span class="ofbicon-intern ofbicon-2x"></span> <span class="ofbicon-intern ofbicon-3x"></span> <span class="ofbicon-intern ofbicon-4x"></span> <span class="ofbicon-intern ofbicon-5x"></span> */
.ofbicon-intern:before { content: "\EA11"; }

/* ###key <span class="ofbicon-key"></span> <span class="ofbicon-key ofbicon-2x"></span> <span class="ofbicon-key ofbicon-3x"></span> <span class="ofbicon-key ofbicon-4x"></span> <span class="ofbicon-key ofbicon-5x"></span> */
.ofbicon-key:before { content: "\EA12"; }

/* ###login <span class="ofbicon-login"></span> <span class="ofbicon-login ofbicon-2x"></span> <span class="ofbicon-login ofbicon-3x"></span> <span class="ofbicon-login ofbicon-4x"></span> <span class="ofbicon-login ofbicon-5x"></span> */
.ofbicon-login:before { content: "\EA13"; }

/* ###mail <span class="ofbicon-mail"></span> <span class="ofbicon-mail ofbicon-2x"></span> <span class="ofbicon-mail ofbicon-3x"></span> <span class="ofbicon-mail ofbicon-4x"></span> <span class="ofbicon-mail ofbicon-5x"></span> */
.ofbicon-mail:before { content: "\EA14"; }

/* ###memo <span class="ofbicon-memo"></span> <span class="ofbicon-memo ofbicon-2x"></span> <span class="ofbicon-memo ofbicon-3x"></span> <span class="ofbicon-memo ofbicon-4x"></span> <span class="ofbicon-memo ofbicon-5x"></span> */
.ofbicon-memo:before { content: "\EA15"; }

/* ###movie <span class="ofbicon-movie"></span> <span class="ofbicon-movie ofbicon-2x"></span> <span class="ofbicon-movie ofbicon-3x"></span> <span class="ofbicon-movie ofbicon-4x"></span> <span class="ofbicon-movie ofbicon-5x"></span> */
.ofbicon-movie:before { content: "\EA16"; }

/* ###new <span class="ofbicon-new"></span> <span class="ofbicon-new ofbicon-2x"></span> <span class="ofbicon-new ofbicon-3x"></span> <span class="ofbicon-new ofbicon-4x"></span> <span class="ofbicon-new ofbicon-5x"></span> */
.ofbicon-new:before { content: "\EA17"; }

/* ###opinionbox <span class="ofbicon-opinionbox"></span> <span class="ofbicon-opinionbox ofbicon-2x"></span> <span class="ofbicon-opinionbox ofbicon-3x"></span> <span class="ofbicon-opinionbox ofbicon-4x"></span> <span class="ofbicon-opinionbox ofbicon-5x"></span> */
.ofbicon-opinionbox:before { content: "\EA18"; }

/* ###point <span class="ofbicon-point"></span> <span class="ofbicon-point ofbicon-2x"></span> <span class="ofbicon-point ofbicon-3x"></span> <span class="ofbicon-point ofbicon-4x"></span> <span class="ofbicon-point ofbicon-5x"></span> */
.ofbicon-point:before { content: "\EA19"; }

/* ###pr <span class="ofbicon-pr"></span> <span class="ofbicon-pr ofbicon-2x"></span> <span class="ofbicon-pr ofbicon-3x"></span> <span class="ofbicon-pr ofbicon-4x"></span> <span class="ofbicon-pr ofbicon-5x"></span> */
.ofbicon-pr:before { content: "\EA1A"; }

/* ###presant <span class="ofbicon-presant"></span> <span class="ofbicon-presant ofbicon-2x"></span> <span class="ofbicon-presant ofbicon-3x"></span> <span class="ofbicon-presant ofbicon-4x"></span> <span class="ofbicon-presant ofbicon-5x"></span> */
.ofbicon-presant:before { content: "\EA1B"; }

/* ###question <span class="ofbicon-question"></span> <span class="ofbicon-question ofbicon-2x"></span> <span class="ofbicon-question ofbicon-3x"></span> <span class="ofbicon-question ofbicon-4x"></span> <span class="ofbicon-question ofbicon-5x"></span> */
.ofbicon-question:before { content: "\EA1C"; }

/* ###registration <span class="ofbicon-registration"></span> <span class="ofbicon-registration ofbicon-2x"></span> <span class="ofbicon-registration ofbicon-3x"></span> <span class="ofbicon-registration ofbicon-4x"></span> <span class="ofbicon-registration ofbicon-5x"></span> */
.ofbicon-registration:before { content: "\EA1D"; }

/* ###reload <span class="ofbicon-reload"></span> <span class="ofbicon-reload ofbicon-2x"></span> <span class="ofbicon-reload ofbicon-3x"></span> <span class="ofbicon-reload ofbicon-4x"></span> <span class="ofbicon-reload ofbicon-5x"></span> */
.ofbicon-reload:before { content: "\EA1E"; }

/* ###slide <span class="ofbicon-slide"></span> <span class="ofbicon-slide ofbicon-2x"></span> <span class="ofbicon-slide ofbicon-3x"></span> <span class="ofbicon-slide ofbicon-4x"></span> <span class="ofbicon-slide ofbicon-5x"></span> */
.ofbicon-slide:before { content: "\EA1F"; }

/* ###sp <span class="ofbicon-sp"></span> <span class="ofbicon-sp ofbicon-2x"></span> <span class="ofbicon-sp ofbicon-3x"></span> <span class="ofbicon-sp ofbicon-4x"></span> <span class="ofbicon-sp ofbicon-5x"></span> */
.ofbicon-sp:before { content: "\EA20"; }

/* ###special <span class="ofbicon-special"></span> <span class="ofbicon-special ofbicon-2x"></span> <span class="ofbicon-special ofbicon-3x"></span> <span class="ofbicon-special ofbicon-4x"></span> <span class="ofbicon-special ofbicon-5x"></span> */
.ofbicon-special:before { content: "\EA21"; }

/* ###star <span class="ofbicon-star"></span> <span class="ofbicon-star ofbicon-2x"></span> <span class="ofbicon-star ofbicon-3x"></span> <span class="ofbicon-star ofbicon-4x"></span> <span class="ofbicon-star ofbicon-5x"></span> */
.ofbicon-star:before { content: "\EA22"; }

/* ###suggestionbox <span class="ofbicon-suggestionbox"></span> <span class="ofbicon-suggestionbox ofbicon-2x"></span> <span class="ofbicon-suggestionbox ofbicon-3x"></span> <span class="ofbicon-suggestionbox ofbicon-4x"></span> <span class="ofbicon-suggestionbox ofbicon-5x"></span> */
.ofbicon-suggestionbox:before { content: "\EA23"; }

/* ###talk <span class="ofbicon-talk"></span> <span class="ofbicon-talk ofbicon-2x"></span> <span class="ofbicon-talk ofbicon-3x"></span> <span class="ofbicon-talk ofbicon-4x"></span> <span class="ofbicon-talk ofbicon-5x"></span> */
.ofbicon-talk:before { content: "\EA24"; }

/* ###unique <span class="ofbicon-unique"></span> <span class="ofbicon-unique ofbicon-2x"></span> <span class="ofbicon-unique ofbicon-3x"></span> <span class="ofbicon-unique ofbicon-4x"></span> <span class="ofbicon-unique ofbicon-5x"></span> */
.ofbicon-unique:before { content: "\EA25"; }
