/*--------------------------------

tinyme-icon Web Font
Generated using nucleoapp.com

-------------------------------- */
@font-face {
  font-family: 'tinyme-icon';
  src: url('../../fonts/nucleo/tinyme-icon.eot');
  src: url('../../fonts/nucleo/tinyme-icon.eot') format('embedded-opentype'), url('../../fonts/nucleo/tinyme-icon.woff2') format('woff2'), url('../../fonts/nucleo/tinyme-icon.woff') format('woff'), url('../../fonts/nucleo/tinyme-icon.ttf') format('truetype'), url('../../fonts/nucleo/tinyme-icon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* --------------------------------

Primary style

-------------------------------- */
/**, *::after, *::before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  font-family: sans-serif;
  color: #333333;
  background: white;
}

a {
  color: #608CEE;
  text-decoration: none;
}*/

/* --------------------------------

Main components

-------------------------------- */
/*header {
  text-align: center;
  padding: 80px 0 48px;
}

header h1 {
  font-size: 2.8rem;
}

header p {
  font-size: 1.4rem;
  margin-top: 1em;
}

header a:hover {
  text-decoration: underline;
}

ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

ul li {
  border-radius: .25em;
  transition: background 0.2s;
  user-select: none;
  overflow: hidden;
  text-align: center;
  padding: 1em;
}

ul li:hover {
  background: #f8f8f8;
}

ul p, ul em, ul input {
  display: block;
  font-size: 1.1rem;
  color: rgba(0,0,0,0.6);
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  max-width: 11rem;
}

ul p {
  padding: 10px 0;
}

ul p::selection, ul em::selection {
  background: #608CEE;
  color: #fff;
}

ul p::-moz-selection, ul em::-moz-selection {
  background: #608CEE;
  color: #fff;
}

ul em {
  margin-bottom: 8px;
}

ul em::before {
  content: '[';
}
ul em::after {
  content: ']';
}

ul input {
  text-align: center;
  background: transparent;
  border: none;
  box-shadow: none;
  outline: none;
}*/

/* --------------------------------

icons

-------------------------------- */
.icon {
  display: inline-block;
  font: normal normal normal 32px/1 'tinyme-icon';
  speak: none;
  text-transform: none;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*------------------------
  font icons
-------------------------*/

.icon-bag-20-1::before {
    content: "\ea01";
}

.icon-bag-20-2::before {
    content: "\ea02";
}

.icon-bag-20-3::before {
    content: "\ea03";
}

.icon-bag-20-4::before {
    content: "\ea04";
}

.icon-c-question-1::before {
    content: "\ea05";
}

.icon-c-question-2::before {
    content: "\ea06";
}

.icon-c-question-3::before {
    content: "\ea07";
}

.icon-c-question-4::before {
    content: "\ea08";
}

.icon-c-question-5::before {
    content: "\ea09";
}

.icon-delivery-1::before {
    content: "\ea0a";
}

.icon-down-arrow-1::before {
    content: "\ea0b";
}

.icon-down-arrow-2::before {
    content: "\ea0c";
}

.icon-down-arrow-3::before {
    content: "\ea0d";
}

.icon-down-arrow-4::before {
    content: "\ea0e";
}

.icon-down-arrow-5::before {
    content: "\ea0f";
}

.icon-down-arrow-6::before {
    content: "\ea10";
}

.icon-heart-1::before {
    content: "\ea11";
}

.icon-heart-2::before {
    content: "\ea12";
}

.icon-heart-3::before {
    content: "\ea13";
}

.icon-heart-4::before {
    content: "\ea14";
}

.icon-heart-5::before {
    content: "\ea15";
}

.icon-i-remove-1::before {
    content: "\ea16";
}

.icon-i-remove-2::before {
    content: "\ea17";
}

.icon-i-remove-3::before {
    content: "\ea18";
}

.icon-i-remove-4::before {
    content: "\ea19";
}

.icon-i-remove-5::before {
    content: "\ea1a";
}

.icon-menu-8-1::before {
    content: "\ea1b";
}

.icon-menu-8-2::before {
    content: "\ea1c";
}

.icon-menu-8-3::before {
    content: "\ea1d";
}

.icon-menu-8-4::before {
    content: "\ea1e";
}

.icon-menu-8-5::before {
    content: "\ea1f";
}

.icon-menu-8-6::before {
    content: "\ea20";
}

.icon-pen-2::before {
    content: "\ea21";
}

.icon-pen::before {
    content: "\ea22";
}

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

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

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

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

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

.icon-priority-low-1::before {
    content: "\ea28";
}

.icon-priority-low-2::before {
    content: "\ea29";
}

.icon-search::before {
    content: "\ea2a";
}

.icon-single-03-2::before {
    content: "\ea2b";
}

.icon-single-03-3::before {
    content: "\ea2c";
}

.icon-single-03-4::before {
    content: "\ea2d";
}

.icon-single-03::before {
    content: "\ea2e";
}

.icon-star-1::before {
    content: "\ea2f";
}

.icon-star-2::before {
    content: "\ea30";
}

.icon-star-3::before {
    content: "\ea31";
}

.icon-star-4::before {
    content: "\ea32";
}

.icon-star-5::before {
    content: "\ea33";
}

.icon-trash-can::before {
    content: "\ea34";
}

.icon-zoom-1::before {
    content: "\ea35";
}

.icon-zoom-2::before {
    content: "\ea36";
}

.icon-zoom-3::before {
    content: "\ea37";
}

.icon-zoom::before {
    content: "\ea38";
}