@font-face {
  font-family: 'ProximaNova';
  src: url('../fonts/ProximaNova-Light-webfont.eot');
  src: url('../fonts/ProximaNova-Light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ProximaNova-Light-webfont.woff2') format('woff2'),
    url('../fonts/ProximaNova-Light-webfont.woff') format('woff'),
    url('../fonts/ProximaNova-Light-webfont.ttf') format('truetype'),
    url('../fonts/ProximaNova-Light-webfont.svg#proxima_novalight') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('../fonts/ProximaNova-Regular-webfont.eot');
  src: url('../fonts/ProximaNova-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ProximaNova-Regular-webfont.woff2') format('woff2'),
    url('../fonts/ProximaNova-Regular-webfont.woff') format('woff'),
    url('../fonts/ProximaNova-Regular-webfont.ttf') format('truetype'),
    url('../fonts/ProximaNova-Regular-webfont.svg#proxima_nova_rgregular') format('svg');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('../fonts/ProximaNova-Semibold-webfont.eot');
  src: url('../fonts/ProximaNova-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ProximaNova-Semibold-webfont.woff2') format('woff2'),
    url('../fonts/ProximaNova-Semibold-webfont.woff') format('woff'),
    url('../fonts/ProximaNova-Semibold-webfont.ttf') format('truetype'),
    url('../fonts/ProximaNova-Semibold-webfont.svg#proxima_novasemibold') format('svg');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('../fonts/ProximaNova-Bold-webfont.eot');
  src: url('../fonts/ProximaNova-Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ProximaNova-Bold-webfont.woff2') format('woff2'),
    url('../fonts/ProximaNova-Bold-webfont.woff') format('woff'),
    url('../fonts/ProximaNova-Bold-webfont.ttf') format('truetype'),
    url('../fonts/ProximaNova-Bold-webfont.svg#proxima_nova_rgbold') format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('../fonts/ProximaNova-BoldIt-webfont.eot');
  src: url('../fonts/ProximaNova-BoldIt-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ProximaNova-BoldIt-webfont.woff2') format('woff2'),
    url('../fonts/ProximaNova-BoldIt-webfont.woff') format('woff'),
    url('../fonts/ProximaNova-BoldIt-webfont.ttf') format('truetype'),
    url('../fonts/ProximaNova-BoldIt-webfont.svg#proxima_nova_rgbold_italic') format('svg');
  font-weight: 700;
  font-style: italic;
}

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

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

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

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	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;
}

[class^="icon2-"], [class*=" icon2-"] {
	font-family: 'icomoon2';
	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;
}

[class^="icon3-"], [class*=" icon3-"] {
	font-family: 'icomoon3';
	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;
}

.icon-icon-download:before {
	content: "\e613";
}
.icon-icon-label:before {
	content: "\e614";
}
.icon-icon-user:before {
	content: "\e615";
}

.icon-icon-add-file:before {
	content: "\e60b";
}

.icon-icon-approved:before {
	content: "\e60c";
}

.icon-icon-barcode-scanner:before {
	content: "\e60d";
}

.icon-icon-dashboard:before {
	content: "\e60e";
}

.icon-icon-edit:before {
	content: "\e60f";
}

.icon-icon-info:before {
	content: "\e610";
}

.icon-icon-logout:before {
	content: "\e611";
}

.icon-icon-upload-file:before {
	content: "\e612";
}

.icon-icon-left:before {
	content: "\e60a";
}

.icon-icon-email-action:before {
	content: "\e609";
}

.icon-icon-b2c-square:before {
	content: "\e600";
}

.icon-icon-close:before {
	content: "\e601";
}

.icon-icon-down:before {
	content: "\e602";
}

.icon-icon-flag:before {
	content: "\e603";
}

.icon-icon-magnifier:before {
	content: "\e604";
}

.icon-icon-phone:before {
	content: "\e605";
}

.icon-icon-question-mark:before {
	content: "\e606";
}

.icon-icon-right:before {
	content: "\e607";
}

.icon-icon-up:before {
	content: "\e608";
}

/* Pack Icomoon #2 */

.icon2-icon-cart:before {
	content: "\e900";
}
.icon2-icon-coin-dollar:before {
	content: "\e901";
}
.icon2-icon-coin-euro:before {
	content: "\e902";
}
.icon2-icon-coin-pound:before {
	content: "\e903";
}
.icon2-icon-coin-yen:before {
	content: "\e904";
}
.icon2-icon-credit-card:before {
	content: "\e905";
}
.icon2-icon-location:before {
	content: "\e906";
}
.icon2-icon-spinner2:before {
	content: "\e907";
}
.icon2-icon-bookmark:before {
	content: "\e908";
}
.icon2-icon-bookmark:before {
	content: "\e908";
}

/* Pack Icomoon #3 */
.icon3-icon-file-empty:before {
	content: "\e902";
}
.icon3-icon-file-text2:before {
	 content: "\e903";
}
.icon3-icon-phone:before {
	content: "\e904";
}
.icon3-icon-envelop:before {
	content: "\e905";
}
.icon3-icon-clock:before {
	content: "\e90b";
}
.icon3-icon-user-check:before {
	content: "\e90c";
}
.icon3-icon-bin:before {
	content: "\e900";
}
.icon3-icon-truck:before {
	content: "\e90d";
}
.icon3-icon-clipboard:before {
	content: "\e901";
}
.icon3-icon-question:before {
	content: "\e906";
}
.icon3-icon-plus:before {
	content: "\e90e";
}
.icon3-icon-minus:before {
	content: "\e90f";
}
.icon3-icon-info:before {
	content: "\e910";
}
.icon3-icon-circle-right:before {
	content: "\e907";
}
.icon3-icon-circle-down:before {
	content: "\e908";
}
.icon3-icon-file-pdf:before {
	content: "\e909";
}

.cool-icon, .cool-icon-clickable{
	font-size: 130%;
	margin-right: 0.2em;
	color: #575757;
	text-shadow: 1px 1px rgba(255,255,255,.6);
}

.cool-icon-clickable:hover{
	color: #d41140;
}

@font-face {
	font-family: 'b2c-syp';
	src:url('../fonts/b2c-syp.eot?1x6siw');
	src:url('../fonts/b2c-syp.eot?#iefix1x6siw') format('embedded-opentype'),
		url('../fonts/b2c-syp.ttf?1x6siw') format('truetype'),
		url('../fonts/b2c-syp.woff?1x6siw') format('woff'),
		url('../fonts/b2c-syp.svg?1x6siw#b2c-syp') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="syp-icon-"], [class*=" syp-icon-"] {
	font-family: 'b2c-syp';
	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;
}

.syp-icon-market .path1:before {
	content: "\e600";
	color: rgb(247, 152, 29);
}
.syp-icon-market .path2:before {
	content: "\e601";
	margin-left: -0.705078125em;
	color: rgb(247, 152, 29);
}
.syp-icon-market .path3:before {
	content: "\e602";
	margin-left: -0.705078125em;
	color: rgb(35, 31, 32);
}
.syp-icon-market .path4:before {
	content: "\e603";
	margin-left: -0.705078125em;
	color: rgb(35, 31, 32);
}
.syp-icon-market .path5:before {
	content: "\e604";
	margin-left: -0.705078125em;
	color: rgb(255, 255, 255);
}
.syp-icon-truck .path1:before {
	content: "\e605";
	color: rgb(35, 31, 32);
}
.syp-icon-truck .path2:before {
	content: "\e606";
	margin-left: -0.705078125em;
	color: rgb(35, 31, 32);
}
.syp-icon-truck .path3:before {
	content: "\e607";
	margin-left: -0.705078125em;
	color: rgb(35, 31, 32);
}
.syp-icon-truck .path4:before {
	content: "\e608";
	margin-left: -0.705078125em;
	color: rgb(35, 31, 32);
}
.syp-icon-truck .path5:before {
	content: "\e609";
	margin-left: -0.705078125em;
	color: rgb(35, 31, 32);
}
.syp-icon-truck .path6:before {
	content: "\e60a";
	margin-left: -0.705078125em;
	color: rgb(35, 31, 32);
}
.syp-icon-truck .path7:before {
	content: "\e60b";
	margin-left: -0.705078125em;
	color: rgb(247, 152, 29);
}
.syp-icon-user:before {
	content: "\e60c";
}
.syp-icon-warehouse-black .path1:before {
	content: "\e60d";
	color: rgb(35, 31, 32);
}
.syp-icon-warehouse-black .path2:before {
	content: "\e60e";
	margin-left: -0.705078125em;
	color: rgb(35, 31, 32);
}
.syp-icon-warehouse-black .path3:before {
	content: "\e60f";
	margin-left: -0.705078125em;
	color: rgb(247, 152, 29);
}
.syp-icon-warehouse-black .path4:before {
	content: "\e610";
	margin-left: -0.705078125em;
	color: rgb(146, 148, 151);
}
.syp-icon-warehouse-black .path5:before {
	content: "\e611";
	margin-left: -0.705078125em;
	color: rgb(35, 31, 32);
}
.syp-icon-warehouse-yellow .path1:before {
	content: "\e612";
	color: rgb(247, 152, 29);
}
.syp-icon-warehouse-yellow .path2:before {
	content: "\e613";
	margin-left: -0.705078125em;
	color: rgb(247, 152, 29);
}
.syp-icon-warehouse-yellow .path3:before {
	content: "\e614";
	margin-left: -0.705078125em;
	color: rgb(247, 152, 29);
}
.syp-icon-warehouse-yellow .path4:before {
	content: "\e615";
	margin-left: -0.705078125em;
	color: rgb(146, 148, 151);
}
.syp-icon-warehouse-yellow .path5:before {
	content: "\e616";
	margin-left: -0.705078125em;
	color: rgb(247, 152, 29);
}
