@font-face {
  font-family: "KeepCalm-Medium";
  src: url("../fonts/KeepCalm-Medium.ttf"); }
html {
  position: relative;
  min-height: 100%; }

body {
  margin-bottom: 148px !important; }
h4 a {
  color: black; }
h4 a:hover {
  text-decoration: none;
  color: #ac2925; }
h4 a:active {
  color: white; }
.messages-notification {
  padding: 5px 15px 15px;
  background: url('../img/Messanger-Icon.png') left bottom no-repeat;
  width: 50px;
  height: 35px;
  background-size: 20px;
  cursor: pointer; }
.unread-messages-count {
  background: #a01d1c;
  padding: 3px 0;
  border-radius: 50%;
  color: white;
  font-size: 12px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  text-align: center; }
#messages-area {
  position: fixed;
  bottom: 0;
  right: 10%;
  min-height: 50px;
  width: 25%;
  max-width: 450px;
  min-width: 200px;
  height: 460px;
  z-index: 15;
  transition-duration: 1s;
  opacity: 1;
  font-family: Lato; }
#messages-area a {
  font-family: Lato; }
#messages-area.minimized {
  height: 50px;
  opacity: 0;
  overflow: hidden; }
#messages-area .messages-area-title-icon {
  background: url(../img/messages.png) center center no-repeat;
  height: 25px;
  width: 30px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px; }
#message-area-body {
  background-color: white;
  height: 380px; }
#messages-area .title {
  height: 50px;
  background-color: #a01d1c;
  color: #f5e5e5;
  padding: 17px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  cursor: default; }
#messages-area .minimize-button {
  display: inline-block;
  float: right;
  color: #d48f8e;
  cursor: pointer; }
#messages-area #chats-list {
  height: 360px;
  overflow-y: scroll; }
#messages-area #new-message-button {
  position: relative;
  width: 100%;
  background-color: #eed2d2;
  color: #a9221f;
  height: 50px;
  padding: 17px;
  cursor: pointer; }
.back-to-chats-list {
  height: 30px;
  padding: 5px 15px 5px 15px;
  border-bottom: 1px solid #eeeeee;
  background-color: #e1e1e1;
  cursor: pointer; }
#messages-area .chats-list-item {
  padding: 10px;
  border-bottom: 1px solid #eeeeee;
  max-width: 90%;
  margin: auto;
  cursor: pointer; }
#messages-area .thread-last-message {
  color: #bdbdbd; }
#messages-area .media-body {
  padding-top: 8px; }
#messages-area .fa-circle {
  color: #9d1e1b;
  font-size: 9px;
  vertical-align: middle;
  margin-right: 3px; }
#messages-area .collocutor-name {
  font-weight: 600; }
img.collocutor-avatar {
  border-radius: 50%;
  max-width: 50px;
  max-height: 50px; }
#chat-body {
  height: 240px;
  padding-top: 5px;
  overflow-y: scroll; }
#chat-body,
#messages-area .chat-title {
  background-color: #f2f2f2; }
#messages-area .chat-title .media-body {
  padding-top: 3px;
  vertical-align: middle; }
#messages-area .chat-title .media-body a {
  color: black; }
#messages-area .chat-title .media-body a:hover {
  text-decoration: none; }
#messages-area .chat-title .media {
  padding: 5px 10px 5px 10px;
  border-bottom: 1px solid #e8e8e8;
  width: 90%;
  margin: auto;
  height: 60px; }
#chat-body .chat-message {
  margin-top: 3px;
  margin-bottom: 5px;
  width: 80%; }
#chat-body .chat-message img {
  max-width: 100px; }
#chat-body .chat-message a:hover {
  text-decoration: none; }
#chat-body .chat-message-text {
  background-color: white;
  position: relative;
  padding: 5px;
  overflow-x: scroll; }
#chat-body .collocutor-message {
  margin-left: 5%; }
#chat-body .collocutor-message .chat-message-text {
  border-radius: 0 8px 8px 8px; }
#chat-body .my-message {
  margin-left: 15%; }
#chat-body .my-message .chat-message-text {
  border-radius: 8px 8px 0 8px; }
.chat-composer {
  height: 80px; }
.chat-composer-info {
  float: left;
  width: 90%; }
textarea#first-message,
textarea#chat-composer-message {
  width: 100%;
  border: 1px solid #b0b0b0;
  border-left: none;
  overflow-y: scroll;
  resize: none; }
textarea#chat-composer-message {
  height: 55px; }
textarea#first-message {
  border-right: none;
  border-left: none; }
textarea#first-message:focus,
textarea#chat-composer-message:focus {
  outline: none; }
textarea#first-message {
  height: 280px;
  padding: 3px 7px;
  float: left; }
#new-thread-form input {
  width: 100%;
  padding: 3px 7px;
  border: none; }
#new-thread-form input#new-thread-recipient {
  border-bottom: 1px solid #cecece; }
#new-thread-form input:focus {
  outline: none; }
.chat-composer-button {
  float: left;
  width: 10%; }
.chat-composer-button button {
  width: 100%;
  background: url("../img/send-button.png") center center no-repeat;
  background-color: #a01d1c;
  height: 80px;
  border: none; }
#new-thread-form .chat-composer-button {
  width: 100%; }
#new-thread-form .chat-composer-button button {
  height: 47px;
  border: none;
  background: url("../img/send-button.png") center center no-repeat;
  background-color: #a01d1c;
  padding: 0; }
.chat-composer .chat-composer-thread {
  height: 25px;
  border: 1px solid #b0b0b0;
  border-bottom: none;
  border-left: none;
  padding: 4px;
  padding-top: 2px;
  cursor: default; }
#chat-body .chat-message-date {
  color: #c1c1c1;
  font-size: 10px;
  margin-top: 3px; }
#chat-body .my-message .chat-message-date {
  text-align: right; }
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 175px;
  padding: 25px 0 75px 0; }
.ui-autocomplete.ui-widget-content {
  z-index: 166; }
.list-item-container {
  border-bottom: 1px solid #cecece;
  padding-bottom: 5px; }
.list-item-container img {
  max-width: 50px;
  border-radius: 50%; }
.ui-autocomplete.ui-menu {
  border: none;
  border-bottom: 1px solid #cecece; }
.ui-autocomplete.ui-menu .ui-menu-item {
  background-color: white; }

/* */
.btn-red {
  background: #a01d1c;
  color: white;
  padding: 15px 25px;
  border-radius: 0;
  text-align: center; }
  .btn-red:hover {
    background: #f05a41;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer; }

.btn-blue {
  background: #3b5998;
  color: #ffffff;
  padding: 15px 25px;
  border-radius: 0;
  text-align: center; }
  .btn-blue:hover {
    background: #337ab7;
    color: #ffffff; }

.red-bg {
  background: #a01d1c; }

.white-bg {
  background: #ffffff; }

.grey-bg {
  background: #d2d2d2; }

.box-shadow-bottom {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.box-shadow-top-inner {
  box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.2); }

.box-shadow-top {
  box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.2); }

.hidden-element {
  display: none; }

html body {
  font-size: 14px;
  font-family: KeepCalm-Medium;
  color: #000000; }
  html body h1, html body h2, html body h3, html body h4, html body h5, html body h6, html body p, html body .btn, html body a {
    font-family: KeepCalm-Medium; }

.no-padding {
  padding: 0; }

.no-right-padding {
  padding-right: 0; }

.no-margin {
  margin: 0; }

/*headers */

.navbar-nav .dropdown-toggle img{ 
  width: 22px;
}
.header-white .dropdown-toggle[aria-expanded="true"] img{
  display: none;
}
.header-white .dropdown-toggle[aria-expanded="false"] img.active{
  display: none;
}
.header-white .dropdown-toggle[aria-expanded="true"] img.active{
  display: inline;
}
.navbar-nav .dropdown-toggle .mob{
  display: none;
}
.navbar-nav .dropdown-toggle .ic.ic-search{
  display: none;
}
.search-page-header .navbar-nav .dropdown-toggle .ic{
  display: none;
}
.search-page-header .navbar-nav .dropdown-toggle .ic.ic-search{
  display: block;
}
.search-page-header .navbar-nav .dropdown-toggle .ic.ic-search{
  display: block;
}
.search-page-header .navbar-nav .dropdown-toggle .ic.ic-search .active{
  display: none;
}
.search-page-header .navbar-nav .dropdown-toggle[aria-expanded="true"] .ic.ic-search img{
  display: none;
}
.search-page-header .navbar-nav .dropdown-toggle[aria-expanded="true"] .ic.ic-search .active{
  display: block;
}
@media (max-width: 767px){
  .search-page-header .navbar-nav .dropdown-toggle .ic.ic-search{
    display: none;
  }
  .navbar-nav .dropdown-toggle .mob{
    display: block;
  }
  .navbar-nav .dropdown-toggle .ic{
    display: none;
  }
  .search-page-header .header-transparent .navbar .nav > li > a{
    color: #fff !important;
  }
  .header-white .dropdown-toggle[aria-expanded="false"] img.active{
    display: none;
  }
  .header-white .dropdown-toggle img{
    display: none !important;
  }
  .header-white .dropdown-toggle img.active{
    display: block !important;
  }
}
.main-header .navbar, .header-white .navbar, .header-transparent .navbar {
  /*search input in header */ }
  .main-header .navbar .navbar-brand, .header-white .navbar .navbar-brand, .header-transparent .navbar .navbar-brand {
    padding-top: 10px; }
  .main-header .navbar .nav > li, .header-white .navbar .nav > li, .header-transparent .navbar .nav > li {
    padding-left: 20px; }
    .main-header .navbar .nav > li.dropdown, .header-white .navbar .nav > li.dropdown, .header-transparent .navbar .nav > li.dropdown {
      padding-left: 0;
      color: #ffffff; }
      .main-header .navbar .nav > li.dropdown ul.dropdown-menu, .header-white .navbar .nav > li.dropdown ul.dropdown-menu, .header-transparent .navbar .nav > li.dropdown ul.dropdown-menu {
        min-width: 150px;
        border-radius: 0;
        padding-top: 0;
        border: 0;
        padding-bottom: 0px; }
        .main-header .navbar .nav > li.dropdown.open a.dropdown-toggle, .header-white .navbar .nav > li.dropdown.open a.dropdown-toggle, .header-transparent .navbar .nav > li.dropdown.open a.dropdown-toggle {
          background: #ededed; }
          .main-header .navbar .nav > li.dropdown ul.dropdown-menu li:first-child a, .header-white .navbar .nav > li.dropdown ul.dropdown-menu li:first-child a, .header-transparent .navbar .nav > li.dropdown ul.dropdown-menu li:first-child a {
            color: #000000; }
        .main-header .navbar .nav > li.dropdown ul.dropdown-menu li a, .header-white .navbar .nav > li.dropdown ul.dropdown-menu li a, .header-transparent .navbar .nav > li.dropdown ul.dropdown-menu li a {
          font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
          padding: 10px 10px;
          font-size: 1em; }
    .main-header .navbar .nav > li > a, .header-white .navbar .nav > li > a, .header-transparent .navbar .nav > li > a {
      text-transform: uppercase;
      color: #ffffff;
      font-size: 0.8em; }
      .main-header .navbar .nav > li > a:hover, .header-white .navbar .nav > li > a:hover, .header-transparent .navbar .nav > li > a:hover {
        text-decoration: underline;
        background: none; }
  .main-header .navbar .header-avatar, .header-white .navbar .header-avatar, .header-transparent .navbar .header-avatar {
    width: 20px;
    height: 20px; }
  .main-header .navbar #header-search, .header-white .navbar #header-search, .header-transparent .navbar #header-search {
    height: 50px;
    line-height: 50px;
    vertical-align: middle; }
    .main-header .navbar #header-search .header-search-input, .header-white .navbar #header-search .header-search-input, .header-transparent .navbar #header-search .header-search-input {
      display: inline-block;
      width: 150px;
      height: 30px;
      background: transparent url("../img/magnifier.png") no-repeat scroll 10px 6px;
      border: 1px solid #d1d1d1;
      border-radius: 20px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
      line-height: 0;
      padding: 6px 15px 6px 35px;
      text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
      color: #000000; }
.main-header .header-main-info, .header-white .header-main-info, .header-transparent .header-main-info {
  display: table;
  height: 450px;
  width: 100%;
  text-align: center; }
  .main-header .header-main-info .inner, .header-white .header-main-info .inner, .header-transparent .header-main-info .inner {
    display: table-cell;
    vertical-align: middle;
    color: #ffffff; }
  /*2*/
.main-header .header-main-info2, .header-white .header-main-info2, .header-transparent .header-main-info2 {
  display: table;
  height: 450px;
  width: 100%;
  text-align: center;
  margin: 0 0 85px 0;
}
.main-header .header-main-info2 .inner2, .header-white .header-main-info2 .inner2, .header-transparent .header-main-info2 .inner2 {
  display: table-cell;
  vertical-align: middle;
  color: #ffffff; }
.main-header .header-main-info2 .inner2 .h2, .header-white .header-main-info2 .inner2 .h2, .header-transparent .header-main-info2 .inner2 .h2{
  font-size: 4em;
  font-family: KeepCalm-Medium;
}
.main-header .header-main-info2 .inner2 .h6, .header-white .header-main-info2 .inner2 .h6, .header-transparent .header-main-info2 .inner2 .h6 {
  padding: 0 55px;
  font-size: 1em;
  margin: 30px 0; }
.main-header .header-main-info2 .inner2 .btn, .header-white .header-main-info2 .inner2 .btn, .header-transparent .header-main-info2 .inner2 .btn {
  font-size: 1em; }

/*2*/
    .main-header .header-main-info .inner h2, .header-white .header-main-info .inner h2, .header-transparent .header-main-info .inner h2 {
      font-size: 4em;
      font-family: KeepCalm-Medium; }
    .main-header .header-main-info .inner h6, .header-white .header-main-info .inner h6, .header-transparent .header-main-info .inner h6 {
      font-size: 1em;
      margin: 30px 0; }
    .main-header .header-main-info .inner .btn, .header-white .header-main-info .inner .btn, .header-transparent .header-main-info .inner .btn {
      font-size: 1em; }
.main-header .search-wrapper, .header-white .search-wrapper, .header-transparent .search-wrapper {
  background: rgba(0, 0, 0, 0.5);
  padding: 20px 0; }
  .main-header .search-wrapper .input-group, .header-white .search-wrapper .input-group, .header-transparent .search-wrapper .input-group {
    width: 90%;
    margin: 0 auto; }
    .main-header .search-wrapper .input-group .form-control, .header-white .search-wrapper .input-group .form-control, .header-transparent .search-wrapper .input-group .form-control {
      height: 45px; }
    .main-header .search-wrapper .input-group .btn, .main-header .search-wrapper .input-group input, .header-white .search-wrapper .input-group .btn, .header-white .search-wrapper .input-group input, .header-transparent .search-wrapper .input-group .btn, .header-transparent .search-wrapper .input-group input {
      border-radius: 0;
      height: 45px;
      font-size: 1em;
      border: 4px solid #000000; }
    .main-header .search-wrapper .input-group .input-group-btn, .header-white .search-wrapper .input-group .input-group-btn, .header-transparent .search-wrapper .input-group .input-group-btn {
      font-size: 1em; }
    .main-header .search-wrapper .input-group input, .header-white .search-wrapper .input-group input, .header-transparent .search-wrapper .input-group input {
      border-right: none; }
    .main-header .search-wrapper .input-group .btn, .header-white .search-wrapper .input-group .btn, .header-transparent .search-wrapper .input-group .btn {
      background: #a01d1c;
      color: white;
      padding: 6px 27px;
      border-left: none;
      font-size: 1em; }
      .main-header .search-wrapper .input-group .btn:hover, .main-header .search-wrapper .input-group .btn:focus, .main-header .search-wrapper .input-group .btn.focus, .main-header .search-wrapper .input-group .btn.active, .header-white .search-wrapper .input-group .btn:hover, .header-white .search-wrapper .input-group .btn:focus, .header-white .search-wrapper .input-group .btn.focus, .header-white .search-wrapper .input-group .btn.active, .header-transparent .search-wrapper .input-group .btn:hover, .header-transparent .search-wrapper .input-group .btn:focus, .header-transparent .search-wrapper .input-group .btn.focus, .header-transparent .search-wrapper .input-group .btn.active {
        background: #f05a41; }

.main-header {
  background: url("../img/bg1.jpg") no-repeat center top;
  background-size: cover; }

@media (max-width: 767px){
  .main-header .header-main-info, .header-white .header-main-info, .header-transparent .header-main-info{
    height: 350px;
  }
  .main-header .header-main-info2, .header-white .header-main-info2, .header-transparent .header-main-info2{
    height: 350px;
  }

}
.header-slider{
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.header-slider header{
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 500;
}
.header-slider .search-wrapper{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
.header-slider .slick-dots{
  bottom: 85px;
  z-index: 100;
}
.header-slider .slick-dots li button:before{
  display: none;
}
.header-slider .slick-dots li.slick-active button{
  background: #a01d1c;
}
.header-slider .slick-dots li button{
  padding: 0 0;
  width: 6px;
  height: 6px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
}

#main-header{
  background: none !important;
}
.main-header{
  position: relative;
}
.main-header .container{
  position: relative;
}
.main-header .search-wrapper{
  position: relative;
}
.slider.slick-dotted.slick-slider{
  margin: 0 0;
}
.slider.slider-header{
    margin: 0 0;
  width: 100%;
  height: 100%;
}
.slider.slider-header .slick-list{
  height: 100%;
}
.slider.slider-header .slick-track{
  height: 100%;
}
.slider.slider-header .bg-image{
  width: 100%;
  height: 100%;
}

.slider.slider-header .bg-image{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}
.slider.slider-header .slick-arrow{
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -ms-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  z-index: 100;
  width: 40px;
  height: 40px;
  font-size: 0;
  line-height: 0;
  background: rgba(0,0,0,0.8) url(/images/arrow-slider-white.svg) no-repeat center center;
  border-radius: 50%;
  opacity: 1;
  -webkit-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  transform: translate(0, 0%);
  margin: -20px 0 0 0;
}
.slider.slider-header .slick-arrow:hover{
  background: rgba(0,0,0,0.6) url(/images/arrow-slider-white.svg) no-repeat center center;
}
.slider.slider-header .slick-arrow:before{
  display: none;
}
.slider.slider-header .slick-arrow.slick-prev{
  left: 50px;
}
.slider.slider-header .slick-arrow.slick-next{
  right: 50px;
  transform: rotate(180deg);
}
@media (max-width: 991px){
  .slider.slider-header .slick-arrow.slick-prev{
    left: 15px;
  }
  .slider.slider-header .slick-arrow.slick-next{
    right: 15px;
  }
}
/*header white */
.header-white {
  background: #ffffff;
  border-bottom: 2px solid #8c8c8c; }
  .header-white .navbar .nav > li > a {
    color: #000000;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

/*header transparent */
.header-transparent {
  background: transparent;
  border-bottom: none; }

/* */
/* start header mob*/
@media (max-width: 991px){
  .navbar-brand{
    padding: 10px 15px;
  }
  .navbar-brand>img{
    max-width: 100%;
    max-height: 100%;
  }
}


@media (min-width: 768px) and (max-width: 991px){
  .navbar-brand{
    max-width: 165px;
    margin: 5px 0 0 0;
  }
  .navbar .collapse{
    width: 570px;
    float: right;
  }
  .nav>li>a{
    padding-left: 10px;
    padding-right: 10px;
  }
}
.header-white .navbar-brand>img.mob{
  display: none;
}
@media (max-width: 767px){
  .header-white .navbar-brand>img{
    display: none;
  }
  .header-white .navbar-brand>img.mob{
    display: block;
  }
  .header-white{
    background: none !important;
    border: none !important;
  }
  .navbar-toggle{
    margin: 9px 15px 0 0;
    padding: 0 0;
  }
  .navbar{
    z-index: 500;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin-bottom: 0;
    height: 55px;
    background: #141414;
    border-top: 2px solid #282828 !important;
  }
  .navbar .navbar-collapse{
    position: fixed;
    top: 55px;
    left: -100%;
    right: 0;
    bottom: 0;
    background: #141414;
    z-index: 500;
    height: auto !important;
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    -ms-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
    padding: 0 30px;
  }
  .navbar .navbar-collapse.in{
    left: 0;
  }
  .header-white .navbar .nav > li > a{
    color: #fff;
  }
}
@media (max-width: 350px){
  .navbar-brand{
    width: 230px;
  }
}

/* end header mob*/
.deck-form .delete-gallery-item {
  margin: 5px 0px;
}
.main {
  background: url("../img/bg2.jpg") no-repeat center top #d2d2d2;
  background-size: cover;
  padding-top: 25px; }
  .main h4 {
    font-size: 1.4em; }
  .main .main-numbers {
    text-align: center; }
    .main .main-numbers h3 {
      font-size: 2.7em;
      color: #000000; }
    .main .main-numbers .numbers-item {
      margin: 35px 0;
      font-family: KeepCalm-Medium; }
      .main .main-numbers .numbers-item .number {
        font-size: 7em;
        color: #a01d1c;
        display: block; }
        .main .main-numbers .numbers-item .number .comma {
          color: #000000; }
      .main .main-numbers .numbers-item .number-description {
        font-size: 2.5em;
        color: #000000; }
  .main .recently-added-block, .main .recently-collected-block {
    border-top: #1f1f1f solid 5px;
    padding: 50px 0;
    text-align: center; }
    .main .recently-added-block h4, .main .recently-collected-block h4 {
      margin-bottom: 35px;
      font-size: 1.8em;
      text-transform: uppercase; }

/*cards with front and back images */
.cards .item-wrapper {
  margin: 0 auto;
  margin-bottom: 25px;
  height: 360px;
  position: relative; }
  .cards .item-wrapper:hover {
    cursor: pointer; }
.cards .card-wrapper {
  height: 357px;
  margin-bottom: 40px; }
  .cards .card-wrapper .decks-description {
    display: none;
    width: calc(100% - 30px);
    padding: 10px 0;
    background: rgba(210, 210, 210, 0.5);
    position: absolute;
    bottom: 0;
    text-align: center; }
    .cards .card-wrapper .decks-description .deck-title {
      display: block;
      margin-bottom: 15px; }
    .cards .card-wrapper .decks-description .collection-icon-wrapper {
      display: inline-block; }
      .cards .card-wrapper .decks-description .collection-icon-wrapper .collection-deck-icon {
        background: #e5e5e5;
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-right: 10px; }
        .cards .card-wrapper .decks-description .collection-icon-wrapper .collection-deck-icon:hover {
          background: #f05a41; }
        .cards .card-wrapper .decks-description .collection-icon-wrapper .collection-deck-icon .fa {
          color: #ffffff; }
      .cards .card-wrapper .decks-description .collection-icon-wrapper .collection-deck-success {
        background: #008000; }
.cards .back-img {
  display: none; }
.cards .user {
  margin: 0 auto;
  text-align: left;
  padding-top: 10px; }
  .cards .user .img-circle {
    width: 50px;
    height: 50px;
    margin-right: 15px; }
  .cards .user .user-name {
    display: block;
    text-transform: uppercase;
    font-size: 0.9em;
    color: #000000; }
  .cards .user .time {
    display: block;
    font-style: italic;
    font-size: 0.9em;
    /*width: 80%;*/}

.cards-with-user .card-wrapper {
  height: 420px; }

/* */
/*modal sign up */
#signUpModal .modal-dialog {
  width: 40%; }
  #signUpModal .modal-dialog .modal-header {
    border: none;
    padding: 5px; }
  #signUpModal .modal-dialog .modal-header button.close span {
    font-size: 35px;
  }
  #signUpModal .modal-dialog .modal-content {
    border-radius: 0; }
    #signUpModal .modal-dialog .modal-content .modal-body {
      border: none; }
      #signUpModal .modal-dialog .modal-content .modal-body .btn-full-width {
        width: 100%; }
      #signUpModal .modal-dialog .modal-content .modal-body .btn-red {
        display: block; }
      #signUpModal .modal-dialog .modal-content .modal-body .btn .fa {
        font-size: 1.4em; }
      #signUpModal .modal-dialog .modal-content .modal-body .separator {
        display: block;
        margin: 10px 0;
        text-align: center;
        color: #8c8c8c;
        font-family: KeepCalm-Medium; }
      #signUpModal .modal-dialog .modal-content .modal-body .term {
        display: block;
        padding-bottom: 20px;
        border-bottom: 1px solid #dce0e0;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-size: 0.7em;
        margin-top: 20px; }
      #signUpModal .modal-dialog .modal-content .modal-body .footer {
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-size: 0.9em;
        padding-bottom: 20px; }
        #signUpModal .modal-dialog .modal-content .modal-body .footer .btn {
          font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
          border-radius: 0;
          border: 1px solid #a01d1c;
          color: #a01d1c; }
          #signUpModal .modal-dialog .modal-content .modal-body .footer .btn:hover {
            background: #a01d1c;
            color: #ffffff; }

/*end of modal sign up */
#inspirqation-awits {
  background: url("../img/bg3.jpg") no-repeat center center;
  background-size: cover;
  height: 650px;
  width: 100%;
  display: table; }
  #inspirqation-awits .inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: white; }
    #inspirqation-awits .inner h3 {
      font-size: 4em; }
    #inspirqation-awits .inner h6 {
      font-size: 1em;
      margin: 20px 0; }
    #inspirqation-awits .inner .btn {
      font-size: 1em; }

.main-footer {
  background: #212121;
  color: white;
  padding: 25px 0 75px 0; }
  .main-footer .footer-menu {
    list-style: none;
    margin-bottom: 35px;
    padding: 0; }
    .main-footer .footer-menu li {
      font-size: 1em; }
      .main-footer .footer-menu li a {
        color: white;
        text-decoration: none; }
      .main-footer .footer-menu li:hover {
        text-decoration: underline; }
  .main-footer .copyright {
    font-size: 0.7em; }
  .main-footer .follow-us-block h5 {
    font-size: 1em;
    text-transform: uppercase;
    margin-bottom: 15px; }
  .main-footer .follow-us-block i.fa {
    font-size: 2em;
    margin-right: 10px;
    color: white; }
    .main-footer .follow-us-block i.fa:hover {
      color: #f05a41; }
  .main-footer .newsletter-block h5 {
    font-size: 1em;
    text-transform: uppercase;
    margin-bottom: 15px; }
  .main-footer .newsletter-block .newsletter-description {
    font-size: 1em;
    display: block;
    margin: 15px 0; }
  .main-footer .newsletter-block .input-group .form-control {
    height: 35px; }
  .main-footer .newsletter-block .input-group .input-group-btn {
    font-size: 1em; }
  .main-footer .newsletter-block .input-group .btn, .main-footer .newsletter-block .input-group input {
    border-radius: 0;
    height: 35px;
    font-size: 1em; }
  .main-footer .newsletter-block .input-group .btn {
    background: #f05a41;
    color: white;
    padding: 6px 25px; }

/*autocomplete inputs */
.ui-menu {
  border: 2px solid #979797;
  border-top: 0;
  list-style: none;
  padding-left: 0;
  width: 300px; }
  .ui-menu .ui-menu-item {
    background: #d2d2d2;
    padding: 5px; }

.ui-helper-hidden-accessible {
  display: none; }

/*addNewDeck */
.hide {
  display: none; }

#addNewDeck {
  background: #f2f2f2; }
  #addNewDeck .box-images {
    background: url("../img/plus.png") center center no-repeat rgba(0, 0, 0, 0.2);
    height: 370px;
    text-align: center;
    padding-top: 30%; }
    #addNewDeck .box-images:hover {
      cursor: pointer; }
  #addNewDeck .front-deck-img-prev, #addNewDeck .back-deck-img-prev {
    display: none;
    height: 370px; }
  #addNewDeck .header-add-deck {
    padding-top: 30px;
    padding-bottom: 30px; }
    #addNewDeck .header-add-deck input.form-control {
      background: none;
      border: 2px solid #979797;
      margin-top: 10px; }
  #addNewDeck #title-add-deck {
    color: white;
    background: #ac1e1e; }
    #addNewDeck #title-add-deck .tab-item {
      padding: 30px; }
  #addNewDeck .main {
    padding: 30px 0;
    background: #d2d2d2;
    color: #000000; }
    #addNewDeck .main textarea {
      background: none;
      margin-top: 10px;
      margin-bottom: 30px;
      box-shadow: none;
      border-left: none;
      border-right: none;
      border-top: none;
      border-bottom: 2px solid black;
      border-radius: 0; }
    #addNewDeck .main input.form-control, #addNewDeck .main select.form-control {
      background: none;
      border: 2px solid #979797;
      margin-top: 10px; }
    #addNewDeck .main .btn .fa {
      margin-right: 7px; }
  #addNewDeck #gallery-create-item-button {
    margin-top: 20px; }

/*user page */
.user-header {
  background: #f2f2f2; }
  .user-header .user-bg-header {
    width: 100%;
    height: 450px; }
  .user-header .user-info {
    padding: 30px 0 50px 0;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
    .user-header .user-info .user-name {
      font-family: KeepCalm-Medium;
      font-size: 2.4em;
      text-transform: uppercase;
      display: inline-block; }
    .user-header .user-info .rank {
      font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
      font-size: 1.3em;
      text-transform: uppercase; }
    .user-header .user-info .bio {
      font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
      font-size: 1.3em; }
    .user-header .user-info .user-img {
      width: 150px;
      height: 150px;
      float: left;
      margin-right: 30px; }

.user-collections-title {
  padding: 30px 0;
  color: #ffffff; }
i.download-link {
  background: url("../img/download-link-icon.png") right center no-repeat;
  width: 35px;
  height: 35px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
  margin-left: 8px; }
a:active i.download-link {
  background: url("../img/active-download-link-icon.png") right center no-repeat; }

.user-collections {
  background: #d2d2d2; }
  .user-collections h2 {
    margin-bottom: 30px;
    padding-left: 15px; }
  .user-collections .user-collections-item-bg {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    width: 540px;
    height: 514px;
    display: none; }
  .user-collections .user-collections-item {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    background: #ffffff;
    margin-bottom: 50px; }
    .user-collections .user-collections-item:hover .user-collections-item-bg {
      display: block; }
    .user-collections .user-collections-item .cards .big-card, .user-collections .user-collections-item .cards .small-card {
      text-align: center;
      vertical-align: middle;
      color: black; }
    .user-collections .user-collections-item .cards .big-card {
      width: 50%;
      height: auto;
      line-height: 378px; }
    .user-collections .user-collections-item .cards .small-card {
      height: auto;
      line-height: 168px; }
    .user-collections .user-collections-item .cards .grey-bg {
      background: #818181; }
      .user-collections .user-collections-item .cards .grey-bg .fa {
        font-size: 4em; }
    .user-collections .user-collections-item .cards .first-row {
      margin-bottom: 10px; }
    .user-collections .user-collections-item .item-description-wrapper .item-description {
      text-align: center;
      padding: 15px 0; }
      .user-collections .user-collections-item .item-description-wrapper .item-description h3 {
        color: #000000; }
      .user-collections .user-collections-item .item-description-wrapper .item-description .decks-amount {
        color: #a01d1c; }
    .user-collections .user-collections-item .item-description-wrapper .item-button {
      height: 136px;
      line-height: 136px;
      vertical-align: middle;
      text-align: center; }
      .user-collections .user-collections-item .item-description-wrapper .item-button .btn {
        width: 80%; }
    .user-collections .user-collections-item .lock {
      background: #818181;
      color: #000000;
      height: 387px;
      line-height: 387px;
      vertical-align: middle;
      text-align: center; }
      .user-collections .user-collections-item .lock .fa {
        font-size: 3.5em; }
    .user-collections .user-collections-item .lock-description-wrapper {
      height: 127px;
      background: #ffffff;
      display: table;
      text-align: center;
      width: 100%; }
      .user-collections .user-collections-item .lock-description-wrapper .lock-description {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        text-align: center; }
        .user-collections .user-collections-item .lock-description-wrapper .lock-description .earn-more {
          display: block;
          color: #a01d1c;
          text-transform: uppercase; }
          .user-collections .user-collections-item .lock-description-wrapper .lock-description .earn-more:hover {
            text-decoration: none; }
        .user-collections .user-collections-item .lock-description-wrapper .lock-description .unlock {
          text-transform: uppercase;
          display: inline-block;
          border-top: 1px solid;
          border-bottom: 1px solid;
          padding: 10px 0;
          margin-top: 10px;
          color: #d4d4d4; }

/*collection list */
.collection-list {
  min-height: 300px; }
  .collection-list .collection-item {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 252px;
    height: 352px;
    /*border: 1px solid #a01d1c;*/ }
	
	.collection-list .collection-item img {border: 1px solid #a01d1c;}

.gallery-colorbox #cboxLoadedContent,
.gallery-colorbox #cboxContent {
  background: rgba(0,0,0,0); }

/*deck page */
.deck-page-header {
  background: #f2f2f2;
  padding-top: 20px;
  padding-bottom: 20px; }
.deck-page-header .collection-actions,
.deck-page-header .wishlist-actions,
.deck-page-header .tradelist-actions {
  float: left;
  font-size: 11px;
  margin-right: 20px; }
.deck-page-header .collection-actions .number,
.deck-page-header .wishlist-actions .number,
.deck-page-header .tradelist-actions .number {
  padding: 12px 10px 0;
  display: inline-block; }
.deck-page-header #deck-notes {
  max-width: 550px; }
.deck-page-header .shareaholic-canvas {
  float: right; }

.deck-page-main {
  background: #d2d2d2; }
  .deck-page-main .deck-title {
    font-size: 1.25em;
    margin-top: 40px; }
  .deck-page-main .deck-main-info {
    padding: 20px 0; }
    .deck-page-main .deck-main-info h1 {
      margin-top: 0; }
  .deck-page-main .deck-tab {
    background: #a01d1c;
    color: #ffffff;
    padding: 15px 0; }
  .deck-page-main .deck-fields {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 40px 0;
    margin-bottom: 40px; }
    .deck-page-main .deck-fields .field-name {
      text-transform: uppercase;
      font-size: 1.25em;
      color: #777777;
      display: inline-block;
      margin-right: 10px; }
    .deck-page-main .deck-fields p {
      text-transform: uppercase;
      font-size: 1.25em; }
    .deck-page-main .deck-fields .expand {
      color: #a01d1c; }
  .deck-page-main .deck-gallery {
    border-bottom: 1px solid #000000;
    padding: 0 0 40px 0;
    margin-bottom: 40px; }
    .deck-page-main .deck-gallery h4 {
      font-size: 1.25em;
      margin-bottom: 40px; }
    .deck-page-main .deck-gallery .card-img {
      border-radius: 5%;
      width: auto;
      /*height: 375px;*/ }
    .deck-page-main .deck-gallery #gallery-last-item {
      position: relative;
      display: block; }
      .deck-page-main .deck-gallery #gallery-last-item .card-img {
        margin: 0 auto; }
      .deck-page-main .deck-gallery #gallery-last-item .dark-bg {
        position: absolute;
        top: 0;
        background: rgba(0, 0, 0, 0.6);
        text-align: center;
        width: 100%;
        height: 100%; }
        .deck-page-main .deck-gallery #gallery-last-item .dark-bg .see-all {
          color: #ffffff;
          text-align: center;
          line-height: 375px;
          height: 375px;
          vertical-align: middle;
          font-size: 1.4em; }
  .deck-page-main .deck-numbers {
    margin-bottom: 40px;
    position: relative; }
    .deck-page-main .deck-numbers h4 {
      font-size: 1.4em; }
    .deck-page-main .deck-numbers .deck-number-item {
      display: inline-block;
      /*padding: 0 60px;*/
      border-right: 1px solid #000000;
      text-align: center; }
	  
	  
	  .deck-page-main .deck-numbers .deck-number-item-edit {
		  background: url(/img/fix.png) no-repeat;
		  background-position: 20% 0%;
		  height: 50px;
		  line-height: 50px;
		  width: auto;
		  padding-left: 60px;
	  }
      .deck-page-main .deck-numbers .deck-number-item:first-of-type {
        padding-left: 0; }
      .deck-page-main .deck-numbers .deck-number-item:last-child {
        border-right: none; }
      .deck-page-main .deck-numbers .deck-number-item .number {
        display: block;
        font-size: 4.3em;
        color: #a01d1c; }
      .deck-page-main .deck-numbers .deck-number-item a.number:hover {
        color: white;
        text-decoration: none; }
      .deck-page-main .deck-numbers .deck-number-item .info {
        text-transform: uppercase; }
      .deck-page-main .deck-numbers .edit-fix-link {
        position: absolute;
        /*right: 0px;
        background: url(/img/fix.png) no-repeat;
        width: 115px;
        height: 48px;
        line-height: 54px;*/
        text-align: right;
        bottom: 0px;
        color: black;
      }
  .deck-page-main .recommendations-block {
    text-align: center; }
    .deck-page-main .recommendations-block h4 {
      text-transform: uppercase;
      padding: 25px 0;
      background: #ffffff; }

/* */
/*search state */
.search-state-wrapper {
  overflow: hidden;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
  .search-state-wrapper .search-state-icon, .search-state-wrapper .title, .search-state-wrapper .search-state-items {
    line-height: 54px; }
  .search-state-wrapper .search-state-icon {
    height: 30px; }
    .search-state-wrapper .search-state-icon img {
      width: 30px;
      height: 30px; }
  .search-state-wrapper .title {
    font-weight: bold; }
  .search-state-wrapper .search-state-items {
    /*height: 54px;*/
    overflow: hidden; }
.search-page .card-wrapper img { width: 250px;
  height: 350px; }

/* */
/*table tile view icons */
#search-form {
  display: inline-block;
  margin: 10px 0; }
  #search-form input[type="submit"] {
    display: none; }

.view-icons .fa {
  font-size: 2.5em;
  color: #ffffff;
  margin: 0 7px; }
  .view-icons .fa.black {
    color: #000000; }
.view-icons .view-icon {
  vertical-align: middle; }
  .view-icons .view-icon:hover {
    cursor: pointer;
    color: #a01d1c; }
  .view-icons .view-icon.active {
    color: #a01d1c; }
.grid-styles-popup {
  position: absolute;
  z-index: 10;
  display: none;
  left: 45px;
  text-align: right; }
.grid-styles-popup img {
  margin-right: 9px;
  margin-bottom: -5px; }
.grid-styles {
  background-color: white;
  border-radius: 4px;
  padding: 4px; }
.grid-icon {
  display: inline-block;
  height: 41px;
  width: 34px;
  margin: 0 4px;
  vertical-align: middle;
  cursor: pointer; }
#bigGrid-view-icon {
  background: url("../img/big-grid-icon.png") right center no-repeat; }
#bigGrid-view-icon:hover,
#bigGrid-view-icon.active {
  background: url("../img/big-grid-icon-active.png") right center no-repeat; }
#middleGrid-view-icon {
  background: url("../img/middle-grid-icon.png") right center no-repeat; }
#middleGrid-view-icon:hover,
#middleGrid-view-icon.active {
  background: url("../img/middle-grid-icon-active.png") right center no-repeat; }
#littleGrid-view-icon {
  background: url("../img/little-grid-icon.png") right center no-repeat; }
#littleGrid-view-icon:hover,
#littleGrid-view-icon.active {
  background: url("../img/little-grid-icon-active.png") right center no-repeat; }
#tinyGrid-view-icon {
  background: url("../img/tiny-grid-icon.png") right center no-repeat; }
#tinyGrid-view-icon:hover,
#tinyGrid-view-icon.active {
  background: url("../img/tiny-grid-icon-active.png") right center no-repeat; }
.cards .card-wrapper.middle-grid-card {
  width: 20%;
  margin-top: 20px;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  height: 281px;
  margin-bottom: 25px; }
.collection-list .middle-grid-card .collection-item {
  margin-top: 0;
  margin-bottom: 20px;
  width: 201px;
  height: 281px;
  /*border: 1px solid #a01d1c;*/ }
.search-page .middle-grid-card img { width: 199px;
  height: 279px; }
.cards .card-wrapper.little-grid-card {
  width: 14.2%;
  margin-top: 20px;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  height: 193px;
  margin-bottom: 20px; }
.collection-list .little-grid-card .collection-item {
  margin-top: 0;
  margin-bottom: 20px;
  width: 138px;
  height: 193px;
  /*border: 1px solid #a01d1c;*/ }
.search-page .little-grid-card img { width: 136px;
  height: 191px; }
/* */
/*list view */
.list-items {
  display: none; }

/*end of list view */
/*colorbox */
.lightbox-items .collection-card-lightbox {
  display: none; }

#cboxOverlay {
  background: rgba(0, 0, 0, 0.7); }

#colorbox, #cboxOverlay, #cboxWrapper {
  overflow: unset; }

#colorbox .collection-card-lightbox .back-image {
  display: none;
  position: absolute;
  top: 0; }
#colorbox #cboxLoadedContent {
  border: none; }
#colorbox #cboxClose {
  color: #000000;
  font-size: 2em;
  text-indent: 0;
  height: 34px; }
#colorbox #cboxCurrent {
  display: none; }
#colorbox #cboxNext, #colorbox #cboxPrevious {
  text-indent: 0;
  width: 45px;
  height: 45px;
  line-height: 45px;
  vertical-align: middle;
  background: #696969;
  color: #444444;
  font-size: 1.8em;
  border: none; }
#colorbox #cboxNext {
  right: -50px; }
#colorbox #cboxPrevious {
  left: -50px; }
@media (max-width: 767px){
  #colorbox #cboxNext, #colorbox #cboxPrevious{
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  #colorbox #cboxNext {
    right: -47px;
  }
  #colorbox #cboxPrevious {
    left: -47px;
  }
  #cboxWrapper{
    padding: 0 55px;
  }
}
/*deck info block for deck-page and deck lightbox */
.border-top-grey {
  border-top: 1px solid #8c8c8c; }

.border-bottom-grey {
  border-bottom: 1px solid #8c8c8c; }

.deck-info-wrapper .social-links {
  position: relative;
  left: 0; }
  .deck-info-wrapper .social-links > a {
    display: inline-block; }
.deck-info-wrapper .deck-info {
  padding: 0 25px; }
  .deck-info-wrapper .deck-info h1 {
    font-size: 2em;
    margin: 20px 0 20px 0;
    text-transform: uppercase; }
  .deck-info-wrapper .deck-info h4 {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.25em;
    margin-bottom: 20px; }
  .deck-info-wrapper .deck-info .rating {
    padding: 15px 0;
    font-size: 1em;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
    .deck-info-wrapper .deck-info .rating .stars {
      display: block;
      margin: 15px 0; }
    .deck-info-wrapper .deck-info .rating .description {
      font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
      font-size: 1em;
      max-height: 100px;
      overflow: hidden; }
  .deck-info-wrapper .deck-info .portfolio-section {
    padding-bottom: 20px;
    min-height: 140px; }
  .deck-info-wrapper .deck-info .notes {
    clear: both; }
  .deck-info-wrapper .deck-info .notes h2 {
    font-size: 2em; }
  .deck-info-wrapper .deck-info .notes h4 {
    font-weight: bold; }
  .deck-info-wrapper .deck-info .notes textarea {
    background: #ededed;
    border: none;
    border-radius: 0;
    height: 100px; }
  .deck-info-wrapper .deck-info .notes .save {
    margin-top: 10px;
    background: #a1a1a1;
    color: #ffffff;
    border-radius: 0;
    border: none;
    box-shadow: none;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }
.deck-info-wrapper .btn-red {
  font-size: 1.3em;
  margin: 10px 0;}

.deck-info-wrapper .deck-info {
  padding-top: 0; }

/*animated icons large */
#animated-icons.animated-icons-large .animated-icon-item {
  min-height: 130px; }
  #animated-icons.animated-icons-large .animated-icon-item.disabled {
    color: #dce0e0; }
    #animated-icons.animated-icons-large .animated-icon-item.disabled .adding {
      background: url("../img/animated-icon-disabled.png") right center no-repeat; }
      #animated-icons.animated-icons-large .animated-icon-item.disabled .adding .number {
        color: #8c8c8c; }
  #animated-icons.animated-icons-large .animated-icon-item .adding {
    height: 100px;
    text-align: center;
    line-height: 100px;
    vertical-align: middle;
    padding-right: 43px;
    background: url("../img/animated-icon.png") right center no-repeat; }
    #animated-icons.animated-icons-large .animated-icon-item .adding:hover {
      cursor: pointer;
      background: url("../img/animated-icon-hover.png") right center no-repeat; }
    #animated-icons.animated-icons-large .animated-icon-item .adding.active {
      background: url("../img/animated-icon-active.png") right center no-repeat; }
    #animated-icons.animated-icons-large .animated-icon-item .adding .number {
      font-size: 4.2em;
      color: #a01d1c; }
  #animated-icons.animated-icons-large .animated-icon-item .deleting .description {
    line-height: 50px;
    font-size: 15px; }
  #animated-icons.animated-icons-large .animated-icon-item .deleting .fa-minus {
    font-size: 50px; }
    #animated-icons.animated-icons-large .animated-icon-item .deleting .fa-minus:hover {
      color: #a01d1c;
      cursor: pointer; }
    #animated-icons.animated-icons-large .animated-icon-item .deleting .fa-minus.active {
      color: #000000; }

/*small animated icons for list view */
#animated-icons.animated-icons-small .animated-icon-item {
  min-height: 60px; }
  #animated-icons.animated-icons-small .animated-icon-item.disabled .adding {
    color: #cecece;
    background: url("../img/animated-icon-disabled.png") right center no-repeat;
    background-size: 20% 75%; }
    #animated-icons.animated-icons-small .animated-icon-item.disabled .adding .number {
      color: #aaaaaa;
      text-align: right;
      padding-right: 35px; }
  #animated-icons.animated-icons-small .animated-icon-item.disabled .deleting .description {
    color: #aaaaaa; }
  #animated-icons.animated-icons-small .animated-icon-item.disabled .deleting .fa-minus {
    color: #aaaaaa; }
  #animated-icons.animated-icons-small .animated-icon-item .adding {
    height: 50px;
    line-height: 50px;
    padding-right: 20px;
    background: url("../img/animated-icon.png") right center no-repeat;
    background-size: 20% 75%; }
    #animated-icons.animated-icons-small .animated-icon-item .adding:hover {
      background: url("../img/animated-icon-hover.png") right center no-repeat;
      background-size: 20% 75%; }
    #animated-icons.animated-icons-small .animated-icon-item .adding.active {
      background: url("../img/animated-icon-active.png") right center no-repeat;
      background-size: 20% 75%; }
    #animated-icons.animated-icons-small .animated-icon-item .adding .number {
      font-size: 2.2em;
      font-weight: bold;
      color: #a01d1c;
      text-align: right;
      padding-right: 35px; }
  #animated-icons.animated-icons-small .animated-icon-item .deleting .description {
    line-height: 35px;
    font-size: 9px;
    text-transform: uppercase; }
  #animated-icons.animated-icons-small .animated-icon-item .deleting .fa-minus {
    font-size: 25px; }
    #animated-icons.animated-icons-small .animated-icon-item .deleting .fa-minus:hover {
      color: #a01d1c;
      cursor: pointer; }
      #animated-icons.animated-icons-small .animated-icon-item .deleting .fa-minus:hover.active {
        color: #000000; }

/* */
/*end of deck info block for deck-page and deck lightbox */
.navigation-bar {
  min-height: 65px; }
.navigation-bar .navigation-tab {
  background: #ffffff;
  padding: 15px 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.navigation-bar .navigation-tab.active {
  background: #a01d1c;
  color: #ffffff;
  display: block; }
.content-section.inactive { display: none; }
.reviews-section {
  margin: 40px auto;
}
.reviews-section .btn-red {
  margin-top: 25px;
}
/*search page */
#ajax-loader { display: none; }
.search-page .search-page-header {
  background: url("../img/bg4.jpg") center center no-repeat;
  background-size: cover;
  text-align: center; }
  .search-page .search-page-header .inspiration-wrapper {
    display: table;
    width: 100%;
    height: 300px; }
  .search-page .search-page-header .inner {
    display: table-cell;
    vertical-align: middle; }
    .search-page .search-page-header .inner h3 {
      margin-bottom: 35px; }
    .search-page .search-page-header .inner .btn-red {
      margin-top: 20px; }
.search-page .search-page-main-tabs {
  background: #d2d2d2;
  /*filter and discover tabs */
  /*inner tabs with colors e.t.c */ }
  .search-page .search-page-main-tabs .description-tabs {
    margin: 0 auto 15px auto;
    padding: 5px 0;
    width: 40%;
    text-align: center; }
  .search-page .search-page-main-tabs .search-page-filter-tabs {
    background: #d2d2d2; }
    .search-page .search-page-main-tabs .search-page-filter-tabs .nav-tabs {
      background: #ffffff;
      border-bottom: none; }
      .search-page .search-page-main-tabs .search-page-filter-tabs .nav-tabs .tab {
        width: 20%;
        text-align: center;
        display: block;
        float: left;
        background: #ffffff;
        border-right: 1px solid #8c8c8c;
        margin-bottom: auto; }
        .search-page .search-page-main-tabs .search-page-filter-tabs .nav-tabs .tab:last-child {
          border-right: none; }
        .search-page .search-page-main-tabs .search-page-filter-tabs .nav-tabs .tab > a {
          color: #000000;
          border: none;
          padding: 20px 0; }
          .search-page .search-page-main-tabs .search-page-filter-tabs .nav-tabs .tab > a:hover {
            background: none; }
        .search-page .search-page-main-tabs .search-page-filter-tabs .nav-tabs .tab.active, .search-page .search-page-main-tabs .search-page-filter-tabs .nav-tabs .tab:hover {
          background: #a01d1c;
          cursor: pointer; }
          .search-page .search-page-main-tabs .search-page-filter-tabs .nav-tabs .tab.active > a, .search-page .search-page-main-tabs .search-page-filter-tabs .nav-tabs .tab:hover > a {
            color: #ffffff;
            background: none;
            border: none; }
    .search-page .search-page-main-tabs .search-page-filter-tabs .tab-content {
      padding: 25px 0;
      /*special design for different tabs */
      /*search string field */ }
      .search-page .search-page-main-tabs .search-page-filter-tabs .tab-content .search-filter-item {
        height: 78px;
        line-height: 78px;
        border: 2px solid #242021;
        float: left;
        text-align: center; }
        .search-page .search-page-main-tabs .search-page-filter-tabs .tab-content .search-filter-item.active {
          background: #a01d1c;
          color: #ffffff; }
      .search-page .search-page-main-tabs .search-page-filter-tabs .tab-content #tuck-items-wrapper {
        width: 70%;
        margin: 0 auto; }
      .search-page .search-page-main-tabs .search-page-filter-tabs .tab-content #stock-items-wrapper, .search-page .search-page-main-tabs .search-page-filter-tabs .tab-content #style-items-wrapper {
        width: 70%;
        margin: 0 auto; }
        .search-page .search-page-main-tabs .search-page-filter-tabs .tab-content #stock-items-wrapper .style-item-design, .search-page .search-page-main-tabs .search-page-filter-tabs .tab-content #style-items-wrapper .stock-item-design {
          float: left;
          width: 40%;
          margin-right: 10%; }
  .search-page .search-page-main-tabs #SEARCH-STRING {
    /*margin-top: 20px;*/
    padding: 40px 0;
    text-align: center; }
    .search-page .search-page-main-tabs #SEARCH-STRING #search-string-field {
      display: inline-block;
      width: 40%;
      background: transparent;
      border: 1px solid #8c8c8c;
      border-radius: 45px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset;
      color: #000000;
      height: 70px;
      line-height: 0;
      padding: 6px 15px 6px 35px;
      text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); }
.ui-widget-content .ui-menu-divider { display: none; }
/*list view */
.list-item {
  margin: 7px;
  padding: 0; }
  .list-item:hover {
    background: #cacaca; }
  .list-item .deck-title {
    display: block;
    margin-bottom: 20px;
    font-weight: bold;
    text-transform: uppercase; }
  .list-item .notes {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 300; }

/*end of search page */
/*social links in collections */
.social-links {
  left: -40px;
  position: absolute;
  top: 20px; }
  .social-links a:hover {
    text-decoration: none; }
  .social-links .fa {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    background: #8c8c8c;
    color: #dce0e0;
    border-radius: 4px;
    margin-bottom: 5px; }
    .social-links .fa:hover {
      cursor: pointer;
      background: #a01d1c;
      text-decoration: none; }

button#send-message {
  display: inline-block;
  vertical-align: middle;
  background-color: #c3c3c3;
  border: none;
  border-radius: 3px;
  color: white;
  padding: 10px 15px 8px 8px;
  margin-bottom: 18px;
  font-size: 16px;
  margin-left: 20px; }
button#send-message:hover {
  background-color: #ac2925; }
button#send-message:active {
  background-color: #c3c3c3; }
button#send-message .message-icon {
  background: url("../img/Messanger-Icon.png") center center no-repeat;
  width: 25px;
  height: 25px;
  background-size: 80%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px; }
button#send-message:active .message-icon {
  background: url("../img/Red-Messenger-Icon.png") center center no-repeat;
  background-size: 80%; }

/*register panel */
#register-panel, #login-panel, #profile-edit-panel {
  margin: 20px 0; }

.flash-notification {
  height: 38px;
  padding: 7px 0px;
  background-color: white;
  border-radius: 3px;
  border: 1px solid; }

.review { padding-bottom: 8px;
  background-color: #e0e0e0; }
.review .review-body { display: inline-block;
  margin-top: 5px; }
.review .review-author { display: inline-block;
  padding: 0px;
  width: 50px;
  float: left; }
.review .review-author img { width: 100%;
  border-radius: 50%;
  margin-top: 15px; }
.review .review-header .review-author-name,
.review .review-header .rate-form { display: inline-block;
  padding: 5px;
  vertical-align: middle; }
.review .review-author-name { text-transform: uppercase; }
.review-delete-form {
  float: right;
  display: inline-block;
  margin-right: 15px; }
.review .review-agree { display: inline-block;
  width: 43px;
  height: 40px;
  padding: 13px 0px;
  text-align: right; }
.review .review-disagree { display: inline-block;
  width: 43px;
  height: 40px;
  padding: 13px 0px;
  text-align: right;
  margin-left: 20px; }
.review .review-footer { text-align: right; }
.review .review-date { display: inline-block;
  float: right;
  margin-top: 8px; }
.reviews-section .review-video { margin-bottom: 20px; }
#approval-block .review .review-text { padding: 0px; }
#approval-block .review .review-footer { text-align: center; }
.review .review-text { padding: 13px 5px; }
.message-status {
  border-color: #2ECC40; }
.message-warning {
  border-color: #F5EF3B; }
.message-error {
  border-color: #F5663B; }
.review-reaction-button.review-agree {
  background: url("/img/thumb-up.png") left center no-repeat;
}
.review-reaction-button.review-agree.active {
  background: url("/img/thumb-up-active.png") left center no-repeat;
}
.review-reaction-button.review-disagree {
  background: url("/img/thumb-down.png") left center no-repeat;
}
.review-reaction-button.review-disagree.active {
  background: url("/img/thumb-down-active.png") left center no-repeat;
}
#user-budges .user-actions { margin-bottom: 65px; }
#user-budges .user-action { background: white;
  padding: 13px 0px;
  border-bottom: 1px solid black; }
#user-budges .user-action.table-header { border-bottom: 2px solid black; }
.ui-widget-content { max-height: 125px;
  overflow-y: scroll; }
.star-rating { font-size: 0; }
.star-rating__wrap { display: inline-block;
  font-size: 15px; }
.star-rating__wrap:after { content: "";
  display: table;
  clear: both; }
.star-rating__ico { float: right;
  padding-left: 2px;
  cursor: pointer;
  color: #A01D1C; }
.star-rating__ico:last-child{ padding-left: 0; }
.star-rating__input{ display: none; }
.star-rating__ico.disabled { cursor: default; }
.star-rating__ico.enabled:hover:before,
.star-rating__ico.enabled:hover ~ .star-rating__ico.enabled:before,
.star-rating__input.active:not(:checked) ~ .star-rating__ico:before,
.star-rating__input:checked ~ .star-rating__ico:before { content: "\f005"; }

.my-10 {margin-top: 10px; margin-bottom: 10px;}
.pt-1 {padding-top: 1rem;}
.pt-2 {padding-top: 2rem;}
.text-align-right {text-align: right;}

.recommendations-block .cards {margin-top: 15px; margin-bottom: 15px;}

.shareaholic-collection {text-align: left; position: static; left: auto;}
.shareaholic-collection ul {white-space: nowrap !important;}
.shareaholic-collection ul li.shareaholic-share-button {display: inline-block !important;}

.p-15-0 {padding: 15px 0px !important;}

@media (max-width: 767px) {
  html body {
    padding-top: 55px;
    font-size: 10px; }

  body {
    margin-bottom: 0 !important; }

  .btn-red {
    padding: 10px 5px;
    font-size: 10px; }

  /*main page */
  .main-header {
    background: transparent url("../img/bg1-mobile.jpg") no-repeat scroll center top;

    background-size: cover; }

  .main {
    background: #d2d2d2 url("../img/bg2-mobile.jpg") no-repeat scroll center top;
    background-size: cover; }

  #inspirqation-awits {
    background: transparent url("../img/bg3-mobile.jpg") no-repeat scroll center center;
    background-size: cover; }

  .main .main-numbers .numbers-item .number {
    font-size: 3em; }

  #signUpModal .modal-dialog {
    width: 85%; }

  .collection-list .collection-item {
    height: 286px;
    /*width: auto;*/
    margin-bottom: 20px; }

  .cards .card-wrapper.middle-grid-card {
	width: 50%; }
	
  .cards .card-wrapper.little-grid-card {
	width: 25%; }
	
	.collection-list .thumbnails {padding-left: 0px; padding-right: 0px;}

	.search-page .middle-grid-card img {
		width: auto;
		height: auto;
		border: 1px solid #a01d1c;
		margin: 0 auto;
	}
	
	.search-page .little-grid-card img {width: auto; height: auto;}
	
	.collection-list .middle-grid-card .collection-item {width: auto;}
	
	.collection-list .little-grid-card .collection-item {width: auto;}
	
	/*#middleGrid-view-icon {display: none;}*/
	
	.nav {font-size: 1.2em !important;}
	
	.navbar-nav {text-align: left !important;}

	.navbar-nav .messages-notification {margin-left: 15px !important;}

	.cards .user .img-circle {display: none;}
	
	.cards .card-wrapper-home {padding-left: 6px; padding-right: 6px;}

	.user-collections .user-collections-item .item-description-wrapper .item-button {
		height: auto;
		line-height: inherit;
	}
	
	.user-collections .user-collections-item .item-description-wrapper .item-button .btn {margin-bottom: 15px;}

	.search-page .search-page-main-tabs .description-tabs {width: 80%; padding-top: 20px;}
	.search-page .search-page-main-tabs #SEARCH-STRING {margin-top: 20px;}
	.search-page .search-page-main-tabs #SEARCH-STRING #search-string-field {width: 80%;}

	.deck-page-main .deck-title {margin-top: 85px;}

	.deck-gallery a.galleryCboxElement {margin-bottom: 10px; padding-left: 10px; padding-right: 10px;}
	.deck-gallery #gallery-last-item {padding-left: 0px; padding-right: 0px;}
	.deck-gallery div.galleryCboxElement {padding-left: 10px; padding-right: 10px; margin-bottom: 10px;}
	.deck-gallery #gallery-last-item {padding-left: 0px; padding-right: 0px;}
	.deck-gallery div.galleryCboxElement {padding-left: 10px; padding-right: 10px; margin-bottom: 10px;}
  
  /*profile */
  .user-collections .user-collections-item {
    width: auto;
    height: auto; }

  .user-collections .user-collections-item .cards .big-card {
    width: 50%;
    height: auto; }

  .user-collections .user-collections-item .cards .small-card {
    line-height: 85px;
    height: auto; }

  .user-collections .user-collections-item-bg {
    display: none; }

  /* */
  .user-header .user-bg-header {
    height: auto; }

  .search-page .search-page-main-tabs .search-page-main-tabs-inner .search-main-tab-item {
    text-align: center; }
    .search-page .search-page-main-tabs .search-page-main-tabs-inner .search-main-tab-item h5 {
      float: none !important; }

  .cards .card-wrapper {
    margin-bottom: 50px;
    margin-top: 20px;
    height: auto; }
  .cards .user { padding-top: 30px; }

  footer {
    position: relative;
    height: auto; } }
	
	.text-align-right-xs {text-align: right;}
	
	.deck-page-main .deck-numbers .deck-number-item-edit {margin-top: 10px;}

	span.mobile-menu-btn {
		display: inline-block;
		margin-bottom: 0px;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		touch-action: manipulation;
		cursor: pointer;
		user-select: none;

	}
	
/* animated icons dynamic */
#animated-icons.animated-icons-xs {margin-right: -15px; margin-left: -15px;}
#animated-icons.animated-icons-xs .animated-icon-item {
  min-height: 60px; }
  #animated-icons.animated-icons-xs .animated-icon-item.disabled {
    color: #dce0e0; }
    #animated-icons.animated-icons-xs .animated-icon-item.disabled .adding {
      background: url("../img/animated-icon-disabled.png") right center no-repeat;
	  background-size: 20% 75%;
	  }
      #animated-icons.animated-icons-xs .animated-icon-item.disabled .adding .number {
        color: #8c8c8c; }
  #animated-icons.animated-icons-xs .animated-icon-item .adding {
    height: 50px;
    line-height: 50px;
    padding-right: 20px;
    background: url("../img/animated-icon.png") right center no-repeat;
	background-size: 20% 75%;
	}
    #animated-icons.animated-icons-xs .animated-icon-item .adding:hover {
      cursor: pointer;
      background: url("../img/animated-icon-hover.png") right center no-repeat;
	  background-size: 20% 75%;
	  }
    #animated-icons.animated-icons-xs .animated-icon-item .adding.active {
      background: url("../img/animated-icon-active.png") right center no-repeat;
	  background-size: 20% 75%;
	  }
    #animated-icons.animated-icons-xs .animated-icon-item .adding .number {
      font-size: 2.2em;
      color: #a01d1c; }
  #animated-icons.animated-icons-xs .animated-icon-item .deleting .description {
    line-height: 35px;
    font-size: 9px; }
  #animated-icons.animated-icons-xs .animated-icon-item .deleting .fa-minus {
    font-size: 25px; }
    #animated-icons.animated-icons-xs .animated-icon-item .deleting .fa-minus:hover {
      color: #a01d1c;
      cursor: pointer; }
    #animated-icons.animated-icons-xs .animated-icon-item .deleting .fa-minus.active {
      color: #000000; }
	  
	.dynamic-left {float: left;}
	
	.user-header .user-info {
		padding: 30px 0 30px 15px;
	}

@media (min-width: 768px) {
	/* animated icons dynamic */
	#animated-icons.animated-icons-lg .animated-icon-item {
	  min-height: 130px; }
	  #animated-icons.animated-icons-lg .animated-icon-item.disabled {
		color: #dce0e0; }
		#animated-icons.animated-icons-lg .animated-icon-item.disabled .adding {
		  background: url("../img/animated-icon-disabled.png") right center no-repeat; }
		  #animated-icons.animated-icons-lg .animated-icon-item.disabled .adding .number {
			color: #8c8c8c; }
	  #animated-icons.animated-icons-lg .animated-icon-item .adding {
		height: 100px;
		text-align: center;
		line-height: 100px;
		vertical-align: middle;
		padding-right: 43px;
		background: url("../img/animated-icon.png") right center no-repeat; }
		#animated-icons.animated-icons-lg .animated-icon-item .adding:hover {
		  cursor: pointer;
		  background: url("../img/animated-icon-hover.png") right center no-repeat; }
		#animated-icons.animated-icons-lg .animated-icon-item .adding.active {
		  background: url("../img/animated-icon-active.png") right center no-repeat; }
		#animated-icons.animated-icons-lg .animated-icon-item .adding .number {
		  font-size: 4.2em;
		  color: #a01d1c; }
	  #animated-icons.animated-icons-lg .animated-icon-item .deleting .description {
		line-height: 50px;
		font-size: 15px; }
	  #animated-icons.animated-icons-lg .animated-icon-item .deleting .fa-minus {
		font-size: 50px; }
		#animated-icons.animated-icons-lg .animated-icon-item .deleting .fa-minus:hover {
		  color: #a01d1c;
		  cursor: pointer; }
		#animated-icons.animated-icons-lg .animated-icon-item .deleting .fa-minus.active {
		  color: #000000; }
		  
	.dynamic-right {float: right;}
}
	
@media (max-width: 1024px) {
  .main-header {
    background: transparent url("../img/bg1-laptop.jpg") no-repeat scroll center top;
    background-size: cover; } }
/*ipad*/
@media (min-width: 1024px) and (max-width: 1200px) {
  .search-page .card-wrapper img { width: 203px;
    height: 284px; }
  .collection-list .collection-item {
    height: 286px;
    width: 205px;
    margin-bottom: 20px; }
  .cards .card-wrapper {
    height: 286px;
    margin-bottom: 20px;  }
  .cards .card-wrapper.middle-grid-card {
    height: 239px;
    margin-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px; }
  .collection-list .middle-grid-card .collection-item {
    width: 172px;
    height: 240px; }
  .search-page .card-wrapper.middle-grid-card img {
    height: 238px;
  }
  .cards .card-wrapper.little-grid-card {
    height: 165px;
    margin-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px; }
  .collection-list .little-grid-card .collection-item {
    width: 119px;
    height: 165px; }
  .search-page .card-wrapper.little-grid-card img {
    height: 163px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .search-page .card-wrapper img { width: 148px;
    height: 207px; }
  .collection-list .collection-item {
    margin-bottom: 10px;
    padding-right: 0px;
    padding-left: 0px;
    height: 209px;
    width: 150px; }
  .cards .card-wrapper {
    height: 209px;
    margin-bottom: 10px;  }
  .cards .card-wrapper.middle-grid-card {
    height: 183px;
    margin-bottom: 10px;
    padding-left: 3px;
    padding-right: 3px; }
  .collection-list .middle-grid-card .collection-item {
    width: 132px;
    height: 184px; }
  .search-page .card-wrapper.middle-grid-card img {
    height: 182px; }
  .cards .card-wrapper.little-grid-card {
    height: 127px;
    margin-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px; }
  .collection-list .little-grid-card .collection-item {
    width: 91px;
    height: 127px; }
  .search-page .card-wrapper.little-grid-card img {
    height: 125px; }
}
@-moz-document url-prefix() {
  .grid-styles-popup {
    left: 63px; }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .grid-styles-popup {
    left: 40px; }
}
/*# sourceMappingURL=main.css.map */