@font-face {
  font-family: 'nachoicons';
  src: url('../font/nachoicons.eot?34333292');
  src: url('../font/nachoicons.eot?34333292#iefix') format('embedded-opentype'),
       url('../font/nachoicons.woff?34333292') format('woff'),
       url('../font/nachoicons.ttf?34333292') format('truetype'),
       url('../font/nachoicons.svg?34333292#nachoicons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'nachoicons';
    src: url('../font/nachoicons.svg?34333292#nachoicons') format('svg');
  }
}
*/
 
 [class^="nicon-"]:before, [class*=" nicon-"]:before {
  font-family: "nachoicons";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.nicon-emo-happy:before { content: '\e85a'; } /* '' */
.nicon-logout:before { content: '\e86c'; } /* '' */
.nicon-emo-wink2:before { content: '\e85c'; } /* '' */
.nicon-emo-unhappy:before { content: '\e85d'; } /* '' */
.nicon-emo-coffee:before { content: '\e891'; } /* '' */
.nicon-emo-sunglasses:before { content: '\e892'; } /* '' */
.nicon-emo-beer:before { content: '\e893'; } /* '' */
.nicon-emo-grin:before { content: '\e895'; } /* '' */
.nicon-emo-angry:before { content: '\e894'; } /* '' */
.nicon-emo-saint:before { content: '\e896'; } /* '' */
.nicon-spin1:before { content: '\e863'; } /* '' */
.nicon-spin2:before { content: '\e862'; } /* '' */
.nicon-spin3:before { content: '\e85e'; } /* '' */
.nicon-spin4:before { content: '\e860'; } /* '' */
.nicon-spin5:before { content: '\e861'; } /* '' */
.nicon-spin6:before { content: '\e85f'; } /* '' */
.nicon-comment-1:before { content: '\e864'; } /* '' */
.nicon-chat-1:before { content: '\e865'; } /* '' */
.nicon-calendar:before { content: '\e868'; } /* '' */
.nicon-right-hand:before { content: '\e803'; } /* '' */
.nicon-left-hand:before { content: '\e802'; } /* '' */
.nicon-smile:before { content: '\e804'; } /* '' */
.nicon-frown:before { content: '\e805'; } /* '' */
.nicon-meh:before { content: '\e866'; } /* '' */
.nicon-music-outline:before { content: '\e81c'; } /* '' */
.nicon-music:before { content: '\e81b'; } /* '' */
.nicon-search-outline:before { content: '\e80a'; } /* '' */
.nicon-search:before { content: '\e80b'; } /* '' */
.nicon-mail:before { content: '\e809'; } /* '' */
.nicon-heart:before { content: '\e808'; } /* '' */
.nicon-heart-filled:before { content: '\e807'; } /* '' */
.nicon-star:before { content: '\e806'; } /* '' */
.nicon-star-filled:before { content: '\e812'; } /* '' */
.nicon-user-outline:before { content: '\e811'; } /* '' */
.nicon-user:before { content: '\e810'; } /* '' */
.nicon-users-outline:before { content: '\e813'; } /* '' */
.nicon-users:before { content: '\e814'; } /* '' */
.nicon-user-add-outline:before { content: '\e815'; } /* '' */
.nicon-user-add:before { content: '\e816'; } /* '' */
.nicon-user-delete-outline:before { content: '\e817'; } /* '' */
.nicon-user-delete:before { content: '\e818'; } /* '' */
.nicon-video:before { content: '\e819'; } /* '' */
.nicon-videocam-outline:before { content: '\e81a'; } /* '' */
.nicon-picture-outline:before { content: '\e80f'; } /* '' */
.nicon-picture:before { content: '\e80c'; } /* '' */
.nicon-camera-outline:before { content: '\e80d'; } /* '' */
.nicon-camera:before { content: '\e80e'; } /* '' */
.nicon-th-outline:before { content: '\e81d'; } /* '' */
.nicon-th:before { content: '\e81e'; } /* '' */
.nicon-th-large-outline:before { content: '\e81f'; } /* '' */
.nicon-th-large:before { content: '\e820'; } /* '' */
.nicon-th-list-outline:before { content: '\e821'; } /* '' */
.nicon-th-list:before { content: '\e822'; } /* '' */
.nicon-ok-outline:before { content: '\e823'; } /* '' */
.nicon-ok:before { content: '\e824'; } /* '' */
.nicon-cancel-outline:before { content: '\e825'; } /* '' */
.nicon-cancel:before { content: '\e826'; } /* '' */
.nicon-cancel-alt:before { content: '\e827'; } /* '' */
.nicon-cancel-alt-filled:before { content: '\e828'; } /* '' */
.nicon-cancel-circled-outline:before { content: '\e829'; } /* '' */
.nicon-cancel-circled:before { content: '\e82a'; } /* '' */
.nicon-plus-outline:before { content: '\e82b'; } /* '' */
.nicon-plus:before { content: '\e82c'; } /* '' */
.nicon-minus-outline:before { content: '\e82d'; } /* '' */
.nicon-minus:before { content: '\e82e'; } /* '' */
.nicon-info-outline:before { content: '\e82f'; } /* '' */
.nicon-info:before { content: '\e830'; } /* '' */
.nicon-home-outline:before { content: '\e831'; } /* '' */
.nicon-home:before { content: '\e832'; } /* '' */
.nicon-link-outline:before { content: '\e833'; } /* '' */
.nicon-link:before { content: '\e834'; } /* '' */
.nicon-lock:before { content: '\e835'; } /* '' */
.nicon-lock-filled:before { content: '\e836'; } /* '' */
.nicon-lock-open:before { content: '\e837'; } /* '' */
.nicon-lock-open-filled:before { content: '\e838'; } /* '' */
.nicon-pin-outline:before { content: '\e839'; } /* '' */
.nicon-pin:before { content: '\e83a'; } /* '' */
.nicon-eye-outline:before { content: '\e83b'; } /* '' */
.nicon-eye:before { content: '\e83c'; } /* '' */
.nicon-emo-wink:before { content: '\e85b'; } /* '' */
.nicon-tags:before { content: '\e83e'; } /* '' */
.nicon-bookmark:before { content: '\e83f'; } /* '' */
.nicon-flag:before { content: '\e840'; } /* '' */
.nicon-flag-filled:before { content: '\e841'; } /* '' */
.nicon-thumbs-up-1:before { content: '\e842'; } /* '' */
.nicon-thumbs-down-1:before { content: '\e843'; } /* '' */
.nicon-download-outline:before { content: '\e844'; } /* '' */
.nicon-download:before { content: '\e845'; } /* '' */
.nicon-upload-outline:before { content: '\e846'; } /* '' */
.nicon-upload:before { content: '\e847'; } /* '' */
.nicon-reply-outline:before { content: '\e848'; } /* '' */
.nicon-reply:before { content: '\e849'; } /* '' */
.nicon-forward-outline:before { content: '\e84a'; } /* '' */
.nicon-forward:before { content: '\e84b'; } /* '' */
.nicon-code-outline:before { content: '\e84c'; } /* '' */
.nicon-code:before { content: '\e84d'; } /* '' */
.nicon-pencil:before { content: '\e84e'; } /* '' */
.nicon-pen:before { content: '\e84f'; } /* '' */
.nicon-edit:before { content: '\e850'; } /* '' */
.nicon-print:before { content: '\e851'; } /* '' */
.nicon-comment:before { content: '\e852'; } /* '' */
.nicon-chat:before { content: '\e853'; } /* '' */
.nicon-chat-alt:before { content: '\e854'; } /* '' */
.nicon-bell:before { content: '\e857'; } /* '' */
.nicon-attention:before { content: '\e855'; } /* '' */
.nicon-attention-filled:before { content: '\e856'; } /* '' */
.nicon-warning-empty:before { content: '\e859'; } /* '' */
.nicon-warning:before { content: '\e858'; } /* '' */
.nicon-location-outline:before { content: '\e86d'; } /* '' */
.nicon-location:before { content: '\e86e'; } /* '' */
.nicon-trash:before { content: '\e879'; } /* '' */
.nicon-news:before { content: '\e876'; } /* '' */
.nicon-folder:before { content: '\e877'; } /* '' */
.nicon-folder-add:before { content: '\e878'; } /* '' */
.nicon-folder-delete:before { content: '\e88e'; } /* '' */
.nicon-rss-outline:before { content: '\e88f'; } /* '' */
.nicon-rss:before { content: '\e87a'; } /* '' */
.nicon-phone-outline:before { content: '\e87b'; } /* '' */
.nicon-phone:before { content: '\e87c'; } /* '' */
.nicon-menu-outline:before { content: '\e875'; } /* '' */
.nicon-menu:before { content: '\e874'; } /* '' */
.nicon-cog-outline:before { content: '\e873'; } /* '' */
.nicon-cog:before { content: '\e872'; } /* '' */
.nicon-wrench-outline:before { content: '\e86f'; } /* '' */
.nicon-wrench-1:before { content: '\e870'; } /* '' */
.nicon-basket-1:before { content: '\e871'; } /* '' */
.nicon-down:before { content: '\e867'; } /* '' */
.nicon-left:before { content: '\e897'; } /* '' */
.nicon-right:before { content: '\e898'; } /* '' */
.nicon-up:before { content: '\e899'; } /* '' */
.nicon-down-outline:before { content: '\e89a'; } /* '' */
.nicon-left-outline:before { content: '\e89b'; } /* '' */
.nicon-right-outline:before { content: '\e89c'; } /* '' */
.nicon-up-outline:before { content: '\e89d'; } /* '' */
.nicon-cw-outline:before { content: '\e87d'; } /* '' */
.nicon-cw:before { content: '\e87e'; } /* '' */
.nicon-arrows-cw-outline:before { content: '\e87f'; } /* '' */
.nicon-arrows-cw:before { content: '\e880'; } /* '' */
.nicon-wifi-outline:before { content: '\e882'; } /* '' */
.nicon-wifi:before { content: '\e881'; } /* '' */
.nicon-power-outline:before { content: '\e86b'; } /* '' */
.nicon-power:before { content: '\e885'; } /* '' */
.nicon-check-outline:before { content: '\e88a'; } /* '' */
.nicon-check:before { content: '\e88b'; } /* '' */
.nicon-certificate-outline:before { content: '\e88c'; } /* '' */
.nicon-certificate:before { content: '\e88d'; } /* '' */
.nicon-sort-alphabet-outline:before { content: '\e886'; } /* '' */
.nicon-sort-alphabet:before { content: '\e887'; } /* '' */
.nicon-sort-numeric-outline:before { content: '\e888'; } /* '' */
.nicon-sort-numeric:before { content: '\e889'; } /* '' */
.nicon-facebook-circled:before { content: '\e883'; } /* '' */
.nicon-facebook-1:before { content: '\e884'; } /* '' */
.nicon-pinterest-circled:before { content: '\e869'; } /* '' */
.nicon-pinterest:before { content: '\e86a'; } /* '' */
.nicon-twitter-circled:before { content: '\e800'; } /* '' */
.nicon-twitter:before { content: '\e801'; } /* '' */
.nicon-login:before { content: '\e890'; } /* '' */
.nicon-logout-1:before { content: '\e89e'; } /* '' */
.nicon-tag:before { content: '\e83d'; } /* '' */

.arrow-down {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid black;
  position: absolute;
  margin: 10px;
  cursor: pointer;
}
.arrow-up {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 8px solid black;
  position: absolute;
  margin: 10px;
  cursor: pointer;
}