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

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

[data-icon]:before,
[data-icon]:after {
	font-family: 'raiker';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.icon-search, 
.icon-mobile-menu, 
.icon-dropdown, 
.icon-basket,
.icon-circle-tick,
.icon-phone,
.icon-circle,
.icon-settings,
.icon-down,
.icon-menu-down,
.icon-menu-up {
	font-family: 'raiker';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	color: #ED145B;
}

.icon-circle-tick:before {
	content: "\e000";
}

.icon-circle:before {
	content: "\e001";
}

.icon-search:after {
	content: "\e002";
}

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

.icon-mobile-menu:before {
	content: "\e006";
	font-size: 22px;
	color: white;
	line-height: 52px;
	padding: 10px 15px;
}

.icon-dropdown:after {
	content: "\e005";
}

.icon-basket:before {
	content: "\e008";
}

.icon-settings:before {
	content: "\e009";
}

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

.icon-menu-up:before {
	content: "\e007";
	position: absolute;
	top: 6px;
	right: 20px;
	color: #d5bdc4;
	font-size: 14px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	cursor: pointer;
	text-align: center;
	width: 18px;
}

.icon-menu-down:before {
	content: "\e007";
	position: absolute;
	top: 18px;
	right: 20px;
	color: #d5bdc4;
	font-size: 14px;
	cursor: pointer;
	text-align: center;
	width: 18px;
}

.icon-menu-up:hover:before {
	background: #8a1839;
}
.icon-menu-down:hover:before {
	background: #8a1839;
}