/*
CLOSE ICON
*/
.close.icon {
  color: #000;
  position: absolute;
  margin-top: 0;
  margin-left: 0;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.close.icon:before {
  content: '';
  position: absolute;
  top: 10px;
  width: 30px;
  height: 2px;
  background-color: currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.close.icon:after {
  content: '';
  position: absolute;
  top: 10px;
  width: 30px;
  height: 2px;
  background-color: currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/*
PLUS ICON
*/
.plus.icon {
  color: #fff;
  position: absolute;
  margin-left: -8px;
  margin-top: 12px;
}
.plus.icon:before {
  content: '';
  position: absolute;
  width: 16px;
  height: 2px;
  background-color: currentColor;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.plus.icon:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 2px;
  background-color: currentColor;
}

/*
MINUS ICON
*/
.minus.icon {
  color: #fff;
  position: absolute;
  margin-left: -8px;
  margin-top: 12px;
}
.minus.icon:before {
  content: '';
  position: absolute;
  background-color: currentColor;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.minus.icon:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 2px;
  background-color: currentColor;
}

/*
BACK TO TOP ICON
*/
.backtotop.icon:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 12px;
  width: 16px;
  height: 16px;
  border-left: solid 2px currentColor;
  border-top: solid 2px currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.backtotop.icon:after {
  content: '';
  position: absolute;
  top: 18px;
  left: 12px;
  width: 16px;
  height: 16px;
  border-bottom: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

/*
NEXT ICON
*/
.code.icon {
  color: #000;
  position: absolute;
  margin-left: 3px;
  margin-top: 6px;
}
.code.icon:before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.code.icon:after {
  content: '';
  position: absolute;
  left: 6px;
  width: 8px;
  height: 8px;
  border-bottom: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*
SLIDER ARROW ICON
*/
.slider-arrow {
	display: inline-block;
	margin: 0 -10px 0 0;
	width: 23px;
	height: 23px;
	color: #009fe3;
	cursor: pointer;
}
.slider-arrow.previous:before {
  content: '';
  position: absolute;
  margin-left: -5px;
  width: 20px;
  height: 20px;
  border-left: solid 2px currentColor;
  border-top: solid 2px currentColor;
  -webkit-transform: rotate(-45deg) skew(12deg, 12deg);
          transform: rotate(-45deg) skew(12deg, 12deg);
}
.slider-arrow.next:before {
  content: '';
  position: absolute;
  margin-left: -16px;
  width: 20px;
  height: 20px;
  border-left: solid 2px currentColor;
  border-top: solid 2px currentColor;
  -webkit-transform: rotate(135deg) skew(12deg, 12deg);
          transform: rotate(135deg) skew(12deg, 12deg);
}
.slider-arrow.previous.hidden:before {
	visibility: hidden;
}
.slider-arrow.next.hidden:before {
	visibility: hidden;
}

/*
	Download icon
*/
.download.icon {
  color: #009fe3;
  position: absolute;
  margin-left: -20px;
  margin-top: 12px;
  width: 13px;
  height: 4px;
  border-radius: 1px;
  border: solid 2px currentColor;
  border-top: none;
}
.download.icon:before {
  content: '';
  position: absolute;
  left: 4px;
  top: -9px;
  width: 2px;
  height: 10px;
  background-color: currentColor;
}
.download.icon:after {
  content: '';
  position: absolute;
  left: 3px;
  top: -4px;
  width: 4px;
  height: 4px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}