/*the different colores*/
/*attn*/
form > div {
  position: relative;
}
form input{
  position: relative;
  background: white;
  border: 1px solid gray;
  border-radius: 5px;
  padding: 20px 32px;
  text-decoration: none;
  cursor: pointer;
  margin: 20px auto;
  font-weight: bold;
  width: 90%;
  z-index: 1;
  text-transform: uppercase;
  text-overflow: ellipsis;
}
form input:valid {
  background: #deeaee;
  border-color: black;
}
form input:focus {
  border-color: #deeaee;
  outline: none;
}
form input:focus + label {
  background: #2fd9d4;
  color: black;
  padding: 0px 6px;
  transition: 0.3s;
  z-index: 2;
}
form label {
  transition: background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s, left 0.2s;
  color: #999;
  position: absolute;
  display: inline-block;
  clear: both;
  margin-left: -279px;
}

form.go-right input:focus + label {
  right: 0px;
  margin-right: 20px;
  padding-top: 5px;
}
.clearfooter {
  height: 140px;
  clear: both;
}

#containerLogin {
  min-height: 100%;
  padding-bottom: 63px;
  position: relative;
  background-color: white;
}
#containerRegister {
  min-height: 100%;
  position: relative;
  background-color: white;
}
/* add a footer */
#footer {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  margin-bottom: -120px;
  width: 100%;
  text-align: center;
  background-color: #deeaee;
}
/* line 72, ../sass/style.scss */
body, html {
  position: relative;
  height: 100%;
  background-color: #deeaee;
  font-family: Copperplate, "Copperplate Gothic Light", fantasy;
}


h1.lookzee-title {
	font-family: Copperplate, "Copperplate Gothic Light", fantasy;
	font-size: 50px;
  color: black;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
  text-align: center;
}

h3.lookzee-header-remark {
  font-family: Copperplate, "Copperplate Gothic Light", monospace;
  font-size: 18px;
  color: black;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  line-height: 26px;
  text-align: center;
}
/*
 * Login/Register Button Styles
 */
.login-form input {
  background: #2fd9d4;
  border: none;
  border-radius: 5px;
  color: white;
  padding: 20px 32px;
  text-decoration: none;
  cursor: pointer;
  /* */
  width: 90%;
  display: block;
  margin: 20px auto;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.register-form input {
  background: #2fd9d4;
  border: none;
  border-radius: 5px;
  color: white;
  padding: 20px 32px;
  text-decoration: none;
  cursor: pointer;
  /* */
  width: 90%;
  display: block;
  margin: 20px auto;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.login-form input:hover {
  background: #deeaee;
}
 .register-form input:hover {
  background: #deeaee;
}
/* login register button */
a.logreg-button {
  background: #2fd9d4;
  border: none;
  border-radius: 5px;
  color: white;
  padding: 20px 32px;
  text-decoration: none;
  cursor: pointer;
  /* */
  display: block;
  margin: 20px auto;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  /* */
  width: 100%;
  background-size: cover;
  margin-top: 0;
  margin-bottom: 16px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

/* Set padding to keep content from hitting the edges */
/* line 89, ../sass/style.scss */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
  height: 100%;
  min-height: 100%;
}

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
/* line 99, ../sass/style.scss */
.dl-horizontal dt {
  white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/* line 104, ../sass/style.scss */
input,
select,
textarea {
  max-width: 280px;
}

/* FIRST SLIDE */
/* line 115, ../sass/style.scss */
#tab-content-0 {
  padding: 0;
}
/* line 118, ../sass/style.scss */
#tab-content-0 img {
  width: 100%;
}

/* line 126, ../sass/style.scss */
.fake-upload-button {
  margin-top: 20px;
  display: block;
  margin-bottom: 20px;
}

/* line 132, ../sass/style.scss */
.preview-image {
  max-width: 400px;
  width: 90%;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
}


/* line 153, ../sass/style.scss */
input[type="submit"] {
  background: #00C182;
}

/* line 157, ../sass/style.scss */
#reset-form .button {
  background: #6AF1C5;
}

/* line 165, ../sass/style.scss */
#window-shade {
  background: white;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: -50px;
  bottom: -50px;
  left: -20px;
  right: -20px;
  z-index: 89;
  display: none;
}

/* line 177, ../sass/style.scss */
.popup {
  position: fixed;
  left: 20px;
  right: 20px;
  top: 140px;
  z-index: 90;
  background: white;
  display: none;
}

/* line 187, ../sass/style.scss */
.image-group {
  background: #6AF1C5;
  padding: 20px;
  margin-bottom: 20px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  text-align: center;
  overflow: hidden;
}

/* line 199, ../sass/style.scss */
.image-group h2 {
  margin-top: 0;
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.5em;
}

/* line 207, ../sass/style.scss */
.image-group img {
  width: 90%;
  max-width: 100%;
  height: auto;
}

/* line 213, ../sass/style.scss */
.image-container {
  background: white;
  padding-top: 10px;
}

/* line 217, ../sass/style.scss */
.image-container p {
  font-size: 1.2em;
  font-weight: bold;
}

@media (min-width: 800px) {
  /* line 223, ../sass/style.scss */
  .image-group {
    width: 46%;
    margin-right: 4%;
    float: left;
  }

  /* line 229, ../sass/style.scss */
  #main-form {
    margin-top: 70px;
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-10px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-10px);
  }
}
/* TABS AT THE TOP */
/* line 249, ../sass/style.scss */
.container {
  padding: 0;
}

/* line 252, ../sass/style.scss */
#tab-container {
  /* attn */
  /*TAB BACKGROUNDS!!!*/
  background: #333333;
  color: white;
  padding-top: 6px;
  overflow: hidden;
  list-style: none;
  text-indent: 0;
  padding-left: 0;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 50;
  margin-bottom: 0;
}

/* line 272, ../sass/style.scss */
.tab {
  width: 33.333%;
  box-sizing: border-box;
  float: left;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.6em;
  letter-spacing: 2px;
  text-decoration: none;
  padding: 40px 0;
  padding-bottom: 4px;
  text-align: center;
  list-style: none;
  text-indent: 0;
  margin-left: 0;
  /*border-left:2px $turquoise solid;
  border-right:2px $turquoise solid;*/
}

/* line 292, ../sass/style.scss */
.tab.selected {
  background: white;
  color: #333333;
}

/*SPECIFIC TABS*/
/* line 298, ../sass/style.scss */
#tab-0 {
  background-image: url("../img/profile-white.png");
}

/* line 301, ../sass/style.scss */
#tab-0.selected {
  background-image: url("../img/profile-blue.png");
}

/* line 305, ../sass/style.scss */
#tab-1 {
  background-image: url("../img/eye-white.png");
}

/* line 308, ../sass/style.scss */
#tab-1.selected {
  background-image: url("../img/eye-blue.png");
}

/* line 312, ../sass/style.scss */
#tab-2 {
  display: none;
  background-image: url("../img/coins-white.png");
}

/* line 316, ../sass/style.scss */
#tab-2.selected {
  background-image: url("../img/coins-blue.png");
}

/* line 320, ../sass/style.scss */
#tab-3 {
  background-image: url("../img/chat-white.png");
}

/* line 323, ../sass/style.scss */
#tab-3.selected {
  background-image: url("../img/chat-blue.png");
}

/* line 327, ../sass/style.scss */
.tab, .tab.selected {
  background-size: auto 24px;
  background-repeat: no-repeat;
  background-position: center 5px;
}

/* line 334, ../sass/style.scss */
.tab-content {
  display: none;
  padding: 10px 20px;
  min-height: 100%;
  height: 100%;
}

/* line 342, ../sass/style.scss */
#login-form, #register-form, #go-right {
  padding: 40px;
  padding-top: 10px;
  height: 100%;
}

/* line 349, ../sass/style.scss */
.splash-screen {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 40px;
  background: transparent url("../img/slide1.png") center center fixed no-repeat;
  background-size: cover;
}

 /* line 358, ../sass/style.scss */
.login-form, .register-form, .go-right {
  width: 100%;
  padding: 40px;
  padding-top: 10px;
  padding-bottom: 100px;
  background-size: cover;
}
/* line 367, ../sass/style.scss */
.login-form h2, .register-form h2, .go-right h2 {
  font-size: 2em;
  color: #2fd9d4;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}
/* line 375, ../sass/style.scss */
.login-form input, .register-form input {
  background: white;
  color: #333333;
  width: 100%;
  border: 1px #dddddd solid;
  margin-top: 0;
  margin-bottom: 16px;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
/* line 388, ../sass/style.scss */
.go-right input.button {
  background: #2fd9d4;
  color: white;
  border: none;
  text-align: center;
  font-size: 15px;
  transition: 0.3s;
}
.login-form input.button {
  background: #2fd9d4;
  color: white;
  border: none;
  text-align: center;
  font-size: 15px;
  transition: 0.3s;
}
.register-form input.button {
  background: #2fd9d4;
  color: white;
  border: none;
  text-align: center;
  font-size: 15px;
  transition: 0.3s;
}
.go-right input.button:hover {
  background-color: #00D9F4;
}
.login-form input.button:hover {
  background-color: #00D9F4;
}
.register-form input.button:hover {
  background-color: #00D9F4;
}
.login-form input.button:after {
  opacity: 0;
  transition: 0.3s;
}
.go-right input.button:after {
  opacity: 0;
  transition: 0.3s;
}
.register-form input.button:after {
  opacity: 0;
  transition: 0.3s;
}

img.shoveright {
  padding-left: 14px;
}

img.resize_badge {
  width: 156px;
  height: 60px;
}

.login-form input.button:hover {
}
.register-form input.button:hover{
}

.login-form input.button:hover:after {
  opacity: 1;
}
.register-form input.button:hover:after {
  opacity: 1;
}
/* line 397, ../sass/style.scss */
.login-form .register-form {
  margin-top: 0;
}


.login-href {
  position: relative;
  margin: 0px auto;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 180px;
  margin-bottom: -60px;
}
/* line 407, ../sass/style.scss */
.login-button {
  color: #333333;
  padding: 20px 0;
}
/* line 410, ../sass/style.scss */
.login-button em {
  color: #2fd9d4;
}

/* line 425, ../sass/style.scss */
.profile {
  padding: 20px 40px;
}
/* line 428, ../sass/style.scss */
.profile .profile-photo {
  background: url("../img/userprofile.jpg") center center no-repeat;
  background-size: cover;
  width: 120px;
  height: 120px;
  border-radius: 120px;
  overflow: hidden;
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}

/* line 442, ../sass/style.scss */
.button.register-button {
  color: white;
  width: 100%;
}

/* line 447, ../sass/style.scss */
.account-container {
  padding-bottom: 100px;
}
/* line 449, ../sass/style.scss */
.account-container .logged-in, .account-container .logged-out {
  min-height: 100%;
  height: 100%;
}
/* line 456, ../sass/style.scss */
.account-container .user-name {
  color: #2fd9d4;
  font-size: 1.4em;
}

/* line 464, ../sass/style.scss */
.account-tabs {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 5;
}
/* line 469, ../sass/style.scss */
.account-tabs a {
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  padding: 10px;
  text-align: center;
  background: white;
  color: #aaaaaa;
  border-top: #aaaaaa 4px solid;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px #eeeeee solid;
  border-left: 1px #eeeeee solid;
}
/* line 482, ../sass/style.scss */
.account-tabs a:first-child {
  border-left: none;
}
/* line 485, ../sass/style.scss */
.account-tabs.profile-tab .profile-tab, .account-tabs.collection-tab .collection-tab {
  background: white;
  color: #2fd9d4;
  border-top-color: #2fd9d4;
}

/* line 493, ../sass/style.scss */
.account-tabs-container {
  padding-top: 60px;
}

/* line 507, ../sass/style.scss */
.tab-content.selected {
  display: block;
}

/* line 511, ../sass/style.scss */
.offline-content {
  padding-top: 60px;
  font-size: 1.5em;
  color: #dddddd;
  text-align: center;
}

/* line 518, ../sass/style.scss */
#reload-button {
  background: #dddddd;
}

/* line 522, ../sass/style.scss */
.loading-gif {
  text-align: center;
  display: block;
  margin: 0 auto;
}

/* line 528, ../sass/style.scss */
.imageTag {
  padding: 5px;
  font-size: 1.05em;
}

/* line 533, ../sass/style.scss */
.imageTag .tagName {
  font-weight: bold;
}

/* line 537, ../sass/style.scss */
#loading {
  background: white url("../img/loadingDots.gif") center center no-repeat;
  background-size: 128px;
  padding-top: 160px;
  position: fixed;
  z-index: 50;
  left: -20px;
  right: -20px;
  top: -100px;
  bottom: -100px;
  font-size: 1.5em;
  color: #dddddd;
  text-align: center;
}

/* =================================================
================= STORED GROUPS ====================
==================================================== */
/* line 555, ../sass/style.scss */
#search-result-container {
  padding-bottom: 100px;
}

/* line 559, ../sass/style.scss */
#tab-content-2 {
  padding: 20px 0;
}

/* line 563, ../sass/style.scss */
.stored-group {
  padding: 0px;
  border-bottom: 2px #eeeeee solid;
  text-align: center;
}

/* line 570, ../sass/style.scss */
.stored-group img, .stored-group h2, .stored-group .coin-details, .stored-group .zoom-container {
  max-width: 250px;
  margin: 0 auto;
}

/* line 576, ../sass/style.scss */
.stored-group img {
  text-align: center;
  display: block;
}

/* line 581, ../sass/style.scss */
.stored-group h2 {
  font-size: 1.1em;
  margin: 20px auto;
  text-transform: uppercase;
  color: #2fd9d4;
  text-align: left;
}

/* line 589, ../sass/style.scss */
.coin-details {
  border: none;
  text-align: left;
  margin: 20px auto;
  width: 100%;
}
/* line 595, ../sass/style.scss */
.coin-details th {
  padding-right: 20px;
  font-weight: bold;
  text-transform: uppercase;
  color: #dddddd;
}

/* line 603, ../sass/style.scss */
.stored-group .coin-details {
  margin-top: 20px;
}

/* TAGS GROUPS */
/* line 612, ../sass/style.scss */
#tag-filter {
  overflow: hidden;
}

/* line 616, ../sass/style.scss */
#tag-filter li {
  list-style: none;
  float: left;
  box-sizing: border-box;
  margin-right: 10px;
  padding: 20px;
  background: #aaaaaa;
  color: white;
}

/* line 626, ../sass/style.scss */
#tag-filter li.selected {
  background: #ffaa00;
}

/* line 630, ../sass/style.scss */
.filter-instructions {
  font-size: 0.9em;
}

/*============ NEW LOOK =================*/
/* line 638, ../sass/style.scss */
#tab-content-1 {
  padding: 0;
}

/* line 642, ../sass/style.scss */
.upload-circle {
  width: 200px;
  height: 200px;
  box-sizing: border-box;
  color: white;
  border: 2px white solid;
  text-align: center;
  padding: 30px;
  border-radius: 100%;
  margin: 0 auto;
  padding-top: 75px;
}

/* line 656, ../sass/style.scss */
#instructions {
  min-height: 100%;
  height: 100%;
}

/* line 661, ../sass/style.scss */
#instructions > div {
  display: none;
}

/* line 665, ../sass/style.scss */
#instructions.state-front #upload-front,
#instructions.state-uploading #uploading,
#instructions.state-back #upload-back,
#instructions.state-analyzing #analyzing,
#instructions.state-result #coin-results,
#instructions.state-walk-through #walk-through,
#instructions.state-error #coin-server-error {
  display: block;
}

/* line 675, ../sass/style.scss */
#coin-server-error h1 {
  color: #eeee44;
  text-align: center;
}

/* line 680, ../sass/style.scss */
#coin-server-error {
  padding-top: 50px;
}

/* line 689, ../sass/style.scss */
.prev-button, .next-button {
  position: fixed;
  top: 40px;
  width: 40px;
  height: 400px;
  line-height: 400px;
  text-align: center;
  font-size: 2em;
  background: #2fd9d4;
  color: white;
  font-weight: bold;
}
/* line 702, ../sass/style.scss */
.prev-button:active, .next-button:active {
  color: white;
}
/* line 705, ../sass/style.scss */
.prev-button.unset, .next-button.unset {
  background: #ff8800;
}
/* line 709, ../sass/style.scss */
.prev-button.disabled, .prev-button.unset.disabled, .next-button.disabled, .next-button.unset.disabled {
  background: #dddddd;
}

/* line 714, ../sass/style.scss */
.next-button {
  right: 0;
}

/* line 718, ../sass/style.scss */
.prev-button {
  left: 0;
}

/* line 732, ../sass/style.scss */
.show-attr-boxes {
  padding-top: 180px;
}
/* line 736, ../sass/style.scss */
.show-attr-boxes .coin-attributes {
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

/* line 743, ../sass/style.scss */
.attr-dropdown {
  display: inline-block;
  width: 50%;
  margin-left: 1%;
  height: 100%;
  box-sizing: border-box;
  color: white;
  vertical-align: text-top;
  position: relative;
}
/* line 753, ../sass/style.scss */
.attr-dropdown.disabled {
  border: #cccccc;
  background: #fafafa;
}
/* line 758, ../sass/style.scss */
.attr-dropdown.disabled:after {
  content: "please specify previous attributes";
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
  padding-top: 25%;
  padding: 20px;
  display: block;
  color: #ff8800;
  z-index: 25;
}

/* line 776, ../sass/style.scss */
.attr-dropdown .spinner-wrap {
  position: relative;
  height: 100%;
  overflow: hidden;
}

/* line 782, ../sass/style.scss */
.attr-dropdown:first-child {
  margin-left: 0;
}

/* line 786, ../sass/style.scss */
.attr-dropdown .value {
  display: block;
  background: transparent;
  text-align: center;
  left: 2px;
  right: 2px;
  height: 45px;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5;
  border-top: 2px #dddddd solid;
  border-bottom: 2px #dddddd solid;
}

/* line 803, ../sass/style.scss */
.attr-dropdown .label {
  display: block;
  background: white;
  color: #aaaaaa;
  padding: 5px;
  text-align: center;
  width: 100%;
}

/* line 813, ../sass/style.scss */
.attr-dropdown canvas {
  position: relative;
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  height: 100%;
  overflow-y: hidden;
  border: 2px #2fd9d4 solid;
  color: #aaaaaa;
  z-index: 20;
  -moz-transform: translate3d(0, 0, 1px);
  -ms-transform: translate3d(0, 0, 1px);
  -webkit-transform: translate3d(0, 0, 1px);
  transform: translate3d(0, 0, 1px);
}

/* line 826, ../sass/style.scss */
.attr-dropdown.disabled canvas,
.attr-thumbnail.disabled {
  overflow-y: hidden;
  border-color: #dddddd;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

/* line 836, ../sass/style.scss */
.attr-container {
  width: 50%;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
/* line 842, ../sass/style.scss */
.attr-container .attr-dropdown {
  width: 80%;
}

/* line 847, ../sass/style.scss */
.attr-container.multi-container {
  width: 100%;
}
/* line 849, ../sass/style.scss */
.attr-container.multi-container .attr-dropdown {
  width: 30%;
}

/* line 39, ../sass/style.scss */
.attr-dropdown.unset.set-0 canvas {
  border-color: #ff8800;
}
/* line 42, ../sass/style.scss */
.attr-dropdown.unset.set-1 canvas {
  border-color: #ffaa00;
}
/* line 45, ../sass/style.scss */
.attr-dropdown.unset.set-2 canvas {
  border-color: #ffcc00;
}
/* line 49, ../sass/style.scss */
.attr-dropdown.unset.set-3 canvas {
  border-color: #ffee00;
}

/* line 39, ../sass/style.scss */
.attr-thumbnail.unset.set-0 {
  border-color: #ff8800;
}
/* line 42, ../sass/style.scss */
.attr-thumbnail.unset.set-1 {
  border-color: #ffaa00;
}
/* line 45, ../sass/style.scss */
.attr-thumbnail.unset.set-2 {
  border-color: #ffcc00;
}
/* line 49, ../sass/style.scss */
.attr-thumbnail.unset.set-3 {
  border-color: #ffee00;
}

/* line 862, ../sass/style.scss */
.attr-dropdown li {
  padding: 0 5px;
  line-height: 45px;
  text-align: center;
  font-weight: bold;
  -webkit-transform: translate3d(0, 0, 0);
  z-index: 21;
}
/* line 869, ../sass/style.scss */
.attr-dropdown li.selected {
  color: black;
}

/* line 875, ../sass/style.scss */
.attr-thumbnail {
  margin: 4px auto;
  border: 3px #2fd9d4 solid;
}

/* line 24, ../sass/style.scss */
.options.attribute-menu li.unset.set-0 {
  background: #ff8800;
}
/* line 27, ../sass/style.scss */
.options.attribute-menu li.unset.set-1 {
  background: #ffaa00;
}
/* line 30, ../sass/style.scss */
.options.attribute-menu li.unset.set-2 {
  background: #ffcc00;
}
/* line 33, ../sass/style.scss */
.options.attribute-menu li.unset.set-3 {
  background: #ffee00;
}

/* line 885, ../sass/style.scss */
.attr-group .attr-dropdown {
  width: 30%;
}

/* line 890, ../sass/style.scss */
.fill-in-message {
  color: #aaaaaa;
  padding: 20px 50px;
  padding-left: 75px;
  position: relative;
}
/* line 895, ../sass/style.scss */
.fill-in-message:before {
  content: " ! ";
  color: #ff8800;
  position: absolute;
  left: 44px;
  top: 20px;
  font-size: 2em;
  font-weight: bold;
}

/* line 906, ../sass/style.scss */
#walk-through {
  padding-bottom: 36px;
  padding-top: 40px;
}
/* line 909, ../sass/style.scss */
#walk-through .detail-container {
  padding: 20px 40px;
  text-align: center;
}
/* line 915, ../sass/style.scss */
#walk-through .label-container {
  padding: 0px 50px;
}
/* line 919, ../sass/style.scss */
#walk-through .attr-label {
  padding: 20px 10px;
  padding-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  text-transform: capitalize;
}
/* line 920, ../sass/style.scss */
#walk-through .attr-label:before {
  content: "Select ";
}
/* line 932, ../sass/style.scss */
#walk-through .attr-label.disabled {
  color: #cccccc;
}
/* line 937, ../sass/style.scss */
#walk-through .done-button.unset {
  display: none;
}

/* line 949, ../sass/style.scss */
#zoom-window {
  display: none;
}

/* line 953, ../sass/style.scss */
#zoom-window.on {
  position: fixed;
  z-index: 50;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  background: #333333;
}

/* line 964, ../sass/style.scss */
#zoom-window .header-bar {
  z-index: 50;
  padding: 10px;
  padding-left: 100px;
  position: relative;
  background: black;
  color: white;
}

/* line 973, ../sass/style.scss */
#zoom-window .close-x {
  float: right;
}

/* line 977, ../sass/style.scss */
#zoom-window img {
  width: 100%;
}

/* line 981, ../sass/style.scss */
.zoom-container {
  position: relative;
}

/* line 985, ../sass/style.scss */
.zoom-container:after {
  content: " ";
  display: block;
  width: 48px;
  height: 48px;
  background: white url("../img/search.png") center center no-repeat;
  background-size: 36px;
  position: absolute;
  right: 0;
  bottom: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

/* line 1002, ../sass/style.scss */
#upload-front,
#upload-back,
#analyzing,
#uploading {
  background: #2fd9d4;
  color: white;
  width: 100%;
  height: 100%;
  padding-top: 50%;
  text-align: center;
}

/* line 1014, ../sass/style.scss */
#upload-back h2 {
  margin-top: -25%;
  margin-bottom: 25%;
}

/* line 1019, ../sass/style.scss */
#uploading, #analyzing {
  text-align: center;
}

/* line 1023, ../sass/style.scss */
#coin-result {
  position: relative;
}

/* line 1027, ../sass/style.scss */
.result-container {
  padding: 10px 40px;
  padding-bottom: 90px;
}
/* line 1031, ../sass/style.scss */
.result-container h1 {
  font-size: 1.5em;
}

/* line 1036, ../sass/style.scss */
#coin-results {
  padding-top: 15px;
}

/* line 1040, ../sass/style.scss */
#coin-results h2 {
  color: #dddddd;
  font-weight: bold;
  text-align: center;
  font-size: 1.2em;
  text-transform: uppercase;
  padding-top: 30px;
}

/* line 1049, ../sass/style.scss */
.coin-image {
  width: 100%;
  height: auto;
}

/* line 1055, ../sass/style.scss */
.coin-info {
  margin: 20px auto;
  width: 80%;
  text-align: center;
  padding: 20px 40px;
  color: #dddddd;
  border-top: 2px #dddddd solid;
  border-bottom: 2px #dddddd solid;
}

/* line 1065, ../sass/style.scss */
#reset-button {
  color: #2fd9d4;
  position: absolute;
  top: 0px;
  right: 0;
  font-size: 0.7em;
  font-weight: bold;
  padding: 16px;
  text-transform: uppercase;
}

/* line 1076, ../sass/style.scss */
.options,
.btn-elipse {
  background: red;
  color: white;
  width: 64px;
  height: 64px;
  border-radius: 100%;
  padding: 0;
  position: fixed;
  bottom: 100px;
  right: 10px;
  box-sizing: border-box;
  line-height: 50px;
  text-align: center;
  font-size: 2em;
  font-weight: bold;
}

/* line 1094, ../sass/style.scss */
.options.attribute-menu {
  left: 10px;
  right: auto;
}

/* line 1099, ../sass/style.scss */
.attribute-menu {
  line-height: 66px;
}

/* line 1103, ../sass/style.scss */
.attribute-menu.notice {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

/* line 1113, ../sass/style.scss */
.attribute-menu.notice.expanded {
  animation-name: none;
}

/* line 1117, ../sass/style.scss */
.options.attribute-menu.expanded ul {
  right: auto;
  left: 10px;
  padding-left: 0;
}

/* line 1123, ../sass/style.scss */
.options.attribute-menu li.unset {
  /*unset circles in the $ menu*/
  background: #ffaa00;
  -webkit-animation-name: pulsing;
  animation-name: pulsing;
  -webkit-animation-duration: 2.3s;
  animation-duration: 2.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

/* line 1137, ../sass/style.scss */
.tab-header {
  position: fixed;
  left: 0;
  top: 0px;
  height: 40px;
  width: 100%;
  text-align: center;
  color: #cccccc;
  font-weight: bold;
  text-transform: uppercase;
  z-index: 4;
  line-height: 40px;
  background: white;
}

/* line 1153, ../sass/style.scss */
.back-button, .done-button {
  position: fixed;
  top: 2px;
  left: 2px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  padding-left: 20px;
  font-size: 0.9em;
  text-transform: uppercase;
  box-sizing: border-box;
  color: #cccccc;
  background: transparent url("../img/back-button.png") 5px center no-repeat;
  background-size: 10px;
  z-index: 5;
}

/* line 1171, ../sass/style.scss */
.tab-header .done-button {
  left: auto;
  right: 7px;
  background: transparent url("../img/forward-button.png") right center no-repeat;
  background-size: 10px;
  padding: 0 10px;
  padding-right: 20px;
  color: #2fd9d4;
}

/* line 1186, ../sass/style.scss */
.coin-attributes {
  position: fixed;
  z-index: 20;
  top: 0;
  width: 100%;
  left: 0;
  background: white;
  border: 3px #eeeeee solid;
  text-align: center;
  display: none;
}

/* line 1201, ../sass/style.scss */
.result-container {
  -moz-transition: padding 0.5s;
  -o-transition: padding 0.5s;
  -webkit-transition: padding 0.5s;
  transition: padding 0.5s;
}

/* line 1207, ../sass/style.scss */
.options ul {
  display: none;
}

/* line 1211, ../sass/style.scss */
.options.expanded ul {
  display: block;
  position: fixed;
  bottom: 88px;
  right: 10px;
  list-style: none;
  margin-bottom: 80px;
  font-size: 0.4em;
}

/* line 1221, ../sass/style.scss */
.options ul li {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 2px white solid;
  box-sizing: border-box;
  background: #2fd9d4;
  color: white;
  margin-bottom: 20px;
}

/* line 1234, ../sass/style.scss */
.options ul li a {
  color: white;
  line-height: 50px;
}

/* line 1242, ../sass/style.scss */
.coin-image-container {
  padding: 0;
  position: relative;
}

/*the bounding boxes that show up on the coin */
/* line 1248, ../sass/style.scss */
.attr-box {
  border: #2fd9d4 2px solid;
  position: absolute;
  display: none;
  z-index: 5;
}

/* line 1255, ../sass/style.scss */
.show-attr-boxes .attr-box {
  display: block;
}

/* line 1260, ../sass/style.scss */
.attr-box.unset {
  border-color: red;
  -webkit-animation-name: pulsing;
  animation-name: pulsing;
  -webkit-animation-duration: 2.3s;
  animation-duration: 2.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  z-index: 6;
}
/* line 39, ../sass/style.scss */
.attr-box.unset.set-0 {
  border-color: #ff8800;
}
/* line 42, ../sass/style.scss */
.attr-box.unset.set-1 {
  border-color: #ffaa00;
}
/* line 45, ../sass/style.scss */
.attr-box.unset.set-2 {
  border-color: #ffcc00;
}
/* line 49, ../sass/style.scss */
.attr-box.unset.set-3 {
  border-color: #ffee00;
}

/* line 1275, ../sass/style.scss */
.show-attr-boxes.one-active .attr-box {
  display: none;
  -webkit-animation: none;
}

/* line 1280, ../sass/style.scss */
.show-attr-boxes.one-active .attr-box.active {
  display: block;
  border-width: 3px;
}

/*the select dropdowns*/
/* line 1286, ../sass/style.scss */
.data-question {
  background: #22ff44;
  padding: 10px;
  box-sizing: border-box;
  left: 40px;
  right: 40px;
  color: white;
}

/* line 1295, ../sass/style.scss */
.data-question label {
  padding: 0 10px;
  text-transform: capitalize;
}

/* line 1300, ../sass/style.scss */
.data-question.active {
  position: absolute;
}

/* line 1304, ../sass/style.scss */
.data-question.unset {
  background: #ff9900;
}

/* line 1308, ../sass/style.scss */
.value-container {
  font-size: 1.3em;
  color: #aaaaaa;
  padding: 10px 0;
}

@keyframes pulsing {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes pulsing {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
/* line 1370, ../sass/style.scss */
.btn-primary, .btn-success {
  background: #2fd9d4;
  border: white;
}

/* line 1377, ../sass/style.scss */
.spinning-coin {
  background-image: url("../img/coins/penny-front.png");
  background-size: 100% 100%;
  border-radius: 100%;
  height: 100px;
  margin: 50px auto;
  position: relative;
  width: 100px;
  -moz-transition: linear 0.5s;
  -o-transition: linear 0.5s;
  -webkit-transition: linear 0.5s;
  transition: linear 0.5s;
  -webkit-transform-style: preserve-3d;
  animation: rotating-coin 2s linear infinite both;
  -webkit-animation: rotating-coin 2s linear infinite both;
}

/* line 1391, ../sass/style.scss */
.spinning-coin:after {
  background-color: #a37131;
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.25));
  bottom: 0;
  content: '';
  left: 45px;
  position: absolute;
  top: 0;
  width: 3.5px;
  z-index: -10;
  -webkit-transform: rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
}

/* line 1405, ../sass/style.scss */
.spinning-coin:before {
  background-color: #a37131;
  background-image: url("../img/coins/penny-back.png");
  background-size: 100% 100%;
  border-radius: 100%;
  content: '';
  height: 100px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100px;
  -moz-transform: translateZ(-4px) rotateY(180deg);
  -ms-transform: translateZ(-4px) rotateY(180deg);
  -webkit-transform: translateZ(-4px) rotateY(180deg);
  transform: translateZ(-4px) rotateY(180deg);
}

@keyframes rotating-coin {
  100% {
    transform: rotateY(360deg);
  }
}
@-webkit-keyframes rotating-coin {
  100% {
    -webkit-transform: rotateY(360deg);
  }
}
/*CHAT*/
/* line 2, ../sass/_chat.scss */
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

/* line 11, ../sass/_chat.scss */
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}

/* line 19, ../sass/_chat.scss */
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

/* line 27, ../sass/_chat.scss */
#createThreadWithImg {
  position: fixed;
  right: 20px;
  bottom: 80px;
}

/* line 32, ../sass/_chat.scss */
#threadMenuButton, #chatMenuButton {
  position: fixed;
  right: 20px;
  bottom: 80px;
  bottom: 140px;
}

/* line 38, ../sass/_chat.scss */
.chatModalMenu {
  text-align: center;
}

/* line 41, ../sass/_chat.scss */
.chatChannel {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

/* line 47, ../sass/_chat.scss */
.chat {
  width: 100%;
  height: calc(100% - 72px);
}

/* line 53, ../sass/_chat.scss */
.chat-label {
  font-family: 'Lato';
  font-weight: 500;
  font-size: 18px;
  color: white;
}

/* line 61, ../sass/_chat.scss */
#chatBottom {
  background-color: aliceblue;
  border-top: 1px solid;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
}

/* line 68, ../sass/_chat.scss */
#chatTop {
  background-color: white;
  border-bottom: 1px solid;
  width: 100%;
  position: fixed;
  height: 30px;
  left: 0;
}

/* line 76, ../sass/_chat.scss */
.chat-widget {
  overflow-x: hidden;
  overflow-y: auto;
  width: auto;
  min-height: 200px;
  height: 100%;
  margin-top: 0px;
}

/* line 86, ../sass/_chat.scss */
.portlet {
  margin-bottom: 15px;
}

/* line 90, ../sass/_chat.scss */
.btn-white {
  border-color: #cccccc;
  color: #333333;
  background-color: #ffffff;
}

/* line 100, ../sass/_chat.scss */
.portlet .portlet-heading {
  padding: 0 15px;
}

/* line 104, ../sass/_chat.scss */
.portlet .portlet-heading h4 {
  padding: 1px 0;
  font-size: 16px;
}

/* line 109, ../sass/_chat.scss */
.portlet .portlet-heading a {
  color: #fff;
}

/* line 113, ../sass/_chat.scss */
.portlet .portlet-heading a:hover,
.portlet .portlet-heading a:active,
.portlet .portlet-heading a:focus {
  outline: none;
}

/* line 120, ../sass/_chat.scss */
.portlet .portlet-heading .portlet-title {
  float: left;
}

/* line 123, ../sass/_chat.scss */
#portletHeader {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  padding-left: 90px;
}

/* line 133, ../sass/_chat.scss */
.portlet .portlet-heading .portlet-title h4 {
  margin: 10px 0;
}

/* line 137, ../sass/_chat.scss */
.portlet .portlet-heading .portlet-widgets {
  float: right;
  margin: 8px 0;
}

/* line 142, ../sass/_chat.scss */
.portlet .portlet-heading .portlet-widgets .tabbed-portlets {
  display: inline;
}

/* line 146, ../sass/_chat.scss */
.portlet .portlet-heading .portlet-widgets .divider {
  margin: 0 5px;
}

/* line 150, ../sass/_chat.scss */
.portlet .portlet-body {
  padding: 15px;
  background: #fff;
}

/* line 155, ../sass/_chat.scss */
.portlet .portlet-footer {
  padding: 10px 15px;
  background: #e0e7e8;
  position: fixed;
  left: 0;
  bottom: 61px;
}

/* line 163, ../sass/_chat.scss */
.portlet .portlet-footer ul {
  margin: 0;
}

/* line 167, ../sass/_chat.scss */
.portlet-green,
.portlet-green > .portlet-heading {
  border-color: #16a085;
}

/* line 172, ../sass/_chat.scss */
.portlet-green > .portlet-heading {
  color: #fff;
  background-color: #16a085;
}

/* line 177, ../sass/_chat.scss */
.portlet-orange,
.portlet-orange > .portlet-heading {
  border-color: #f39c12;
}

/* line 182, ../sass/_chat.scss */
.portlet-orange > .portlet-heading {
  color: #fff;
  background-color: #f39c12;
}

/* line 187, ../sass/_chat.scss */
.portlet-blue,
.portlet-blue > .portlet-heading {
  border-color: #2980b9;
}

/* line 192, ../sass/_chat.scss */
.portlet-blue > .portlet-heading {
  color: #fff;
  background-color: #2980b9;
}

/* line 197, ../sass/_chat.scss */
.portlet-red,
.portlet-red > .portlet-heading {
  border-color: #e74c3c;
}

/* line 202, ../sass/_chat.scss */
.portlet-red > .portlet-heading {
  color: #fff;
  background-color: #e74c3c;
}

/* line 207, ../sass/_chat.scss */
.portlet-purple,
.portlet-purple > .portlet-heading {
  border-color: #8e44ad;
}

/* line 212, ../sass/_chat.scss */
.portlet-purple > .portlet-heading {
  color: #fff;
  background-color: #8e44ad;
}

/* line 217, ../sass/_chat.scss */
.portlet-default,
.portlet-dark-blue,
.portlet-default > .portlet-heading,
.portlet-dark-blue > .portlet-heading {
  border-color: #34495e;
}

/* line 224, ../sass/_chat.scss */
.portlet-default > .portlet-heading,
.portlet-dark-blue > .portlet-heading {
  color: #fff;
  background-color: #34495e;
}

/* line 230, ../sass/_chat.scss */
.portlet-basic,
.portlet-basic > .portlet-heading {
  border-color: #333;
}

/* line 235, ../sass/_chat.scss */
.portlet-basic > .portlet-heading {
  border-bottom: 1px solid #333;
  color: #333;
  background-color: #fff;
}

@media (min-width: 768px) {
  /* line 242, ../sass/_chat.scss */
  .portlet {
    margin-bottom: 30px;
  }
}
/* line 247, ../sass/_chat.scss */
.text-green {
  color: #16a085;
}

/* line 251, ../sass/_chat.scss */
.text-orange {
  color: #f39c12;
}

/* line 255, ../sass/_chat.scss */
.text-red {
  color: #e74c3c;
}

/* line 260, ../sass/_chat.scss */
html {
  height: 100%;
  min-height: 100%;
}

/* line 264, ../sass/_chat.scss */
body, .body-content, .tab-content, #chat_container, .container, .portlet, #chat, .ccChat {
  height: inherit;
}

/* line 268, ../sass/_chat.scss */
.chat-input-file {
  width: 40px;
  height: 40px;
  float: left;
  padding: 10px;
  margin-bottom: 3px;
  border: 1px solid #abb8c4;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  background: url("../img/photo-camera.png") no-repeat center center;
  cursor: pointer;
  background-color: #5cb85c;
  border-radius: 5px;
}

/* register page end */

/* styling placeholder text */
::-webkit-input-placeholder {
   color: #A8A8A8;
   font-size: 12px;
}

:-moz-placeholder { /* Firefox 18- */
   color: #A8A8A8;
   font-size: 12px;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #A8A8A8;
   font-size: 12px;
}

:-ms-input-placeholder {
 color: #A8A8A8;
 font-size: 12px;
}


/* line 290, ../sass/_chat.scss */
#sendMessage, #messageChatInput {
  width: 100%;
  max-width: 100%;
  margin: 0px;
  text-transform: initial !important;
}

/* line 299, ../sass/_chat.scss */
.file-upload {
  background: url("../img/loading-rectagular.gif") no-repeat center center #f7f8fc;
}

/* line 302, ../sass/_chat.scss */
label.chat-input-file.file-upload {
  background: url("../img/loading-rectagular.gif") no-repeat center center #f7f8fc;
}

/* SCROLL  CHANNEL CHATS*/
/* line 308, ../sass/_chat.scss */
#chatThreads {
  position: absolute;
  top: 0;
  bottom: 95px;
  width: 100%;
  bottom: 61px;
  overflow: auto;
}

/* line 317, ../sass/_chat.scss */
#chat .portlet-body.chat-canvas {
  padding-top: 60px;
}

/* line 322, ../sass/_chat.scss */
#scroller {
  position: absolute;
  /*  -webkit-touch-callout:none;*/
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  padding: 0;
}

/* line 330, ../sass/_chat.scss */
#scroller ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: left;
}

/* line 338, ../sass/_chat.scss */
#scroller li {
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #fff;
  background-color: #fafafa;
  font-size: 14px;
}

/* line 348, ../sass/_chat.scss */
#myFrame {
  position: absolute;
  top: 0;
  left: 0;
}

/* line 353, ../sass/_chat.scss */
.form-control:focus {
  border-color: #2fd9d4;
  box-shadow: inset 0 1px 1px #2fd9d4, 0 0 8px #2fd9d4;
  -webkit-box-shadow: inset 0 1px 1px #2fd9d4, 0 0 8px #2fd9d4;
}

/* line 359, ../sass/_chat.scss */
.chat-input-file {
  background-color: #2fd9d4;
  border-color: #2fd9d4;
}

/**
 *
 * Pull down styles
 *
 */
/* line 371, ../sass/_chat.scss */
#pullDownThreads, #pullUpThreads {
  background: #fff;
  height: 45px;
  line-height: 45px;
  padding: 5px 10px;
  padding-left: 100px;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  font-size: 14px;
  color: #888;
}

/* line 382, ../sass/_chat.scss */
#pullDownThreads .pullDownIcon, #pullUpThreads .pullUpIcon {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  background: url("../img/pull-icon@2x.png") 0 0 no-repeat;
  -webkit-background-size: 40px 80px;
  background-size: 40px 80px;
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 250ms;
}

/* line 390, ../sass/_chat.scss */
#pullDownThreads .pullDownIcon {
  -webkit-transform: rotate(0deg) translateZ(0);
}

/* line 393, ../sass/_chat.scss */
#pullUpThreads .pullUpIcon {
  -webkit-transform: rotate(-180deg) translateZ(0);
}

/* line 397, ../sass/_chat.scss */
#pullDownThreads.flip .pullDownIcon {
  -webkit-transform: rotate(-180deg) translateZ(0);
}

/* line 401, ../sass/_chat.scss */
#pullUpThreads.flip .pullUpIcon {
  -webkit-transform: rotate(0deg) translateZ(0);
}

/* line 405, ../sass/_chat.scss */
#pullDownThreads.loading .pullDownIcon, #pullUpThreads.loading .pullUpIcon {
  background-position: 0 100%;
  -webkit-transform: rotate(0deg) translateZ(0);
  -webkit-transition-duration: 0ms;
  -webkit-animation-name: loading;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

@-webkit-keyframes loading {
  from {
    -webkit-transform: rotate(0deg) translateZ(0);
  }
  to {
    -webkit-transform: rotate(360deg) translateZ(0);
  }
}