@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Amatic+SC");
._white-bg {
  background-color: rgba(255, 255, 255, 0.55); }

._borderb {
  border-bottom: 1px solid #ccc; }

._nomargin {
  margin: 0 !important; }

._red {
  color: #ff0000 !important; }

._fs14 {
  font-size: 14px !important; }

._fs16 {
  font-size: 16px !important; }

._fs18 {
  font-size: 18px !important; }

._fs20 {
  font-size: 10px !important; }

._fs22 {
  font-size: 20px !important; }

._center {
  text-align: center !important; }

._clear {
  clear: both; }

._maincolor {
  color: #303960 !important; }

._mainbg {
  background: #303960 !important; }

._positive {
  color: #f8b24f !important; }

/* Show element */
@-webkit-keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* Hide element */
@-webkit-keyframes hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-moz-keyframes hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-o-keyframes hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/* Rotate element */
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }
@-o-keyframes rotate {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }
@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
/* Rotate element up-down */
@-webkit-keyframes rotateX {
  0% {
    -webkit-transform: rotateX(0deg); }
  100% {
    -webkit-transform: rotateX(360deg); } }
@-moz-keyframes rotateX {
  0% {
    -moz-transform: rotateX(0deg); }
  100% {
    -moz-transform: rotateX(360deg); } }
@-o-keyframes rotateX {
  0% {
    -moz-transform: rotateX(0deg); }
  100% {
    -moz-transform: rotateX(360deg); } }
@keyframes rotateX {
  0% {
    transform: rotateX(0deg); }
  100% {
    transform: rotateX(360deg); } }
/* Rotate element left-right */
@-webkit-keyframes rotateY {
  0% {
    -webkit-transform: rotateY(0deg); }
  100% {
    -webkit-transform: rotateY(360deg); } }
@-moz-keyframes rotateY {
  0% {
    -moz-transform: rotateY(0deg); }
  100% {
    -moz-transform: rotateY(360deg); } }
@-o-keyframes rotateY {
  0% {
    -moz-transform: rotateY(0deg); }
  100% {
    -moz-transform: rotateY(360deg); } }
@keyframes rotateY {
  0% {
    transform: rotateY(0deg); }
  100% {
    transform: rotateY(360deg); } }
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-webkit-keyframes zoom-in {
  from {
    opacity: 0.45;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50% {
    opacity: 1; } }
@keyframes zoom-in {
  from {
    opacity: 0.45;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50% {
    opacity: 1; } }
@keyframes trUp {
  from {
    -webkit-transform: translateY(15px);
    transform: translateY(15px); }
  to {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }
.tr-up {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-name: trUp;
  animation-name: trUp;
  -webkit-transform: translateY(0px);
  transform: translateY(0px); }

@keyframes trDown {
  from {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  to {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }
.tr-down {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-name: trDown;
  animation-name: trDown;
  -webkit-transform: translateY(0px);
  transform: translateY(0px); }

@keyframes high {
  from {
    padding: 0; }
  to {
    padding: 15px 0; } }
@keyframes low {
  from {
    padding: 15px 0; }
  to {
    padding: 0 0; } }
/* Product loader */
@-webkit-keyframes load {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes load {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
#cook-loader {
  background-color: #fff;
  height: 100vh;
  width: 100vw;
  overflow: hidden; }
  #cook-loader #loading-text {
    display: block !important;
    position: relative;
    margin: 0 auto;
    top: 25vh;
    width: 100vw;
    text-align: center;
    font-family: "Amatic SC";
    font-size: 6vh;
    color: #86235A;
    opacity: 0.75;
    animation: l-pulse 2.5s linear infinite; }
  #cook-loader #cooking {
    position: relative;
    margin: 0 auto;
    top: 0;
    width: 75vh;
    height: 75vh;
    overflow: hidden; }
    @media (max-width: 991px) {
      #cook-loader #cooking {
        width: 75vw; } }
    @media (max-width: 480px) {
      #cook-loader #cooking {
        width: 100vw; } }
    #cook-loader #cooking .bubble {
      position: absolute;
      border-radius: 100%;
      box-shadow: 0 0 0.25vh #ae2e75;
      opacity: 0; }
    #cook-loader #cooking .bubble:nth-child(1) {
      margin-top: 2.5vh;
      left: 58%;
      width: 2.5vh;
      height: 2.5vh;
      background-color: #a22a6d;
      animation: l-bubble 2s cubic-bezier(0.53, 0.16, 0.39, 0.96) infinite; }
    #cook-loader #cooking .bubble:nth-child(2) {
      margin-top: 3vh;
      left: 52%;
      width: 2vh;
      height: 2vh;
      background-color: #962765;
      animation: l-bubble 2s ease-in-out 0.35s infinite; }
    #cook-loader #cooking .bubble:nth-child(3) {
      margin-top: 1.8vh;
      left: 50%;
      width: 1.5vh;
      height: 1.5vh;
      background-color: #86235A;
      animation: l-bubble 1.5s cubic-bezier(0.53, 0.16, 0.39, 0.96) 0.55s infinite; }
    #cook-loader #cooking .bubble:nth-child(4) {
      margin-top: 2.7vh;
      left: 56%;
      width: 1.2vh;
      height: 1.2vh;
      background-color: #7a2052;
      animation: l-bubble 1.8s cubic-bezier(0.53, 0.16, 0.39, 0.96) 0.9s infinite; }
    #cook-loader #cooking .bubble:nth-child(5) {
      margin-top: 2.7vh;
      left: 63%;
      width: 1.1vh;
      height: 1.1vh;
      background-color: #6e1d4a;
      animation: l-bubble 1.6s ease-in-out 1s infinite; }
    #cook-loader #cooking #area {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 50%;
      height: 50%;
      background-color: transparent;
      transform-origin: 15% 60%;
      animation: l-flip 2.1s ease-in-out infinite; }
      #cook-loader #cooking #area #sides {
        position: absolute;
        width: 100%;
        height: 100%;
        transform-origin: 15% 60%;
        animation: l-switchSide 2.1s ease-in-out infinite; }
        #cook-loader #cooking #area #sides #handle {
          position: absolute;
          bottom: 18%;
          right: 80%;
          width: 35%;
          height: 20%;
          background-color: transparent;
          border-top: 1vh solid #86235A;
          border-left: 1vh solid transparent;
          border-radius: 100%;
          transform: l-rotate(20deg) rotateX(0deg) scale(1.3, 0.9); }
        #cook-loader #cooking #area #sides #pan {
          position: absolute;
          bottom: 20%;
          right: 30%;
          width: 50%;
          height: 8%;
          background-color: #86235A;
          border-radius: 0 0 1.4em 1.4em;
          transform-origin: -15% 0; }
      #cook-loader #cooking #area #pancake {
        position: absolute;
        top: 24%;
        width: 100%;
        height: 100%;
        transform: rotateX(85deg);
        animation: l-jump 2.1s ease-in-out infinite; }
        #cook-loader #cooking #area #pancake #pastry {
          position: absolute;
          bottom: 26%;
          right: 37%;
          width: 40%;
          height: 45%;
          background-color: #86235A;
          box-shadow: 0 0 3px 0 #86235A;
          border-radius: 100%;
          transform-origin: -20% 0;
          animation: l-fly 2.1s ease-in-out infinite; }

@keyframes l-jump {
  0% {
    top: 24%;
    transform: rotateX(85deg); }
  25% {
    top: 10%;
    transform: rotateX(0deg); }
  50% {
    top: 30%;
    transform: rotateX(85deg); }
  75% {
    transform: rotateX(0deg); }
  100% {
    transform: rotateX(85deg); } }
@keyframes l-flip {
  0% {
    transform: rotate(0deg); }
  5% {
    transform: rotate(-27deg); }
  30%,
  50% {
    transform: rotate(0deg); }
  55% {
    transform: rotate(27deg); }
  83.3% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(0deg); } }
@keyframes l-switchSide {
  0% {
    transform: rotateY(0deg); }
  50% {
    transform: rotateY(180deg); }
  100% {
    transform: rotateY(0deg); } }
@keyframes l-fly {
  0% {
    bottom: 26%;
    transform: rotate(0deg); }
  10% {
    bottom: 40%; }
  50% {
    bottom: 26%;
    transform: rotate(-190deg); }
  80% {
    bottom: 40%; }
  100% {
    bottom: 26%;
    transform: rotate(0deg); } }
@keyframes l-bubble {
  0% {
    transform: scale(0.15, 0.15);
    top: 80%;
    opacity: 0; }
  50% {
    transform: scale(1.1, 1.1);
    opacity: 1; }
  100% {
    transform: scale(0.33, 0.33);
    top: 60%;
    opacity: 0; } }
@keyframes l-pulse {
  0% {
    transform: scale(1, 1);
    opacity: 0.25; }
  50% {
    transform: scale(1.2, 1);
    opacity: 1; }
  100% {
    transform: scale(1, 1);
    opacity: 0.25; } }
.single-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 9999999999999999999999; }
  .single-popup .-body {
    position: relative;
    width: 600px;
    background: #fff;
    border-radius: 5px;
    margin: 240px auto;
    text-align: center;
    z-index: 99999999999999999999999;
    padding: 60px; }
    .single-popup .-body .-text {
      color: #4d4d4d;
      margin-bottom: 40px; }
    .single-popup .-body .-title {
      color: #4d4d4d;
      margin-bottom: 40px; }

.-background {
  background-color: rgba(33, 40, 45, 0.25); }

.subscribe-block input {
  width: 50% !important;
  float: left; }

.first-nav {
  padding-top: 20px;
  padding-bottom: 10px;
  vertical-align: center; }
  .first-nav .-login, .first-nav .-order-login .-register, .-order-login .first-nav .-register {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: right; }
  .first-nav .-search, .first-nav .-like, .first-nav .-cart {
    padding-top: 20px; }
  .first-nav .-branding {
    text-align: center; }
    .first-nav .-branding .-title {
      color: #303960;
      margin: 0; }
  .first-nav .-image {
    width: 70px; }

.second-nav {
  float: left; }
  .second-nav ul {
    padding: 25px 10px; }
    .second-nav ul li {
      padding-top: 3px; }
      .second-nav ul li a {
        color: #ccc;
        font-size: 14px;
        text-transform: uppercase; }
        .second-nav ul li a:hover {
          color: #86235A;
          text-shadow: 1px 0 0 currentColor;
          text-shadow: 0px 0px 0 currentColor; }
    .second-nav ul .is-active {
      color: #fff !important;
      background-color: #86235A; }
    @media screen and (max-width: 991px) {
      .second-nav ul {
        background-color: rgba(255, 255, 255, 0.75) !important; } }

.scroll {
  /* background-color: $transparent-white!important; */ }
  .scroll .second-nav ul {
    margin: 0;
    padding: 20px 10px; }
    @media screen and (max-width: 991px) {
      .scroll .second-nav ul li {
        width: 100%;
        padding-bottom: 10px;
        width: auto;
        padding: 0 5px;
        padding-top: 3px; } }
    @media screen and (max-width: 767px) {
      .scroll .second-nav ul li {
        width: 100%;
        padding-bottom: 10px; } }
    .scroll .second-nav ul li a {
      color: #3d3d3d;
      font-size: 16px;
      text-transform: uppercase; }
      .scroll .second-nav ul li a:hover {
        background-color: transparent;
        color: #86235A; }
  @media screen and (max-width: 991px) {
    .scroll .second-nav {
      /* background-color: $half-transparent-white!important; */ } }

.search a:hover i, .search a:hover .rating-modal .-body .-replace-rate .modal-stars svg, .rating-modal .-body .-replace-rate .modal-stars .search a:hover svg {
  color: #303960; }

.search-block-form .form-search:focus {
  border-color: #303960 !important; }
.search-block-form .ti-search {
  background-color: #303960 !important;
  color: #fff; }
.search-block-form .btn-color {
  border-color: #303960 !important; }

.social-menu {
  float: right; }
  .social-menu ul {
    margin: 0; }
  .social-menu li {
    padding: 25px 5px;
    font-size: 16px !important;
    text-transform: uppercase; }
    .social-menu li:hover {
      padding: 17px 4px; }
      .social-menu li:hover a {
        color: #fff; }
    .social-menu li a {
      color: #ccc; }

.scroll .social-menu {
  float: right; }
  .scroll .social-menu ul {
    margin: 0; }
  .scroll .social-menu li {
    padding: 20px 5px;
    font-size: 16px !important;
    text-transform: uppercase; }
    .scroll .social-menu li:hover a {
      color: #303960; }
    .scroll .social-menu li a {
      color: #3d3d3d; }

footer#footer-widgets ul.list-inline {
  text-align: left;
  margin-top: 15px; }

.subsribe-form {
  margin-top: 20px; }
  .subsribe-form .-email, .subsribe-form .-submit {
    width: 100%;
    padding: 10px;
    background: transparent;
    border: 1px solid #ccc; }
    .subsribe-form .-email:focus, .subsribe-form .-submit:focus {
      border-color: #303960; }
  .subsribe-form .-submit {
    background: #303960;
    border: 1px solid #303960;
    color: #fff;
    margin-top: 20px; }
    .subsribe-form .-submit:hover {
      background: #5261a3; }

.product-page {
  padding-top: 40px; }
  .product-page .-all {
    padding-top: 40px;
    padding-bottom: 40px; }
    .product-page .-all .-products {
      border: 2px solid #3d3d3d;
      background: transparent;
      padding: 10px 25px;
      color: #3d3d3d;
      text-decoration: none; }
      .product-page .-all .-products:hover {
        background: #3d3d3d;
        color: #fff; }
  .product-page .-logo {
    width: 100%; }

.-proizvodi {
  margin-top: 80px; }

.product-page-section .single-product-info .price-wrapper {
  padding-left: 0; }
.product-page-section .button--add-to-cart {
  display: none;
  width: auto;
  text-transform: capitalize;
  border: none;
  border-radius: 0.25rem !important;
  transition: all 0.15s ease;
  background-color: #f8b24f;
  font-size: 1.5rem;
  font-weight: bold;
  height: 46px;
  line-height: 46px;
  background-image: linear-gradient(to right top, #86235a, #a2255f, #bf2761, #db2d60, #f5365c);
  padding-left: 35px;
  padding-right: 35px;
  margin-bottom: 15px;
  font-family: "Montserrat", sans-serif;
  color: white; }
.product-page-section .quantity-wrapper {
  width: 100%; }
  .product-page-section .quantity-wrapper .-quantity {
    height: 46px;
    max-width: none;
    min-width: none;
    width: 80px;
    min-width: 80px;
    border: 1px solid #ddd; }
  .product-page-section .quantity-wrapper label {
    min-width: 110px; }
.product-page-section .variation-attribute-wrapper {
  display: block !important; }
.product-page-section .attribute-widgets {
  margin-bottom: 30px; }
  .product-page-section .attribute-widgets .js-form-item {
    margin-bottom: 10px; }
.product-page-section .js-form-type-select {
  display: flex;
  align-items: center; }
  .product-page-section .js-form-type-select label {
    min-width: 110px;
    margin-bottom: 0; }
  .product-page-section .js-form-type-select .nice-select {
    height: 46px;
    margin-left: 10px;
    border: 1px solid #ddd;
    background-color: white;
    width: 80px; }
.product-page-section .form-item-purchased-entity-0-attributes-attribute-material {
  display: none; }
.product-page-section .product-table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px; }
  .product-page-section .product-table th,
  .product-page-section .product-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left; }
  .product-page-section .product-table td.key-cell {
    background-color: #f7f7f7; }

.proizvod {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border: 1px solid transparent; }
  .proizvod:hover {
    border: 1px solid #303960; }
    .proizvod:hover .slika-proizvoda img {
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }
    .proizvod:hover .-add-to-cart {
      animation-duration: 750ms;
      display: block; }
  .proizvod .slika-proizvoda {
    position: relative;
    overflow: hidden; }
    .proizvod .slika-proizvoda img {
      -webkit-transition: all 1s ease;
      transition: all 1s ease;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      .proizvod .slika-proizvoda img:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
  .proizvod .views-field-price span {
    background: #63aabc;
    color: #fff;
    padding: 5px 15px;
    position: absolute;
    left: 23px;
    bottom: 80px;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: all .15s ease;
    padding: .625rem 1.25rem;
    font-weight: bold; }
    .proizvod .views-field-price span:hover {
      background: #63aabc; }
  .proizvod .views-field-title {
    margin-top: 5px; }
    .proizvod .views-field-title a {
      color: #3d3d3d;
      font-size: 14px; }
      .proizvod .views-field-title a:hover {
        color: #86235A; }
  .proizvod .-add-to-cart {
    padding: .625rem 1.25rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: all .15s ease;
    color: #fff;
    border: none;
    position: absolute;
    right: 23px;
    bottom: 80px;
    display: none;
    z-index: 5000;
    background-color: #f8b24f;
    background: white;
    color: #86235A;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25), 0 2px 2px rgba(0, 0, 0, 0.22); }
    .proizvod .-add-to-cart:hover {
      cursor: pointer;
      background-position: right center;
      color: #86235A; }
    @media screen and (max-width: 991px) {
      .proizvod .-add-to-cart {
        display: block;
        border-radius: 0.25rem; } }
    @media (max-width: 991px) {
      .proizvod .-add-to-cart {
        position: unset; } }
  .proizvod .-add-to-cart.bye-now-btn {
    bottom: 130px;
    font-weight: bold;
    color: white;
    background-image: linear-gradient(to right top, #86235a, #a2255f, #bf2761, #db2d60, #f5365c);
    border: none;
    padding: .75rem 1.25rem; }
    @media (max-width: 991px) {
      .proizvod .-add-to-cart.bye-now-btn {
        margin: 10px 0; } }
  .proizvod .-heart {
    cursor: pointer;
    position: absolute;
    top: 20px;
    left: 23px; }
    .proizvod .-heart:hover {
      color: #ff0000; }
  .proizvod .-rating {
    text-align: right;
    cursor: default; }
    .proizvod .-rating span {
      color: #ccc;
      margin: 1px;
      cursor: pointer; }
    .proizvod .-rating .-positive {
      color: #edb867; }

.item-body {
  position: relative; }
  .item-body .-image {
    width: 100%;
    box-shadow: 0 0 15px rgba(25, 25, 25, 0.15); }
  .item-body .-heart {
    cursor: pointer;
    position: absolute;
    top: 10px;
    left: 10px; }
    .item-body .-heart:hover {
      color: #ff0000 !important; }
  .item-body .-price {
    background: #3d3d3d;
    color: #fff;
    padding: 5px 15px;
    position: absolute;
    left: 10px;
    bottom: 10px; }
  .item-body .-submit {
    background: #ff0000;
    color: #fff;
    padding: 5px 30px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: none; }
    .item-body .-submit:hover {
      background: #c9302c;
      cursor: pointer; }

.block-facet--checkbox {
  cursor: pointer;
  margin-bottom: 30px !important; }
  .block-facet--checkbox .facets-widget-checkbox {
    display: none; }
    .block-facet--checkbox .facets-widget-checkbox .item-list__checkbox {
      padding-left: 0; }
      .block-facet--checkbox .facets-widget-checkbox .item-list__checkbox .facet-item {
        list-style-type: none; }
        .block-facet--checkbox .facets-widget-checkbox .item-list__checkbox .facet-item label {
          font-weight: normal;
          padding-left: 10px;
          cursor: pointer; }
          .block-facet--checkbox .facets-widget-checkbox .item-list__checkbox .facet-item label:hover {
            color: #303960; }

.coming {
  border-top: 1px solid #ccc;
  padding: 20px 0; }

#comment-form input[type="text"],
#comment-form textarea {
  background: rgba(255, 255, 255, 0.45);
  font-size: 12px;
  letter-spacing: 1px;
  transition: all .15s ease;
  border: 1px solid #ddd;
  border-radius: .25rem;
  box-shadow: none;
  padding: .625rem 1.75rem;
  display: block;
  line-height: 1.5;
  color: #8898aa;
  background-color: #fff; }
#comment-form input[type="text"] {
  height: 55px; }
#comment-form textarea {
  padding: 1.75rem; }

#comments ._active {
  color: #edb867; }

.btn-color-out {
  letter-spacing: .025em;
  display: inline-block;
  font-weight: 600;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: #63aabc;
  border: 1px solid #63aabc;
  padding: .625rem 1.25rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: all .15s ease; }
  .btn-color-out:hover, .btn-color-out:active, .btn-color-out.nice-select.open, .btn-color-out:focus {
    background-color: transparent;
    border: 1px solid #63aabc;
    color: #63aabc;
    box-shadow: none !important; }

.page-comment #comment-form input[type="text"],
.page-comment #comment-form textarea {
  width: 585px; }
  @media (max-width: 767px) {
    .page-comment #comment-form input[type="text"],
    .page-comment #comment-form textarea {
      width: 100%; } }

.footer {
  height: 100%;
  padding-top: 40px;
  padding-bottom: 40px; }
  .footer a {
    float: right;
    color: #3d3d3d;
    padding: 5px 10px; }
    .footer a:hover {
      color: #303960;
      text-decoration: none; }
  .footer .-height {
    height: 92%; }
    .footer .-height .col-sm-4 {
      border-radius: 5px;
      background-color: rgba(249, 249, 249, 0.65); }
  .footer .-title {
    color: #60204B;
    font-size: 45px;
    font-weight: bold;
    font-family: 'Aquarelle';
    text-transform: unset; }
    @media screen and (max-width: 991px) {
      .footer .-title {
        font-size: 40px; } }
  .footer .-subtitle {
    color: #86235A;
    font-size: 26px;
    margin-top: 0px;
    font-weight: bold; }
    @media screen and (max-width: 991px) {
      .footer .-subtitle {
        font-size: 22px; } }
  .footer .-text {
    padding-bottom: 20px; }
  .footer .-red-text {
    color: #86235A;
    font-weight: bold; }
  .footer .-social {
    color: #3d3d3d;
    font-size: 18px;
    float: right;
    padding-bottom: 0; }
    .footer .-social:hover {
      color: #303960; }
    .footer .-social ul {
      float: right; }

.contact-btn {
  background-color: #303960;
  color: #fff; }
  .contact-btn:hover {
    background-color: #0082c9;
    color: #fff; }

.footer-subscribe {
  width: 100%; }
  .footer-subscribe .-sub-email {
    width: 65%;
    padding: 0;
    margin: 0;
    float: left;
    margin-bottom: 15px; }
    .footer-subscribe .-sub-email #sub_email {
      background-color: transparent;
      padding: 15px 20px;
      border: 1px solid #ccc;
      width: 100%; }
  .footer-subscribe .-sub-submit {
    width: 30%;
    padding: 0;
    margin: 0;
    float: right;
    margin-bottom: 15px; }
    .footer-subscribe .-sub-submit #sub_submit {
      width: 100%;
      padding: 15px 20px;
      border: 1px solid #303960; }
  .footer-subscribe #unsub_submit {
    cursor: pointer; }
  .footer-subscribe .-sub-msg {
    color: #ff0000; }

#footer .list-inline > li > a {
  color: #595e64; }
  #footer .list-inline > li > a:hover {
    color: #303960; }
#footer .footer-social .list-inline {
  text-align: start; }
  #footer .footer-social .list-inline li {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    text-align: start; }
    #footer .footer-social .list-inline li a {
      width: 17px;
      text-align: start;
      color: #595e64; }
      #footer .footer-social .list-inline li a:hover {
        color: #86235A; }
    #footer .footer-social .list-inline li:nth-child(2) {
      margin-left: 23px; }

#footer-widgets,
#footer {
  background: #f9f3ec; }

#footer-widgets {
  padding-top: 0; }
  #footer-widgets .widget {
    margin-top: 20px;
    border-bottom: 0; }
  #footer-widgets .upper {
    font-size: 14px; }
  #footer-widgets .col-md-6.ov-h .col-sm-8 {
    width: 100%; }
  #footer-widgets .col-md-6.ov-h .col-sm-4 #block-footersocialmedia ul {
    width: fit-content;
    margin-left: -3px;
    margin-top: 5px; }
    #footer-widgets .col-md-6.ov-h .col-sm-4 #block-footersocialmedia ul li {
      font-size: 18px; }
      #footer-widgets .col-md-6.ov-h .col-sm-4 #block-footersocialmedia ul li:first-of-type {
        padding-left: 0; }
      #footer-widgets .col-md-6.ov-h .col-sm-4 #block-footersocialmedia ul li a i.ti-twitter::before, #footer-widgets .col-md-6.ov-h .col-sm-4 #block-footersocialmedia ul li a .rating-modal .-body .-replace-rate .modal-stars svg.ti-twitter::before, .rating-modal .-body .-replace-rate .modal-stars #footer-widgets .col-md-6.ov-h .col-sm-4 #block-footersocialmedia ul li a svg.ti-twitter::before {
        content: "𝕏";
        font-size: 20px; }

#footer .footer-wrap {
  border-top: 1px solid #f5f5f5;
  border-top: 1px solid #60204B; }
  #footer .footer-wrap .row {
    display: flex; }
    #footer .footer-wrap .row .copy-text p {
      font-size: 14px;
      line-height: 1.8; }
    #footer .footer-wrap .row #block-footer a {
      color: #60204B; }
      #footer .footer-wrap .row #block-footer a:hover {
        color: #86235A; }
  #footer .footer-wrap .terms {
    display: flex;
    justify-content: flex-end; }
@media (max-width: 991px) {
  #footer .footer-wrap {
    padding: 15px; }
    #footer .footer-wrap .col-md-4 {
      width: 35%; }
    #footer .footer-wrap .terms {
      width: 70%; } }
@media (max-width: 767px) {
  #footer .footer-wrap .row {
    flex-direction: column; }
    #footer .footer-wrap .row .col-md-4,
    #footer .footer-wrap .row .terms {
      justify-content: start;
      width: 100%; }
    #footer .footer-wrap .row .list-inline > li > a,
    #footer .footer-wrap .row .copy-text p {
      font-size: 13px; }
  #footer .footer-wrap .row .terms {
    display: block; }
  #footer .footer-wrap .row .footer-social .list-inline {
    text-align: center; }
  #footer .footer-wrap .row #block-footer .list-inline {
    padding: 0;
    padding-bottom: 8px; }
  #footer #footer-widgets .widget {
    margin: 0; } }

@media (max-width: 767px) {
  .footer .-height .col-sm-4 {
    padding: 1px 15px; } }

#wave {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  vertical-align: middle;
  overflow: hidden; }
  #wave svg {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0; }

.above-footer {
  height: 150px;
  overflow: hidden;
  background: #f9f3ec; }
  .above-footer svg {
    height: 100%;
    width: 100%; }
    .above-footer svg path {
      stroke: none;
      fill: #fff; }

#block-footermenu {
  margin-top: 10px; }
  #block-footermenu ul {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
    @media (max-width: 991px) {
      #block-footermenu ul {
        grid-template-columns: repeat(1, 1fr); } }
    @media (max-width: 767px) {
      #block-footermenu ul {
        margin-bottom: 10px; } }
    #block-footermenu ul li {
      font-size: 18px;
      font-weight: bold;
      padding-bottom: 4px;
      padding-top: 4px; }
      #block-footermenu ul li a {
        color: #3d4146;
        font-weight: normal; }
        #block-footermenu ul li a:hover {
          color: #86235A; }
      @media (max-width: 991px) {
        #block-footermenu ul li {
          font-size: 16px; } }

.role-authenticated #block-footermenu > .contextual {
  display: none; }

@media (max-width: 991px) {
  #footer-widgets .row .col-md-6.ov-h .row {
    flex-direction: column; } }

.footer-wrap .col-md-4 {
  display: none; }
.footer-wrap div.terms {
  width: 100%;
  justify-content: center !important; }

.order-information p {
  text-align: justify; }
.order-information .-pt {
  padding-top: 20px;
  display: block; }
.order-information .-pb {
  margin-bottom: 20px; }
.order-information .checkout-title, .order-information .-order-form .fieldset-legend {
  text-transform: uppercase;
  color: #ccc;
  margin-bottom: 0px; }
.order-information .-order-form label {
  display: block;
  width: 100%;
  padding-top: 10px;
  font-size: 16px; }
.order-information .-order-form .form-item {
  width: 100%; }
.order-information .-order-form input {
  width: 100%;
  padding: 10px;
  border: 2px solid #ccc; }
.order-information .-order-form input[type="checkbox"] {
  float: left;
  width: 10px;
  height: 24px;
  margin-bottom: 20px; }
.order-information .-order-form .subcheckbox {
  padding-top: 10px; }
.order-information .order-summary {
  width: 100%; }
  .order-information .order-summary .-order-image {
    float: left;
    width: 30%;
    padding-right: 10px;
    padding-bottom: 20px;
    max-height: 120px; }
    .order-information .order-summary .-order-image img {
      height: 100%;
      width: auto; }
  .order-information .order-summary .-order-title {
    padding-top: 46px;
    float: left;
    width: 35%; }
  .order-information .order-summary .-order-price {
    padding-top: 46px;
    text-align: right;
    width: 20%;
    float: left;
    padding-right: 10px; }
  .order-information .order-summary hr {
    clear: both; }
.order-information .views-field-quantity {
  float: left;
  padding: 46px 15px;
  width: 15%; }
.order-information .order-thead {
  width: 100%;
  padding-top: 15px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px; }
  .order-information .order-thead div {
    float: left; }
  .order-information .order-thead .-th-k {
    width: 15%;
    padding-left: 10px; }
  .order-information .order-thead .-th-t {
    width: 35%; }
  .order-information .order-thead .-th-i {
    width: 30%; }
  .order-information .order-thead .-th-p {
    width: 20%;
    padding-right: 10px;
    text-align: right; }
.order-information .-order-cart h3 {
  text-transform: uppercase;
  color: #e5e5e5;
  font-size: 21px;
  margin: 0px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e5e5e5; }
.order-information .-order-buttons {
  border-top: 1px solid #e5e5e5;
  padding-top: 20px;
  margin-top: 20px; }
  .order-information .-order-buttons #edit-actions-next {
    padding: 15px 30px;
    background: #303960;
    color: #fff;
    border-color: transparent; }
    .order-information .-order-buttons #edit-actions-next:hover {
      background: #5261a3; }
.order-information .order-total-line__subtotal {
  display: none; }
.order-information .order-total-line__total {
  padding: 0; }
.order-information .nav.nav-pills {
  margin-bottom: 25px; }
  .order-information .nav.nav-pills li a {
    padding: 15px 25px;
    border-radius: 0px;
    background: transparent;
    border: 1px solid #ccc; }
    .order-information .nav.nav-pills li a:hover {
      background: #e5e5e5; }
  .order-information .nav.nav-pills .active a {
    background: #303960;
    border-color: #303960;
    color: #fff; }
    .order-information .nav.nav-pills .active a:hover {
      background: #303960; }

.messages--error {
  border: 1px solid #b0bac5;
  border-radius: 4px;
  background-color: #ffffff;
  height: 50px;
  width: 100%;
  padding-left: 15px;
  box-shadow: unset;
  width: 62.5%;
  color: #d8000c;
  background-color: #ffbaba;
  border: none; }
  @media (max-width: 1199px) {
    .messages--error {
      height: auto; } }
  .messages--error div {
    margin-left: 18px; }

.layout-checkout-form .layout-region-checkout-main {
  padding-bottom: 25px;
  padding: 15px;
  padding-top: 0;
  border-radius: 0.25rem;
  float: none;
  display: table-cell;
  display: inline-block;
  float: left;
  width: 50%;
  background: #e9e9e9; }
  .layout-checkout-form .layout-region-checkout-main .form-item-coupon-redemption-form-code label {
    text-decoration: none;
    line-height: 17px;
    font-weight: 600;
    font-size: 1.5rem;
    padding-top: 10px; }
  .layout-checkout-form .layout-region-checkout-main #login-form-checkout {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .layout-checkout-form .layout-region-checkout-main #login-form-checkout .form-group {
      width: 200px;
      margin: 0; }
      @media (min-width: 767px) and (max-width: 1199px) {
        .layout-checkout-form .layout-region-checkout-main #login-form-checkout .form-group {
          width: 100%; } }
      @media (max-width: 510px) {
        .layout-checkout-form .layout-region-checkout-main #login-form-checkout .form-group {
          width: 100%; } }
      .layout-checkout-form .layout-region-checkout-main #login-form-checkout .form-group input.form-control {
        font-size: 14px;
        text-transform: unset;
        padding: 5px 10px;
        padding-left: 10px;
        border: 1px solid #b0bac5;
        background-color: #ffffff;
        height: 39px;
        width: 100%;
        padding-left: 15px;
        margin-bottom: 15px;
        border-radius: 8px; }
    .layout-checkout-form .layout-region-checkout-main #login-form-checkout button {
      height: 39px;
      text-transform: capitalize;
      border: none;
      border-radius: 0.25rem;
      background-color: #303960;
      font-family: "Telenor";
      width: 112px;
      width: 112px;
      font-size: 16px;
      line-height: 0.5; }
    .layout-checkout-form .layout-region-checkout-main #login-form-checkout .pass-link {
      padding-top: 24px; }
      .layout-checkout-form .layout-region-checkout-main #login-form-checkout .pass-link a.small-link {
        font-weight: 600; }
  @media (max-width: 779px) {
    .layout-checkout-form .layout-region-checkout-main {
      padding-right: 2em; } }
  .layout-checkout-form .layout-region-checkout-main #edit-payment-information legend,
  .layout-checkout-form .layout-region-checkout-main #edit-shipping-information legend {
    font-size: 3rem;
    border-bottom: 0;
    margin: 0;
    display: none; }
    .layout-checkout-form .layout-region-checkout-main #edit-payment-information legend span,
    .layout-checkout-form .layout-region-checkout-main #edit-shipping-information legend span {
      font-weight: bold; }
  .layout-checkout-form .layout-region-checkout-main #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information label,
  .layout-checkout-form .layout-region-checkout-main #edit-shipping-information .fieldset-wrapper #edit-payment-information-billing-information label {
    display: block;
    line-height: 17px;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 1.6rem;
    text-decoration: none;
    font-size: 1.5rem; }
  .layout-checkout-form .layout-region-checkout-main #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information .form-item,
  .layout-checkout-form .layout-region-checkout-main #edit-shipping-information .fieldset-wrapper #edit-payment-information-billing-information .form-item {
    display: block;
    margin-right: 0;
    margin-bottom: 15px; }
    .layout-checkout-form .layout-region-checkout-main #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information .form-item input,
    .layout-checkout-form .layout-region-checkout-main #edit-shipping-information .fieldset-wrapper #edit-payment-information-billing-information .form-item input {
      border: 1px solid #b0bac5;
      background-color: #ffffff;
      height: 44px;
      width: 100%;
      padding-left: 15px; }
      .layout-checkout-form .layout-region-checkout-main #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information .form-item input:hover,
      .layout-checkout-form .layout-region-checkout-main #edit-shipping-information .fieldset-wrapper #edit-payment-information-billing-information .form-item input:hover {
        border: 1px solid #8091a5; }
      .layout-checkout-form .layout-region-checkout-main #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information .form-item input:focus,
      .layout-checkout-form .layout-region-checkout-main #edit-shipping-information .fieldset-wrapper #edit-payment-information-billing-information .form-item input:focus {
        border: 1px solid #0099fa; }
      .layout-checkout-form .layout-region-checkout-main #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information .form-item input:focus:valid,
      .layout-checkout-form .layout-region-checkout-main #edit-shipping-information .fieldset-wrapper #edit-payment-information-billing-information .form-item input:focus:valid {
        background: #fff url("/themes/custom/comets/images/valid.png") no-repeat 98% center;
        border-color: #28921f !important;
        box-shadow: 0 0 5px #5cd053; }
    .layout-checkout-form .layout-region-checkout-main #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information .form-item input.required:focus,
    .layout-checkout-form .layout-region-checkout-main #edit-shipping-information .fieldset-wrapper #edit-payment-information-billing-information .form-item input.required:focus {
      border: 1px solid #0099fa; }
    .layout-checkout-form .layout-region-checkout-main #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information .form-item input.error,
    .layout-checkout-form .layout-region-checkout-main #edit-shipping-information .fieldset-wrapper #edit-payment-information-billing-information .form-item input.error {
      background: #fff url("/themes/custom/comets/images/invalid.png") no-repeat 98% center;
      border-color: #b03535;
      box-shadow: 0 0 5px #d45252; }
    .layout-checkout-form .layout-region-checkout-main #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information .form-item .postal-code:focus:valid,
    .layout-checkout-form .layout-region-checkout-main #edit-shipping-information .fieldset-wrapper #edit-payment-information-billing-information .form-item .postal-code:focus:valid {
      background: none;
      border-color: none !important;
      box-shadow: none; }
    .layout-checkout-form .layout-region-checkout-main #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information .form-item .postal-code:focus,
    .layout-checkout-form .layout-region-checkout-main #edit-shipping-information .fieldset-wrapper #edit-payment-information-billing-information .form-item .postal-code:focus {
      border: 1px solid #0099fa !important; }
    .layout-checkout-form .layout-region-checkout-main #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information .form-item .postal-code.valid,
    .layout-checkout-form .layout-region-checkout-main #edit-shipping-information .fieldset-wrapper #edit-payment-information-billing-information .form-item .postal-code.valid {
      border-color: #b0bac5; }
      .layout-checkout-form .layout-region-checkout-main #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information .form-item .postal-code.valid:focus:valid,
      .layout-checkout-form .layout-region-checkout-main #edit-shipping-information .fieldset-wrapper #edit-payment-information-billing-information .form-item .postal-code.valid:focus:valid {
        background: none;
        border-color: none !important;
        box-shadow: none; }
      .layout-checkout-form .layout-region-checkout-main #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information .form-item .postal-code.valid:focus,
      .layout-checkout-form .layout-region-checkout-main #edit-shipping-information .fieldset-wrapper #edit-payment-information-billing-information .form-item .postal-code.valid:focus {
        border-color: #0099fa !important; }
    .layout-checkout-form .layout-region-checkout-main #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information .form-item label.error,
    .layout-checkout-form .layout-region-checkout-main #edit-shipping-information .fieldset-wrapper #edit-payment-information-billing-information .form-item label.error {
      color: #d45252;
      padding-top: 0;
      margin: 5px 0;
      font-size: 1.4rem; }
  .layout-checkout-form .layout-region-checkout-main #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information #edit-payment-information-billing-information-address-0-address-container0 .form-item,
  .layout-checkout-form .layout-region-checkout-main #edit-shipping-information .fieldset-wrapper #edit-payment-information-billing-information #edit-payment-information-billing-information-address-0-address-container0 .form-item {
    display: inline-block;
    width: 100%; }
    .layout-checkout-form .layout-region-checkout-main #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information #edit-payment-information-billing-information-address-0-address-container0 .form-item input,
    .layout-checkout-form .layout-region-checkout-main #edit-shipping-information .fieldset-wrapper #edit-payment-information-billing-information #edit-payment-information-billing-information-address-0-address-container0 .form-item input {
      border: 1px solid #b0bac5;
      background-color: #ffffff;
      height: 44px;
      width: 100%;
      padding-left: 15px; }
      .layout-checkout-form .layout-region-checkout-main #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information #edit-payment-information-billing-information-address-0-address-container0 .form-item input:hover,
      .layout-checkout-form .layout-region-checkout-main #edit-shipping-information .fieldset-wrapper #edit-payment-information-billing-information #edit-payment-information-billing-information-address-0-address-container0 .form-item input:hover {
        border: 1px solid #8091a5; }
      .layout-checkout-form .layout-region-checkout-main #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information #edit-payment-information-billing-information-address-0-address-container0 .form-item input:active, .layout-checkout-form .layout-region-checkout-main #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information #edit-payment-information-billing-information-address-0-address-container0 .form-item input.nice-select.open,
      .layout-checkout-form .layout-region-checkout-main #edit-shipping-information .fieldset-wrapper #edit-payment-information-billing-information #edit-payment-information-billing-information-address-0-address-container0 .form-item input:active,
      .layout-checkout-form .layout-region-checkout-main #edit-shipping-information .fieldset-wrapper #edit-payment-information-billing-information #edit-payment-information-billing-information-address-0-address-container0 .form-item input.nice-select.open {
        border: none; }
    .layout-checkout-form .layout-region-checkout-main #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information #edit-payment-information-billing-information-address-0-address-container0 .form-item .given-name.error,
    .layout-checkout-form .layout-region-checkout-main #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information #edit-payment-information-billing-information-address-0-address-container0 .form-item .family-name.error,
    .layout-checkout-form .layout-region-checkout-main #edit-shipping-information .fieldset-wrapper #edit-payment-information-billing-information #edit-payment-information-billing-information-address-0-address-container0 .form-item .given-name.error,
    .layout-checkout-form .layout-region-checkout-main #edit-shipping-information .fieldset-wrapper #edit-payment-information-billing-information #edit-payment-information-billing-information-address-0-address-container0 .form-item .family-name.error {
      border-color: #b03535;
      box-shadow: 0 0 5px #d45252; }
  .layout-checkout-form .layout-region-checkout-main #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information #edit-payment-information-billing-information-phone-number--description,
  .layout-checkout-form .layout-region-checkout-main #edit-shipping-information .fieldset-wrapper #edit-payment-information-billing-information #edit-payment-information-billing-information-phone-number--description {
    font-family: Arial;
    font-size: 1.35rem;
    line-height: 24px;
    margin-top: 6px;
    color: #8091a5; }
  .layout-checkout-form .layout-region-checkout-main label {
    display: block;
    line-height: 17px;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 1.35rem; }
    .layout-checkout-form .layout-region-checkout-main label.error {
      font-size: 1.34rem; }
  .layout-checkout-form .layout-region-checkout-main .nice-select,
  .layout-checkout-form .layout-region-checkout-main input {
    border: 1px solid #ddd;
    background-color: #ffffff;
    height: 44px;
    width: 100%;
    padding-left: 15px;
    margin-bottom: 10px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease; }
  .layout-checkout-form .layout-region-checkout-main .form-item-payment-information-payment-method {
    display: none; }
  .layout-checkout-form .layout-region-checkout-main .address-container-inline {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 1199px) {
      .layout-checkout-form .layout-region-checkout-main .address-container-inline {
        flex-direction: column; } }
    .layout-checkout-form .layout-region-checkout-main .address-container-inline > .form-item {
      margin: 0; }
  .layout-checkout-form .layout-region-checkout-main .form-item-payment-information-add-payment-method-billing-information-address-0-address-postal-code {
    width: 38%; }
    @media (max-width: 1199px) {
      .layout-checkout-form .layout-region-checkout-main .form-item-payment-information-add-payment-method-billing-information-address-0-address-postal-code {
        width: 100%; } }
  .layout-checkout-form .layout-region-checkout-main .description {
    font-family: Arial;
    font-size: 1.35rem;
    line-height: 1.2;
    color: #555;
    margin-bottom: 20px; }
.layout-checkout-form .layout-region-checkout-secondary {
  border-left: none;
  display: table-cell;
  width: 35%;
  display: inline-block;
  float: right;
  width: 50%;
  padding: 0 15px; }
  .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary {
    display: flex;
    flex-direction: column; }
    .layout-checkout-form .layout-region-checkout-secondary #edit-order-summary .views-field-purchased-entity .order-summary .-order-image {
      margin: 0;
      width: 130px;
      float: left;
      position: relative; }
  .layout-checkout-form .layout-region-checkout-secondary h3 {
    font-size: 2.5rem;
    text-align: center;
    font-weight: 600;
    margin-bottom: 30px; }
  .layout-checkout-form .layout-region-checkout-secondary h4 {
    letter-spacing: 1px;
    font-size: 2.2rem;
    text-align: center;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    padding-bottom: 13px; }
    @media (max-width: 767px) {
      .layout-checkout-form .layout-region-checkout-secondary h4 {
        font-size: 2rem; } }
  .layout-checkout-form .layout-region-checkout-secondary .views-field-quantity {
    font-size: 1.8rem;
    padding-top: 3px; }
    .layout-checkout-form .layout-region-checkout-secondary .views-field-quantity span {
      padding: 5px 10px;
      color: white;
      height: 34px;
      font-size: 1.6rem;
      font-weight: 500;
      background: #3d3d3d; }
    @media (max-width: 1199px) {
      .layout-checkout-form .layout-region-checkout-secondary .views-field-quantity {
        width: unset;
        float: none;
        padding-top: 20px; } }
  .layout-checkout-form .layout-region-checkout-secondary .product-quantity {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #ccc; }
    .layout-checkout-form .layout-region-checkout-secondary .product-quantity .label-pq {
      font-size: 1.5rem; }
    .layout-checkout-form .layout-region-checkout-secondary .product-quantity .quantity {
      font-weight: bold; }
  .layout-checkout-form .layout-region-checkout-secondary .views-field-purchased-entity {
    margin-top: 10px; }
    .layout-checkout-form .layout-region-checkout-secondary .views-field-purchased-entity .order-summary {
      display: flex; }
      @media (max-width: 1199px) {
        .layout-checkout-form .layout-region-checkout-secondary .views-field-purchased-entity .order-summary {
          flex-direction: column; } }
      .layout-checkout-form .layout-region-checkout-secondary .views-field-purchased-entity .order-summary .-order-image {
        border: 1px solid #e8e8e8;
        flex: 0 1 200px;
        margin-bottom: 10px;
        flex: 0 1 auto;
        width: 150px;
        float: left;
        position: relative; }
        @media (max-width: 1199px) {
          .layout-checkout-form .layout-region-checkout-secondary .views-field-purchased-entity .order-summary .-order-image {
            flex: 0 1 auto; } }
        .layout-checkout-form .layout-region-checkout-secondary .views-field-purchased-entity .order-summary .-order-image img {
          width: 128px;
          height: 128px;
          object-fit: cover; }
      .layout-checkout-form .layout-region-checkout-secondary .views-field-purchased-entity .order-summary .-order-title {
        font-size: 1.75rem;
        font-weight: 500;
        letter-spacing: 0.02em;
        display: flex;
        flex: 1 1 auto;
        color: #000;
        text-decoration: none;
        line-height: 17px;
        font-weight: 600;
        font-size: 1.5rem;
        padding-left: 15px; }
        @media (max-width: 1199px) {
          .layout-checkout-form .layout-region-checkout-secondary .views-field-purchased-entity .order-summary .-order-title {
            height: unset;
            justify-content: flex-start;
            padding: 0; } }
        .layout-checkout-form .layout-region-checkout-secondary .views-field-purchased-entity .order-summary .-order-title a {
          color: black;
          text-decoration: none;
          line-height: 17px;
          font-weight: 600;
          font-size: 1.5rem;
          padding-top: 10px;
          width: 100%; }
          @media (max-width: 1199px) {
            .layout-checkout-form .layout-region-checkout-secondary .views-field-purchased-entity .order-summary .-order-title a {
              padding-top: 10px;
              display: block;
              max-width: calc(100% - 80px); } }
      .layout-checkout-form .layout-region-checkout-secondary .views-field-purchased-entity .order-summary .-order-price {
        padding: 5px 10px;
        color: white;
        height: 33px;
        font-size: 1.6rem;
        font-weight: 500;
        background: #3d3d3d;
        position: relative;
        left: 84%;
        bottom: 26%;
        margin-bottom: 10px;
        width: min-content;
        align-self: end;
        position: unset; }
        @media (max-width: 1199px) {
          .layout-checkout-form .layout-region-checkout-secondary .views-field-purchased-entity .order-summary .-order-price {
            position: unset; } }
      .layout-checkout-form .layout-region-checkout-secondary .views-field-purchased-entity .order-summary hr {
        display: none; }
  .layout-checkout-form .layout-region-checkout-secondary .order-total-line.order-total-line__subtotal {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 1199px) {
      .layout-checkout-form .layout-region-checkout-secondary .order-total-line.order-total-line__subtotal {
        padding-top: 10px; } }
    .layout-checkout-form .layout-region-checkout-secondary .order-total-line.order-total-line__subtotal .order-total-line-label {
      padding-right: 10px; }
  .layout-checkout-form .layout-region-checkout-secondary .order-total-line.order-total-line__total .order-total-line-label {
    font-size: 1.6rem;
    padding-right: 10px;
    text-align: initial; }
  .layout-checkout-form .layout-region-checkout-secondary .order-total-line.order-total-line__total .order-total-line-value {
    font-size: 1.6rem;
    letter-spacing: 0.02em; }
.layout-checkout-form .layout-region-checkout-footer {
  margin-top: 26px;
  display: inline-block;
  float: left; }
  @media (max-width: 779px) {
    .layout-checkout-form .layout-region-checkout-footer {
      padding-right: 2em;
      float: right; } }
  .layout-checkout-form .layout-region-checkout-footer #edit-actions-next {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    padding: 15px 20px;
    border: none;
    color: white;
    cursor: pointer;
    font-weight: 600;
    transition: 0.3s ease-in-out;
    font-weight: bold;
    font-size: 1.8rem; }
    @media (max-width: 991px) {
      .layout-checkout-form .layout-region-checkout-footer #edit-actions-next {
        padding: 15px !important; } }
    .layout-checkout-form .layout-region-checkout-footer #edit-actions-next:hover {
      text-decoration: none;
      background-color: #449d44;
      border-color: #398439; }
.layout-checkout-form .form-item-payment-information-add-payment-method-billing-information-copy-to-address-book {
  display: none; }
.layout-checkout-form #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information .form-item-payment-information-billing-information-copy-to-address-book.form-item {
  display: flex;
  align-items: center;
  height: 30px;
  margin-bottom: 0; }
  .layout-checkout-form #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information .form-item-payment-information-billing-information-copy-to-address-book.form-item input.form-checkbox {
    width: fit-content;
    height: fit-content;
    margin: 0 10px 0 0; }
  .layout-checkout-form #edit-payment-information .fieldset-wrapper #edit-payment-information-billing-information .form-item-payment-information-billing-information-copy-to-address-book.form-item .option {
    margin: 0; }

@media only screen and (max-width: 767px) {
  .messages--error {
    width: auto;
    margin-left: 15px;
    margin-right: 15px; }

  .layout-checkout-form {
    display: flex;
    flex-direction: column; }
    .layout-checkout-form .layout-region-checkout-main {
      width: 100%;
      order: 1;
      padding-right: 0;
      padding-right: 15px; }
      .layout-checkout-form .layout-region-checkout-main #edit-payment-information legend {
        text-align: center;
        padding-bottom: 25px; }
    .layout-checkout-form .layout-region-checkout-secondary {
      width: 100%;
      order: 2; }
      .layout-checkout-form .layout-region-checkout-secondary h3 {
        margin-bottom: 15px;
        margin-top: 25px; }
      .layout-checkout-form .layout-region-checkout-secondary .order-summary {
        flex-direction: column; }
        .layout-checkout-form .layout-region-checkout-secondary .order-summary .-order-image {
          width: 100%; }
        .layout-checkout-form .layout-region-checkout-secondary .order-summary .-order-price {
          width: min-content;
          align-self: end; }
      .layout-checkout-form .layout-region-checkout-secondary .views-field-quantity {
        float: unset;
        padding-top: 10px; }
    .layout-checkout-form .layout-region-checkout-footer {
      order: 1;
      margin-top: 20px;
      text-align: center;
      padding-right: 15px;
      padding-left: 15px; } }
    @media only screen and (max-width: 767px) and (max-width: 350px) {
      .layout-checkout-form .layout-region-checkout-footer {
        padding: 0; } }
@media only screen and (max-width: 767px) {
      .layout-checkout-form .layout-region-checkout-footer #edit-actions {
        display: inline-block; }
        .layout-checkout-form .layout-region-checkout-footer #edit-actions #edit-actions-next {
          padding: 15px; } }
        @media only screen and (max-width: 767px) and (max-width: 350px) {
          .layout-checkout-form .layout-region-checkout-footer #edit-actions #edit-actions-next {
            padding: 13px !important; } }

.badge {
  border-radius: 10px;
  color: white;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 3px 7px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background: #86235A !important; }
  .badge:hover {
    background: #86235A !important; }

#itemsInCartMediaHide .items-in-cart {
  overflow: hidden;
  overflow: unset !important;
  max-height: 500px; }
  #itemsInCartMediaHide .items-in-cart .panel {
    border-bottom-left-radius: 0.45rem;
    border-bottom-right-radius: 0.45rem; }
  #itemsInCartMediaHide .items-in-cart .panel-title {
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.04em; }
  #itemsInCartMediaHide .items-in-cart #collapse1 table {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 0; }
    #itemsInCartMediaHide .items-in-cart #collapse1 table thead tr {
      display: block;
      border-bottom: 1px solid #e7e7e7;
      display: flex;
      justify-content: center; }
      #itemsInCartMediaHide .items-in-cart #collapse1 table thead tr th {
        padding: 2px 5px;
        border: 0;
        padding-bottom: 12px;
        font-size: 13.5px;
        width: 20%;
        text-align: end; }
      #itemsInCartMediaHide .items-in-cart #collapse1 table thead tr .text-right {
        padding-right: 14px; }
    #itemsInCartMediaHide .items-in-cart #collapse1 table .cart-body {
      overflow: auto;
      max-height: 314px;
      display: block;
      width: 100%; }
      #itemsInCartMediaHide .items-in-cart #collapse1 table .cart-body tr {
        display: block;
        border-bottom: 1px solid #e7e7e7;
        display: flex;
        justify-content: center;
        align-items: center; }
        #itemsInCartMediaHide .items-in-cart #collapse1 table .cart-body tr:hover {
          background: #E5E5E5; }
        #itemsInCartMediaHide .items-in-cart #collapse1 table .cart-body tr td {
          width: 20%;
          text-align: end;
          padding: 15px;
          border: 0;
          padding-left: 14px;
          padding-right: 10px;
          padding: 7px 0;
          display: flex;
          justify-content: center;
          align-items: center; }
          #itemsInCartMediaHide .items-in-cart #collapse1 table .cart-body tr td:nth-child(2) {
            width: 80px; }
          #itemsInCartMediaHide .items-in-cart #collapse1 table .cart-body tr td a {
            word-break: break-word;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            line-clamp: 3;
            -webkit-box-orient: vertical; }
      #itemsInCartMediaHide .items-in-cart #collapse1 table .cart-body tr:first-of-type td {
        border-top: 0; }
      #itemsInCartMediaHide .items-in-cart #collapse1 table .cart-body tr:last-of-type {
        border-bottom: 0; }
      #itemsInCartMediaHide .items-in-cart #collapse1 table .cart-body img {
        max-width: 50px !important;
        border-radius: 0.25rem;
        max-height: 50px !important; }
      #itemsInCartMediaHide .items-in-cart #collapse1 table .cart-body .product-remove {
        display: flex;
        justify-content: center; }
    #itemsInCartMediaHide .items-in-cart #collapse1 table tfoot tr td {
      padding: 20px 10px; }
    #itemsInCartMediaHide .items-in-cart #collapse1 table tfoot tr:first-of-type td {
      width: 50%; }

.socio-login-block-wrapper {
  display: none; }

.signIn_register {
  text-align: center;
  margin-bottom: 30px;
  padding: 20px 15px 15px;
  border: 1px solid #ddd; }
  @media screen and (min-width: 599px) {
    .signIn_register {
      display: none;
      margin-bottom: 0; } }
  .signIn_register .signIn_register__wrap {
    margin-bottom: 20px; }
  .signIn_register .signIn_register__title {
    font-weight: bold;
    margin-bottom: 10px; }
  .signIn_register .signIn_register__btn {
    padding: 10px 20px;
    line-height: 1.5;
    max-height: 44px;
    border: none;
    background-color: #63aabc;
    font-weight: bold; }
    .signIn_register .signIn_register__btn a {
      color: #fff; }

.socio-login-block-wrapper.multistep-flow-form {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  padding: 0 15px;
  border-radius: 0.25rem; }
  .socio-login-block-wrapper.multistep-flow-form .title-block,
  .socio-login-block-wrapper.multistep-flow-form .social-container {
    width: 100%;
    text-align: center; }
  .socio-login-block-wrapper.multistep-flow-form .title-block {
    line-height: 17px;
    font-weight: 600;
    font-size: 1.6rem;
    padding-bottom: 15px; }
  .socio-login-block-wrapper.multistep-flow-form .title-block.main {
    padding-bottom: 0;
    padding-top: 15px; }
  .socio-login-block-wrapper.multistep-flow-form .title-block.main-h {
    padding-top: 15px;
    padding-bottom: 20px; }
  @media only screen and (max-width: 600px) {
    .socio-login-block-wrapper.multistep-flow-form .title-block.form-top {
      padding-top: 15px; } }
  .socio-login-block-wrapper.multistep-flow-form #login-form-checkout {
    width: 100%; }
    .socio-login-block-wrapper.multistep-flow-form #login-form-checkout #checkout-login-form {
      display: flex;
      padding: 0;
      flex-flow: row wrap; }
      .socio-login-block-wrapper.multistep-flow-form #login-form-checkout #checkout-login-form .form-group {
        margin-bottom: 15px;
        width: 48.5%;
        margin-right: 3%; }
        @media only screen and (max-width: 600px) {
          .socio-login-block-wrapper.multistep-flow-form #login-form-checkout #checkout-login-form .form-group {
            width: 100%;
            margin-right: 0; } }
        .socio-login-block-wrapper.multistep-flow-form #login-form-checkout #checkout-login-form .form-group .help-block {
          margin: 0; }
      .socio-login-block-wrapper.multistep-flow-form #login-form-checkout #checkout-login-form .form-group.pass-group {
        margin: 0; }
      .socio-login-block-wrapper.multistep-flow-form #login-form-checkout #checkout-login-form input {
        border: 1px solid #b0bac5;
        background-color: #ffffff;
        height: 44px;
        width: 100%;
        padding-left: 15px;
        text-transform: unset;
        background: #eee;
        border: none;
        padding: 12px 15px; }
      .socio-login-block-wrapper.multistep-flow-form #login-form-checkout #checkout-login-form .btn-wrapper {
        width: 100%;
        padding-bottom: 15px; }
        @media only screen and (max-width: 600px) {
          .socio-login-block-wrapper.multistep-flow-form #login-form-checkout #checkout-login-form .btn-wrapper {
            padding-top: 15px; } }
        .socio-login-block-wrapper.multistep-flow-form #login-form-checkout #checkout-login-form .btn-wrapper .btn {
          background-color: #63aabc;
          padding: 10px 20px;
          float: right;
          margin: 0;
          line-height: 1.5;
          font-weight: bold;
          border-radius: 0.25rem;
          height: 44px;
          border: none; }
          @media only screen and (max-width: 424px) {
            .socio-login-block-wrapper.multistep-flow-form #login-form-checkout #checkout-login-form .btn-wrapper .btn {
              padding: 12px 10px;
              line-height: 1;
              height: unset; } }

@media only screen and (max-width: 1250px) {
  .ui-widget.ui-widget-content.korpa-modal {
    min-width: 90% !important;
    max-width: 90% !important; } }
p .small.-carina {
  color: #555; }

.title-modal.title-login {
  margin-bottom: 20px; }

#commerce-checkout-flow-multistep-default .address-book-edit-button {
  margin-bottom: 0; }
#commerce-checkout-flow-multistep-default .layout-region-checkout-main .profile {
  margin-bottom: 25px;
  margin-top: 25px;
  color: #595e64; }
  #commerce-checkout-flow-multistep-default .layout-region-checkout-main .profile .address {
    margin-bottom: 0; }

.custom-checkout-review-form .select-country-shopping-cart {
  display: none; }
.custom-checkout-review-form .checkout-pane-review fieldset[id^="edit-review-contact-information"] {
  padding-top: 15px;
  display: none; }
  .custom-checkout-review-form .checkout-pane-review fieldset[id^="edit-review-contact-information"] .fieldset-wrapper {
    color: #595e64; }
.custom-checkout-review-form .checkout-pane-review article .field--name-label {
  font-size: 1.1em;
  padding-bottom: 10px;
  font-weight: bold;
  display: none; }
.custom-checkout-review-form .checkout-pane-review legend {
  margin: 0; }
.custom-checkout-review-form div.layout-region-checkout-main {
  display: flex;
  flex-direction: column; }
  .custom-checkout-review-form div.layout-region-checkout-main .checkout-pane-review {
    order: 0; }
  .custom-checkout-review-form div.layout-region-checkout-main .paypal-buttons {
    order: 1; }
  .custom-checkout-review-form div.layout-region-checkout-main .trust-badges {
    display: block;
    order: 3;
    width: 100%;
    margin-top: 10px;
    text-align: center; }
    .custom-checkout-review-form div.layout-region-checkout-main .trust-badges img {
      width: 300px; }
      @media (max-width: 1212px) {
        .custom-checkout-review-form div.layout-region-checkout-main .trust-badges img {
          width: 280px; } }
@media only screen and (max-width: 767px) {
  .custom-checkout-review-form .layout-region-checkout-main {
    order: 2; }
  .custom-checkout-review-form .layout-region-checkout-secondary {
    order: 1; } }

.form-item-payment-information-add-payment-method-billing-information-address-0-address-administrative-area
label.error::before {
  display: none; }

.tracking-status {
  color: #474747; }

.tracking-date {
  color: #888; }

.circle {
  width: 40px;
  position: relative; }
  .circle span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
    border: 5px solid #86235A;
    box-sizing: border-box;
    position: relative;
    top: 10px; }
    .circle span.first {
      background: #86235A; }
    .circle span.delivered {
      border: 5px solid #4cae4c;
      background: #4cae4c; }
  .circle span::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 60px;
    background: #86235A;
    z-index: -1; }
  .circle span.last::after {
    display: none; }
  .circle span.delivered::after {
    background: #398439; }

.origin-label {
  position: absolute;
  left: -70px;
  top: 30px;
  color: purple;
  font-weight: bold;
  font-size: 1em;
  white-space: nowrap; }

.progress-bar {
  display: inline-block;
  width: 100%;
  height: 12px;
  background: yellow;
  border-radius: 10px; }

.carrier {
  color: #86235A;
  font-weight: bold; }

.delivered {
  color: #4cae4c;
  font-weight: bold; }

.in-progress {
  color: #63aabc;
  font-weight: bold; }

.-cart-table table .-ukloni input,
.-cart-table table .-ukloni a,
.korpa-modal table .-ukloni .-cart-table input,
.korpa-modal table .-ukloni .-cart-table a, .-cart-table #edit-submit, .-cart-table #edit-checkout, .-cart-table .korpa-modal .ui-dialog-buttonset button:first-child, .korpa-modal .ui-dialog-buttonset .-cart-table button:first-child, .-cart-table .korpa-modal .ui-dialog-buttonset button:disabled, .korpa-modal .ui-dialog-buttonset .-cart-table button:disabled,
.-cart-table .korpa-modal .ui-dialog-buttonset button:last-child,
.korpa-modal .ui-dialog-buttonset .-cart-table button:last-child,
.-cart-table table .-ukloni .korpa-modal input,
.-cart-table table .-ukloni .korpa-modal a,
.korpa-modal table .-ukloni input,
.korpa-modal table .-ukloni a,
.korpa-modal #edit-submit,
.korpa-modal #edit-checkout,
.korpa-modal .ui-dialog-buttonset button:first-child,
.korpa-modal .ui-dialog-buttonset button:disabled,
.korpa-modal .ui-dialog-buttonset button:last-child {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid transparent;
  color: #fff;
  border-radius: 0.25rem; }
.-cart-table .form-actions,
.korpa-modal .form-actions {
  display: none; }
.-cart-table table,
.korpa-modal table {
  width: 100%;
  text-align: left; }
  .-cart-table table th,
  .korpa-modal table th {
    text-transform: uppercase;
    color: #ccc;
    text-align: left;
    color: #888; }
    @media screen and (max-width: 767px) {
      .-cart-table table th,
      .korpa-modal table th {
        font-size: 1.4rem; }
        .-cart-table table th:first-child,
        .korpa-modal table th:first-child {
          padding-right: 10px; } }
    @media screen and (max-width: 480px) {
      .-cart-table table th,
      .korpa-modal table th {
        font-size: 1.3rem; } }
  .-cart-table table td,
  .korpa-modal table td {
    width: 16.666666%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center; }
    .-cart-table table td.-naziv,
    .korpa-modal table td.-naziv {
      text-align: left;
      padding: 0 10px; }
  .-cart-table table .-slika img,
  .korpa-modal table .-slika img {
    max-width: 120px;
    height: auto; }
  .-cart-table table .-naziv,
  .korpa-modal table .-naziv {
    padding-right: 10px; }
  .-cart-table table .-kolicina input,
  .korpa-modal table .-kolicina input {
    padding: 10px;
    border: 1px solid #ccc; }
  .-cart-table table .-ukloni input,
  .-cart-table table .-ukloni a,
  .korpa-modal table .-ukloni input,
  .korpa-modal table .-ukloni a {
    background-color: #d9534f;
    border-color: #c9302c; }
    .-cart-table table .-ukloni input:hover,
    .-cart-table table .-ukloni a:hover,
    .korpa-modal table .-ukloni input:hover,
    .korpa-modal table .-ukloni a:hover {
      color: #fff;
      background-color: #c9302c; }
    @media screen and (max-width: 767px) {
      .-cart-table table .-ukloni input,
      .-cart-table table .-ukloni a,
      .korpa-modal table .-ukloni input,
      .korpa-modal table .-ukloni a {
        padding: 6px 8px;
        font-size: 12px; } }
  .-cart-table table a.remove-cart-item,
  .korpa-modal table a.remove-cart-item {
    padding: 0.525rem 1.25rem;
    font-size: 15px;
    border-radius: 0.25rem;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
  @media screen and (max-width: 991px) {
    .-cart-table table th:nth-child(5),
    .korpa-modal table th:nth-child(5) {
      display: none; }
    .-cart-table table .-ukupna-cena,
    .korpa-modal table .-ukupna-cena {
      display: none; } }
  @media screen and (max-width: 461px) {
    .-cart-table table th:nth-child(4),
    .korpa-modal table th:nth-child(4) {
      display: none; }
    .-cart-table table .-cena,
    .korpa-modal table .-cena {
      display: none; } }
.-cart-table div.order-total-line__subtotal,
.korpa-modal div.order-total-line__subtotal {
  padding-top: 10px;
  margin-bottom: 0 !important;
  display: block;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .-cart-table div.order-total-line__subtotal .order-total-line-label::after,
  .korpa-modal div.order-total-line__subtotal .order-total-line-label::after {
    content: ":"; }
.-cart-table div.order-total-line__adjustment--promotion,
.korpa-modal div.order-total-line__adjustment--promotion {
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-bottom: 0 !important;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .-cart-table div.order-total-line__adjustment--promotion .order-total-line-label::after,
  .korpa-modal div.order-total-line__adjustment--promotion .order-total-line-label::after {
    content: ":"; }
.-cart-table .layout-region-checkout-secondary .order-total-line__total::before,
.korpa-modal .layout-region-checkout-secondary .order-total-line__total::before {
  content: "Shipping :";
  width: 100%;
  margin-bottom: 10px;
  font-size: 1.6rem;
  display: flex;
  justify-content: space-between;
  font-weight: normal; }
.-cart-table .layout-region-checkout-secondary .order-total-line__total::after,
.korpa-modal .layout-region-checkout-secondary .order-total-line__total::after {
  content: "FREE";
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.6rem;
  margin: 0;
  font-weight: normal; }
.-cart-table .order-total-line__total,
.korpa-modal .order-total-line__total {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding: 10px 0;
  padding-top: 0;
  justify-content: space-between;
  align-items: center;
  position: relative; }
  .-cart-table .order-total-line__total::before,
  .korpa-modal .order-total-line__total::before {
    content: "Shipping :";
    width: 100%;
    margin-bottom: 10px;
    font-size: 1.9rem;
    display: flex;
    justify-content: space-between;
    font-weight: normal; }
  .-cart-table .order-total-line__total::after,
  .korpa-modal .order-total-line__total::after {
    content: "FREE";
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.9rem;
    margin: 0 8px;
    font-weight: normal; }
  .-cart-table .order-total-line__total .order-total-line-label,
  .korpa-modal .order-total-line__total .order-total-line-label {
    width: 50%;
    font-weight: bold; }
    .-cart-table .order-total-line__total .order-total-line-label::after,
    .korpa-modal .order-total-line__total .order-total-line-label::after {
      content: ":"; }
  .-cart-table .order-total-line__total .order-total-line-value,
  .korpa-modal .order-total-line__total .order-total-line-value {
    font-weight: bold;
    display: flex;
    align-items: end;
    justify-content: end; }
.-cart-table .custom-info,
.korpa-modal .custom-info {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
  color: #ff0000; }
.-cart-table #edit-submit,
.korpa-modal #edit-submit {
  background-color: transparent;
  border-color: #3d3d3d;
  color: #3d3d3d;
  padding: 10px 20px; }
  .-cart-table #edit-submit:hover,
  .korpa-modal #edit-submit:hover {
    background-color: #ccc;
    border-color: #ccc; }
.-cart-table #edit-checkout,
.korpa-modal #edit-checkout {
  background-color: #63aabc;
  padding: 10px 20px; }
  .-cart-table #edit-checkout:hover,
  .korpa-modal #edit-checkout:hover {
    background-color: #63aabc; }

.korpa-modal {
  top: 210px !important; }
  @media screen and (min-width: 992px) {
    .korpa-modal {
      overflow: hidden; } }
  .korpa-modal .ui-dialog-buttonset {
    width: 100%; }
    .korpa-modal .ui-dialog-buttonset button:first-child {
      background-color: transparent;
      border-color: #3d3d3d;
      color: #3d3d3d;
      padding: 10px 20px;
      float: left;
      color: #fff !important;
      border: none !important; }
      .korpa-modal .ui-dialog-buttonset button:first-child:hover {
        background-color: #ccc;
        border-color: #ccc; }
    .korpa-modal .ui-dialog-buttonset button:disabled,
    .korpa-modal .ui-dialog-buttonset button:last-child {
      background-color: #63aabc;
      font-size: 16px;
      padding: 10px 20px;
      float: right;
      margin-bottom: 5px;
      margin: 0;
      line-height: 1.5;
      font-weight: bold; }
      .korpa-modal .ui-dialog-buttonset button:disabled:hover,
      .korpa-modal .ui-dialog-buttonset button:last-child:hover {
        background-color: #fff;
        color: #63aabc;
        border-color: #63aabc; }
  .korpa-modal .form-item-contact-information-email input.form-email {
    border: 1px solid #ddd;
    background-color: #ffffff;
    height: 44px;
    width: 100%;
    padding-left: 15px; }
  .korpa-modal .form-item-contact-information-email .description {
    font-family: Arial;
    font-size: 1.35rem;
    line-height: 1.3;
    margin-top: 0;
    color: #555; }

.korpa-modal #toolbar-administration,
.korpa-modal #topnav,
.korpa-modal .page-title,
.korpa-modal #footer-widgets,
.korpa-modal #footer {
  display: none; }
.korpa-modal .layout-region-checkout-footer #edit-actions #edit-actions-next {
  width: initial !important;
  height: initial !important;
  border: solid lightgray 1px !important;
  padding: 4px 29.5px !important;
  border-radius: 3px;
  background: linear-gradient(rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.17)); }

[id^="views-form-commerce-cart-form-default"] .cols-7 tbody .table td.-ukloni {
  display: none; }
[id^="views-form-commerce-cart-form-default"] .cols-7 thead tr [id^="view-remove-button-table-column"] {
  display: none; }
[id^="views-form-commerce-cart-form-default"] .cols-7 thead tr th {
  text-align: center;
  border: 1px solid #ccc;
  padding: 5px 0; }

.order-total-line__adjustment--shipping {
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  display: none; }

#uppDown {
  font-size: 42px;
  z-index: 100;
  position: fixed;
  bottom: 60px;
  right: 60px;
  display: none;
  cursor: pointer;
  animation-duration: 1150ms;
  -webkit-animation-duration: 1150ms; }
  @media screen and (max-width: 991px) {
    #uppDown {
      bottom: 80px;
      right: 30px;
      font-size: 36px; } }
  @media screen and (max-width: 767px) {
    #uppDown {
      bottom: 15px; } }
  #uppDown #uDBtn {
    animation-duration: 860ms;
    -webkit-animation-duration: 860ms; }
    #uppDown #uDBtn i, #uppDown #uDBtn .rating-modal .-body .-replace-rate .modal-stars svg, .rating-modal .-body .-replace-rate .modal-stars #uppDown #uDBtn svg {
      color: #60204B; }
      #uppDown #uDBtn i:hover, #uppDown #uDBtn .rating-modal .-body .-replace-rate .modal-stars svg:hover, .rating-modal .-body .-replace-rate .modal-stars #uppDown #uDBtn svg:hover {
        color: #86235A; }

.go-top {
  display: none !important; }

#checkout-arrow {
  position: absolute;
  right: 25px;
  bottom: 90px;
  font-size: 40px;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease;
  animation-duration: 860ms;
  -webkit-animation-duration: 860ms; }
  #checkout-arrow i, #checkout-arrow .rating-modal .-body .-replace-rate .modal-stars svg, .rating-modal .-body .-replace-rate .modal-stars #checkout-arrow svg {
    color: #60204B; }
    #checkout-arrow i:hover, #checkout-arrow .rating-modal .-body .-replace-rate .modal-stars svg:hover, .rating-modal .-body .-replace-rate .modal-stars #checkout-arrow svg:hover {
      color: #86235A; }
  #checkout-arrow.at-top {
    opacity: 1; }

.rating-modal .-body {
  display: none;
  position: absolute;
  width: 95%;
  max-width: 95%;
  margin: auto;
  background-color: #fff;
  box-shadow: 0 0 45px rgba(0, 0, 0, 0.25);
  padding: 5%;
  z-index: 999999999;
  -webkit-animation-duration: 860ms;
  -webkit-animation-name: bounceIn;
  animation-duration: 860ms;
  animation-name: bounceIn; }
  .rating-modal .-body .-replace-rate h5 {
    margin-top: 0; }
  .rating-modal .-body .-replace-rate .modal-stars i, .rating-modal .-body .-replace-rate .modal-stars svg {
    font-size: 22px;
    color: #ccc; }
    .rating-modal .-body .-replace-rate .modal-stars i:hover, .rating-modal .-body .-replace-rate .modal-stars svg:hover {
      cursor: pointer; }
  .rating-modal .-body .-replace-comment .comment-form .-error {
    color: #ff0000;
    padding-top: 5px;
    display: none; }
  .rating-modal .-body .-replace-comment .comment-form .form-control {
    text-transform: none;
    resize: none;
    margin-top: 15px; }
  .rating-modal .-body .-close-btn {
    cursor: pointer;
    color: #ccc;
    font-size: 18px;
    position: absolute;
    right: 15px;
    top: 15px; }
    .rating-modal .-body .-close-btn:hover {
      color: #3d3d3d; }
  .rating-modal .-body .-buttons {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5; }
    .rating-modal .-body .-buttons .-btn {
      text-transform: none;
      height: 35px;
      line-height: 33px; }
      @media only screen and (max-width: 1200px) and (min-width: 980px) {
        .rating-modal .-body .-buttons .-btn {
          width: 100%;
          max-width: 100%;
          margin-bottom: 5px; } }
    .rating-modal .-body .-buttons .-right {
      float: right;
      color: #fff;
      background-color: #4cae4c;
      border-color: #398439; }
      .rating-modal .-body .-buttons .-right:hover {
        background-color: #398439; }
    .rating-modal .-body .-buttons .-left {
      float: left;
      color: #fff;
      background-color: #303960;
      border-color: #5261a3; }
      .rating-modal .-body .-buttons .-left:hover {
        background-color: #5261a3; }
.rating-modal .-thanks {
  position: absolute;
  width: 95%;
  max-width: 95%;
  background-color: #fff;
  box-shadow: 0 0 45px rgba(0, 0, 0, 0.25);
  padding: 5%;
  z-index: 999999999;
  -webkit-animation-duration: 860ms;
  -webkit-animation-name: bounceOut;
  -webkit-animation-delay: 2600ms;
  animation-duration: 860ms;
  animation-name: bounceOut;
  animation-delay: 2600ms;
  display: none; }

#ajaxProductFilter .rating-modal .-thanks, #ajaxProductFilter .rating-modal .-body {
  width: 90%;
  max-width: 90%;
  top: 0; }
  @media screen and (max-width: 766px) {
    #ajaxProductFilter .rating-modal .-thanks, #ajaxProductFilter .rating-modal .-body {
      width: 95%;
      max-width: 95%; } }
  @media screen and (max-width: 461px) {
    #ajaxProductFilter .rating-modal .-thanks, #ajaxProductFilter .rating-modal .-body {
      width: 93%;
      max-width: 93%; } }

#login_wrapper #comets-message {
  display: none; }
#login_wrapper input.error {
  border-color: #ff0000; }
#login_wrapper div.description {
  color: #ff0000; }

#topnav .menu-item {
  height: unset; }
  #topnav .menu-item .block-container {
    margin-top: 9.5px; }
    #topnav .menu-item .block-container .social-auth-title {
      display: inline-block;
      margin-top: 0px;
      margin-bottom: 0px;
      vertical-align: middle; }
    #topnav .menu-item .block-container .social-login-icons {
      display: inline-block; }
      #topnav .menu-item .block-container .social-login-icons .social-auth:last-child img {
        margin-right: 0px; }

.v-center .social-auth-block {
  max-width: 400px;
  margin: auto;
  text-align: center; }

.section-content .social-auth-container {
  display: table;
  position: absolute;
  bottom: 125px; }

.loader-bg {
  z-index: 9999999;
  position: absolute;
  background: #fff;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  @media screen and (max-width: 424px) {
    .loader-bg {
      display: none; } }
  .loader-bg .product-loader {
    margin-top: -68px;
    border: 8px solid #E5E5E5;
    border-radius: 50%;
    border-top: 8px solid #86235A;
    width: 68px;
    height: 68px;
    -webkit-animation: load 1280ms linear infinite;
    animation: load 1280ms linear infinite; }
  .loader-bg .loader-message {
    user-select: none; }

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../custom_fonts/OpenSans-Regular.ttf") format("truetype");
  /* Modern Browsers */
  font-display: swap; }
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../custom_fonts/noto-sans.regular.ttf") format("truetype");
  /* Modern Browsers */
  font-display: swap; }
@font-face {
  font-family: "Aquarelle";
  font-style: normal;
  font-weight: 400;
  src: url("../custom_fonts/Aquarelle.ttf") format("truetype");
  /* Modern Browsers */
  font-display: swap; }
.ui-widget {
  font-family: "Noto Sans"; }

*:focus {
  outline: none; }

body,
h1,
h2,
h3,
h4,
h5 {
  font-family: "Noto Sans"; }

body {
  font-size: 16px; }

p {
  color: #595e64; }

a {
  color: #60204B; }
  a:hover {
    color: #86235A; }

.cart.cart-form .order-total-line {
  margin-bottom: 10px; }
.cart.cart-form .form-actions .continue-btn {
  background-color: transparent;
  border-color: #303960;
  color: #303960;
  padding: 10px 20px;
  border: 1px solid;
  display: none; }
  .cart.cart-form .form-actions .continue-btn:hover {
    background-color: #303960;
    border-color: #303960;
    color: #fff; }

.red-dot::before {
  color: #60204B; }

.path-contact .captcha img {
  margin-bottom: 15px; }
.path-contact .captcha .form-item-captcha-response input {
  margin-bottom: 10px; }
.path-contact .title.center .red-dot::before {
  color: #60204B; }
.path-contact .title.center hr {
  border-top: 1px solid white; }
.path-contact .map-wrapper {
  height: 100%; }
  .path-contact .map-wrapper .google-map {
    height: 100%; }
.path-contact .parallax-overlay {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
  z-index: 10;
  color: #fff;
  height: 100%;
  width: 100%;
  background-color: unset; }
.path-contact .parallax-slider {
  left: unset !important;
  width: auto !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover; }

.role-authenticated.path-contact .form-item-name,
.role-authenticated.path-contact .form-item-mail {
  line-height: 1.42857143;
  color: #555;
  display: block;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border: 1px solid #ccc;
  border-top-color: #cccccc;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
  width: 100%;
  padding: 18px 24px;
  height: 55px;
  background-color: transparent;
  font-size: 12px;
  letter-spacing: 1px;
  box-shadow: none;
  border-color: #e7e7e7;
  margin-bottom: 20px; }

@media (max-width: 991px) {
  .path-contact .map-wrapper .google-map {
    height: 55vh; }

  .-rated-view {
    display: inline-flex; } }
.logout-menu li {
  display: inline-block;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 16px;
  padding: 0 10px; }
  @media (max-width: 767px) {
    .logout-menu li {
      padding: 0 10px !important; } }
  @media (max-width: 380px) {
    .logout-menu li {
      padding: 0 3px !important; } }
  .logout-menu li a {
    color: #3d4146;
    font-weight: normal !important;
    line-height: 1.5; }
    .logout-menu li a:hover {
      color: #86235A;
      text-shadow: 1px 0 0 currentColor;
      text-shadow: 0px 0px 0 currentColor; }
@media (max-width: 767px) {
  .logout-menu {
    margin: 10px 0; } }

#navigation-social-media {
  display: block !important; }
  #navigation-social-media .list-inline {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 13px; }
    #navigation-social-media .list-inline li {
      height: 62px;
      padding-top: 23px;
      padding: 0;
      height: unset; }
      #navigation-social-media .list-inline li :hover i, #navigation-social-media .list-inline li :hover .rating-modal .-body .-replace-rate .modal-stars svg, .rating-modal .-body .-replace-rate .modal-stars #navigation-social-media .list-inline li :hover svg {
        color: #86235A;
        text-shadow: 1px 0 0 currentColor;
        text-shadow: 0px 0px 0 currentColor; }
      #navigation-social-media .list-inline li a {
        border: 1px solid #ddd;
        border-radius: 50%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin: 0 5px;
        height: 40px;
        width: 40px; }
      #navigation-social-media .list-inline li:first-child {
        padding-right: 0;
        padding-left: 0; }
  @media (max-width: 991px) {
    #navigation-social-media {
      display: none !important; }
      #navigation-social-media .list-inline {
        padding-left: 0;
        padding-right: 17px; }
        #navigation-social-media .list-inline li {
          height: auto; }
          #navigation-social-media .list-inline li:first-child {
            padding-right: 6px; } }

@media (max-width: 767px) {
  .scroll .second-nav ul {
    padding: 23px 15px;
    padding-bottom: 0; }
    .scroll .second-nav ul li {
      padding: 0;
      padding-bottom: 25px; }
      .scroll .second-nav ul li a {
        text-transform: capitalize;
        font-size: 18px; }

  #navigation > .list-inline {
    border-bottom: 1px solid #eee; }

  #navigation #navigation-social-media {
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-top: 25px; }
    #navigation #navigation-social-media .list-inline {
      padding: 0;
      text-align: center; }
      #navigation #navigation-social-media .list-inline li {
        width: unset;
        padding: 0 11px;
        padding-right: 20px; } }
@media (min-width: 768px) {
  #navigation #navigation-social-media {
    display: none !important; }

  #navigation-social-media {
    display: none; } }
@media (min-width: 768px) and (max-width: 991px) {
  #navigation {
    position: unset;
    left: unset;
    width: auto;
    border: none; } }
@media (max-width: 767px) {
  #navigation {
    height: 100vh;
    top: 65px;
    width: 70%; }
    #navigation #navigation-social-media {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 150px; }
      #navigation #navigation-social-media .list-inline li {
        padding: 0;
        margin-left: 20px; }
        #navigation #navigation-social-media .list-inline li:first-child {
          margin-left: 0; } }
#block-footersocialmedia .list-inline {
  width: 100%;
  text-align: center; }

.role-anonymous .parallax-overlay,
.page-title.parallax .parallax-overlay {
  background-color: unset; }
.role-anonymous .product-section,
.page-title.parallax .product-section {
  padding: 0;
  padding-top: 15px; }
  @media (max-width: 991px) {
    .role-anonymous .product-section,
    .page-title.parallax .product-section {
      padding: 0;
      padding-top: 5px;
      margin: 10px;
      margin-bottom: 0; } }

.path-blog #comets-message,
.role-authenticated.path-product #comets-message,
.role-anonymous.path-product #comets-message {
  display: none; }

.path-blog .parallax-slider,
.path-taxonomy .parallax-slider,
.path-user .parallax-slider {
  left: unset !important;
  width: auto !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover; }

.blog-masonry .masonry-post {
  position: unset !important;
  padding-top: 0;
  padding-bottom: 0; }
  .blog-masonry .masonry-post .post-single {
    min-height: 500px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column; }
    @media (max-width: 767px) {
      .blog-masonry .masonry-post .post-single {
        min-height: unset; } }
    .blog-masonry .masonry-post .post-single .post-body {
      display: none; }
    .blog-masonry .masonry-post .post-single .post-info {
      margin-bottom: 0;
      flex-grow: 1; }
    .blog-masonry .masonry-post .post-single .post-media {
      flex-grow: 1; }
      .blog-masonry .masonry-post .post-single .post-media img {
        height: 100%;
        min-height: 280px;
        width: 100%; }
        @media (max-width: 767px) {
          .blog-masonry .masonry-post .post-single .post-media img {
            min-height: unset; } }
.blog-masonry .masonry-post.blog-column {
  background-color: #fff;
  border: 1px solid #ddd;
  margin-bottom: 0;
  padding: 30px 15px;
  min-height: 480px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  width: 49% !important;
  border-radius: 0.25rem; }
  .blog-masonry .masonry-post.blog-column img {
    border-radius: 0.25rem; }
  @media (max-width: 1199px) {
    .blog-masonry .masonry-post.blog-column {
      min-height: 440px; } }
  @media (max-width: 767px) {
    .blog-masonry .masonry-post.blog-column {
      width: 100% !important;
      min-height: unset; }
      .blog-masonry .masonry-post.blog-column img {
        width: 100%; } }
  .blog-masonry .masonry-post.blog-column:first-child {
    margin-right: 2%; }
  .blog-masonry .masonry-post.blog-column .blog-post-title {
    font-size: 24px;
    margin-bottom: 15px;
    margin-top: 0;
    font-family: "Halant", serif;
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 1.1;
    color: inherit; }
    .blog-masonry .masonry-post.blog-column .blog-post-title a {
      color: #191b1d;
      text-decoration: none; }
  .blog-masonry .masonry-post.blog-column .post-info {
    margin-bottom: 0;
    flex-grow: 1; }
    .blog-masonry .masonry-post.blog-column .post-info .upper {
      font-size: 12px;
      font-family: "Raleway", sans-serif;
      font-weight: 500;
      letter-spacing: 2px;
      margin-bottom: 20px;
      margin-top: 10px; }
      .blog-masonry .masonry-post.blog-column .post-info .upper a {
        color: #86235A; }
  .blog-masonry .masonry-post.blog-column .post-media-img {
    flex-grow: 0; }
.blog-masonry .masonry-post.blog-column.taxonomy-content .views-field-nothing {
  margin-bottom: 0;
  flex-grow: 1; }
.blog-masonry .masonry-post.blog-column.taxonomy-content .views-field-field-image {
  flex-grow: 0; }

.blog-masonry {
  height: unset !important; }

#topnav {
  background-color: #fff !important; }
  #topnav .container {
    background-color: #fff; }
  #topnav .navbar-toggle span:last-child {
    width: 100%; }

.path-checkout #edit-payment-process-offsite-payment {
  text-align: center; }
  .path-checkout #edit-payment-process-offsite-payment .paypal-button.paypal-button-shape-rect {
    border-radius: 0; }

.path-product .right-section .-share .-icon:hover {
  color: #303960; }
.path-product .left-section .all-images {
  display: flex;
  max-height: 450px;
  overflow-y: scroll;
  scrollbar-width: none; }
  .path-product .left-section .all-images ._pLeftRight {
    min-height: auto; }
.path-product .-share:first-of-type {
  margin-left: -5px; }
.path-product .product-images #media {
  height: auto !important; }
  .path-product .product-images #media img {
    -webkit-filter: brightness(110%);
    filter: brightness(110%); }
.path-product .messages {
  margin-left: 35px;
  display: inline-block;
  margin-right: 35px; }
.path-product .rating-modal {
  display: none; }
.path-product .right-section .-count {
  margin-top: 18px;
  font-size: 15px; }
.path-product .right-section .input-group {
  display: inline-block;
  margin: 10px 0;
  margin-top: 0; }
  @media (max-width: 991px) {
    .path-product .right-section .input-group {
      display: block;
      margin-top: 80px; } }
  .path-product .right-section .input-group .-quantity {
    padding: 0 5px;
    height: 46px;
    margin-left: 10px;
    max-width: 70px;
    text-align-last: center; }
.path-product .right-section #single-add {
  padding-bottom: 10px;
  display: inline-block;
  margin: 0;
  line-height: 1;
  transition: all 1000ms ease;
  margin-top: 0px; }
  .path-product .right-section #single-add .single-btn {
    width: auto;
    text-transform: capitalize;
    border: none;
    border-radius: 0.25rem;
    transition: all 0.15s ease;
    background-color: #f8b24f;
    font-size: 1.5rem;
    font-weight: bold;
    height: 46px;
    line-height: 46px;
    background-image: linear-gradient(to right top, #86235a, #a2255f, #bf2761, #db2d60, #f5365c); }
    @media (max-width: 991px) {
      .path-product .right-section #single-add .single-btn {
        width: 100%; } }
  @media (max-width: 991px) {
    .path-product .right-section #single-add {
      display: block;
      float: unset;
      margin: 30px 0 25px 0; } }
  @media (max-width: 767px) {
    .path-product .right-section #single-add {
      margin-bottom: 0; } }
@media (max-width: 991px) {
  .path-product .right-section .input-group {
    margin-top: 10px; } }
.path-product #rating-replace {
  margin-bottom: 28px; }

.user-logged-in.path-product .rating-modal {
  display: block; }
.user-logged-in.path-product .comment-form .product-comment-link {
  display: none; }
.user-logged-in.path-product #comment-form textarea {
  border: 1px solid #ccc; }
.user-logged-in.path-product .link-wrapper {
  display: none; }

.role-authenticated #topnav #navigation-logout {
  height: unset; }
.role-authenticated .logout-menu {
  margin: 0; }
  .role-authenticated .logout-menu li a {
    line-height: 66px; }
.role-authenticated .currency_change .block-container select,
.role-authenticated .currency_change .block-container .nice-select,
.role-authenticated .currency_change .form-select {
  padding-bottom: 23px;
  padding-top: 22px; }
.role-authenticated .currency_change.mobile .block-container select,
.role-authenticated .currency_change.mobile .block-container .nice-select,
.role-authenticated .currency_change.mobile .form-select {
  padding-bottom: 24px;
  padding-top: 24px; }
.role-authenticated .comment-form .filter-wrapper {
  display: none !important; }
.role-authenticated .comment-respond {
  padding-top: 0; }

.role-administrator #topnav #navigation-logout {
  height: unset; }
.role-administrator .comment-form .filter-wrapper {
  display: block !important; }
.role-administrator .logout-menu {
  margin: 0; }
  .role-administrator .logout-menu li a {
    line-height: 66px; }
@media (max-width: 385px) {
  .role-administrator #topnav.scroll .logo {
    padding-top: 15px; }
    .role-administrator #topnav.scroll .logo .logo-dark {
      max-height: 40px; } }
@media (min-width: 768px) and (max-width: 831px) {
  .role-administrator #topnav.scroll #navigation-social-media .list-inline {
    padding-left: 0px;
    padding-right: 0px; }
    .role-administrator #topnav.scroll #navigation-social-media .list-inline li:first-child {
      padding-right: 0px; }
    .role-administrator #topnav.scroll #navigation-social-media .list-inline li a {
      margin: 0 4px 0 0; } }

.rating-modal {
  display: none; }

.like-unlike {
  pointer-events: none; }

.user-logged-in .rating-modal {
  display: block; }
.user-logged-in .like-unlike {
  pointer-events: unset; }

.link-wrapper a {
  color: #60204B !important; }
  .link-wrapper a:hover {
    color: #86235A; }

.path-comment .comment {
  margin: 20px 0; }
.path-comment #comment-form .field--type-string,
.path-comment #comment-form .field--type-text-long {
  margin-bottom: 20px; }
.path-comment .comment-reply {
  display: none; }

@media (max-width: 767px) {
  .path-product .product-comments .btn {
    height: 50px;
    width: 100%;
    line-height: 50px; } }
.pass-link {
  padding-top: 28px;
  padding-bottom: 0px;
  float: right;
  line-height: 1; }
  @media (max-width: 480px) {
    .pass-link {
      padding-top: 25px; }
      .pass-link a {
        font-size: 10px; } }
  .pass-link a:hover {
    color: #303960;
    text-shadow: 0.5px 0 0 currentColor;
    text-shadow: 0px 0px 0 currentColor; }

.path-user #login-box .form-control {
  text-transform: none;
  width: 100%;
  background-color: transparent;
  font-size: 12px;
  height: 55px;
  border: 1px solid #cad1d7;
  border-radius: 8px;
  padding: 0.625rem 1.75rem;
  display: block;
  line-height: 1.5; }
.path-user #login-box input[type="submit"] {
  letter-spacing: 0.025em;
  display: inline-block;
  font-weight: 600;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: #63aabc;
  border: 1px solid #63aabc;
  padding: 0.625rem 1.25rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: all 0.15s ease;
  font-size: 14px; }
  .path-user #login-box input[type="submit"]:hover, .path-user #login-box input[type="submit"]:active, .path-user #login-box input[type="submit"].nice-select.open, .path-user #login-box input[type="submit"]:focus {
    background-color: #63aabc;
    border: 1px solid #63aabc; }
  @media (max-width: 767px) {
    .path-user #login-box input[type="submit"] {
      width: 100%; } }
.path-user .centrize .social-auth-block .social-auth-title {
  display: none; }
.path-user #edit-account div {
  margin-bottom: 20px; }
.path-user .section-user-page {
  border-bottom: 0;
  padding: 18px 0;
  padding-bottom: 0; }
  .path-user .section-user-page .section-content {
    margin: 15px;
    padding: 0; }
    .path-user .section-user-page .section-content .block-container ul {
      display: flex;
      flex-wrap: wrap; }
      .path-user .section-user-page .section-content .block-container ul li {
        padding: 0 !important;
        padding-right: 20px !important;
        margin-bottom: 18px; }
    .path-user .section-user-page .section-content #block-comets-local-tasks {
      display: none; }
    .path-user .section-user-page .section-content .user-pass .form-item input {
      width: 600px;
      transition: all 0.15s ease;
      border: 1px solid #cad1d7;
      border-radius: 8px;
      box-shadow: none;
      padding: 0.625rem 1.75rem;
      display: block;
      line-height: 1.5;
      font-size: 13px;
      color: #8898aa;
      text-transform: unset;
      background-color: #fff; }
      @media (max-width: 767px) {
        .path-user .section-user-page .section-content .user-pass .form-item input {
          width: 100%; } }
    .path-user .section-user-page .section-content .user-pass .form-actions {
      margin-top: 30px; }
      .path-user .section-user-page .section-content .user-pass .form-actions .button {
        border-color: #63aabc;
        background-color: #63aabc;
        border-radius: 0.25rem;
        font-weight: bold;
        padding: 0.625rem 1.75rem;
        min-width: 100px;
        line-height: 1.5;
        transition: all 0.3s ease;
        height: 50px; }
        .path-user .section-user-page .section-content .user-pass .form-actions .button:hover {
          border-color: #63aabc;
          background-color: #fff;
          color: #63aabc; }
      @media (max-width: 767px) {
        .path-user .section-user-page .section-content .user-pass .form-actions .btn-color {
          width: 100%; } }

#message-bar {
  display: block;
  padding-top: 50px;
  margin: 0;
  margin-bottom: 0px;
  text-align: end;
  margin-bottom: 10px;
  height: 85px; }
  #message-bar .msg-content {
    display: block;
    text-align: end;
    margin-top: 60px;
    padding: 10px 0;
    padding-right: 23px;
    padding: 12px 15px;
    border-radius: 0.25rem;
    font-weight: bold;
    margin: 0;
    line-height: 1;
    font-size: 1.6rem;
    color: #86235A;
    box-shadow: -6px 0 0 #86235A;
    background: #f9f3ec; }
    @media (max-width: 991px) {
      #message-bar .msg-content {
        text-align: center; } }

.login-modal {
  max-height: 100vh !important; }

.ui-dialog.login-modal #drupal-modal {
  max-height: calc(87vh - 98px) !important;
  overflow-y: auto !important;
  margin: 0;
  padding: 19px;
  padding-bottom: 0; }

.ui-widget-overlay {
  z-index: 3000;
  opacity: 0.9;
  background-color: #333;
  background-color: #86235A;
  background-color: #60204B; }

.role-administrator #block-blog-block-meta-data {
  padding: 0 0 15px 0; }

input:not([type="submit"]):not(.nice-select-search),
textarea,
select,
.nice-select {
  border-radius: 8px;
  transition: all 0.3s ease; }
  input:not([type="submit"]):not(.nice-select-search):hover,
  textarea:hover,
  select:hover,
  .nice-select:hover {
    box-shadow: 0 0 8px #c4c6c6; }
  input:not([type="submit"]):not(.nice-select-search):focus, input:not([type="submit"]):not(.nice-select-search):focus:hover, input:not([type="submit"]):not(.nice-select-search).error:focus, input:not([type="submit"]):not(.nice-select-search).open,
  textarea:focus,
  textarea:focus:hover,
  textarea.error:focus,
  textarea.open,
  select:focus,
  select:focus:hover,
  select.error:focus,
  select.open,
  .nice-select:focus,
  .nice-select:focus:hover,
  .nice-select.error:focus,
  .nice-select.open {
    border-color: transparent !important;
    box-shadow: 0 0 0 3px rgba(99, 170, 188, 0.8);
    outline: none; }

.contact-form div {
  border-radius: 8px; }

input[type="submit"] {
  border: transparent;
  border-radius: 0.25rem; }
  input[type="submit"]:hover {
    box-shadow: 0 0 8px #c4c6c6; }

select {
  cursor: pointer; }

#block-karakteristike-2,
#block-kategorije-2 {
  position: relative; }
  #block-karakteristike-2 .upper,
  #block-kategorije-2 .upper {
    font-size: 14px; }
  #block-karakteristike-2 .checkblocks,
  #block-kategorije-2 .checkblocks {
    display: block;
    font-size: 15px; }
    #block-karakteristike-2 .checkblocks label:hover,
    #block-kategorije-2 .checkblocks label:hover {
      color: #333;
      background: #f1f1f1; }

.clear-filters {
  font-size: 14px;
  float: right;
  margin-right: 10px;
  margin-bottom: -5px;
  position: relative;
  top: -25px;
  color: #3d4146;
  border: 1px solid #3d4146;
  background-color: #fff;
  border-radius: 0.25rem;
  padding: 5px 2px 5px 10px;
  transition: all 0.3s ease; }
  .clear-filters:hover {
    cursor: pointer;
    color: #fff;
    background-color: #86235A;
    border-color: #86235A; }
  @media screen and (max-width: 991px) {
    .clear-filters {
      margin-bottom: 0px;
      top: -50px; } }

.proizvod {
  border-radius: 0.25rem; }
  .proizvod .dodato {
    border-radius: 0.25rem; }
  .proizvod .slika-proizvoda {
    border-radius: 0.25rem; }
  .proizvod .hide-this-product {
    display: flex;
    flex-direction: column; }
    @media (max-width: 991px) {
      .proizvod .hide-this-product .ajax-product {
        order: 1; }
      .proizvod .hide-this-product .views-field-field-product-image {
        order: 0; } }
    @media (max-width: 424px) {
      .proizvod .hide-this-product {
        opacity: 1; } }
  .proizvod .views-field-title {
    min-height: 45px;
    margin-bottom: 5px; }
    .proizvod .views-field-title a {
      font-size: 16px;
      word-wrap: break-word;
      display: block; }
      @media (max-width: 1199px) {
        .proizvod .views-field-title a {
          font-size: 15px; } }
    .proizvod .views-field-title h2 {
      padding: 0;
      margin: 0;
      letter-spacing: normal;
      line-height: normal; }
  .proizvod .wrapper-price-rating {
    display: flex;
    justify-content: space-between; }
    .proizvod .wrapper-price-rating .views-field-nothing-1 {
      height: 29px; }
      @media (max-width: 767px) {
        .proizvod .wrapper-price-rating .views-field-nothing-1 {
          height: 32px; } }
  .proizvod .views-field-price {
    text-align: end;
    height: 0; }
    .proizvod .views-field-price span {
      position: relative;
      left: 0;
      bottom: 0;
      bottom: 0;
      padding: 0.525rem 1.25rem;
      font-size: 15px; }
  .proizvod .-add-to-cart {
    right: 15px;
    bottom: 94px;
    left: 15px;
    text-align: center; }
  .proizvod .-heart {
    left: unset;
    right: 25px;
    letter-spacing: 3px; }
  .proizvod .-rating {
    text-align: start;
    letter-spacing: 0px !important; }
  .proizvod:hover {
    border: 1px solid white;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

.items-in-cart .btn {
  border-radius: 0.25rem;
  transition: all 0.15s ease;
  font-weight: bold;
  padding: 0.7rem 1.25rem !important;
  line-height: 1.68 !important;
  height: 36px !important;
  min-width: 100px; }
.items-in-cart .without-loader {
  display: none; }
.items-in-cart .btn-primary {
  background-color: #63aabc;
  border-color: #63aabc; }
  .items-in-cart .btn-primary:hover {
    background-color: #fff;
    border-color: #63aabc;
    color: #63aabc; }
  .items-in-cart .btn-primary:focus {
    background-color: #fff;
    border-color: #63aabc;
    color: #63aabc; }
.items-in-cart .btn-success {
  background-color: #2dce89;
  border-color: #2dce89; }
  .items-in-cart .btn-success:hover {
    background-color: #26ab71;
    border-color: #26ab71; }
  .items-in-cart .btn-success:focus {
    background-color: #26ab71;
    border-color: #26ab71; }

input:checked + .slider {
  background-color: #86235A; }

#block-views-block-comets-taxonomy-terms-block-on-sidebar-blog-tags .tags a {
  padding: 0.925rem 1.55rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  vertical-align: middle;
  letter-spacing: 0.025em;
  user-select: none;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  background-color: #63aabc;
  border-color: #63aabc;
  color: #fff; }
  #block-views-block-comets-taxonomy-terms-block-on-sidebar-blog-tags .tags a:hover {
    border: 1px solid #63aabc;
    color: #63aabc;
    background-color: #fff;
    font-weight: bold; }

#showCart {
  cursor: pointer;
  height: 100%; }
  #showCart:hover {
    background-color: rgba(0, 0, 0, 0.05); }
  #showCart .search-form {
    display: none; }

.role-anonymous.page-node-type-_04-page .parallax-overlay,
.role-anonymous.path-user .parallax-overlay {
  padding: 180px 0 380px 0;
  padding-bottom: 140px; }
.role-anonymous.page-node-type-_04-page .parallax-mirror img,
.role-anonymous.path-user .parallax-mirror img {
  max-width: unset !important; }
.role-anonymous.page-node-type-_04-page a.white-text:hover,
.role-anonymous.path-user a.white-text:hover {
  color: #5261a3; }
.role-anonymous.page-node-type-_04-page .social-auth.auth-icon,
.role-anonymous.page-node-type-_04-page #login-box li a,
.role-anonymous.path-user .social-auth.auth-icon,
.role-anonymous.path-user #login-box li a {
  border-radius: 0.25rem; }

.page-node-type-_04-page {
  background: #86235A; }
  .page-node-type-_04-page .above-footer svg path {
    fill: #86235A; }
  .page-node-type-_04-page .error-page .icon-sad {
    font-weight: bold; }
  .page-node-type-_04-page .mb-25 {
    font-size: 65px;
    letter-spacing: 6px;
    font-weight: bold; }
    .page-node-type-_04-page .mb-25 .red-dot::before {
      color: #fff; }
  .page-node-type-_04-page h2.upper {
    font-size: 14px;
    letter-spacing: 2px; }
  .page-node-type-_04-page .btn-color {
    letter-spacing: 0.025em;
    display: inline-block;
    font-weight: 600;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: #63aabc;
    border: 1px solid #63aabc;
    padding: 1.65rem 1.5rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: all 0.15s ease;
    font-size: 12px; }
    .page-node-type-_04-page .btn-color:hover, .page-node-type-_04-page .btn-color:active, .page-node-type-_04-page .btn-color.nice-select.open, .page-node-type-_04-page .btn-color:focus, .page-node-type-_04-page .btn-color:focus:active, .page-node-type-_04-page .btn-color.nice-select.open:focus {
      background-color: #fff;
      border: 1px solid #63aabc;
      color: #63aabc; }
    @media (max-width: 400px) {
      .page-node-type-_04-page .btn-color {
        width: 100%; } }
  .page-node-type-_04-page .parallax-overlay {
    padding: 180px 0 380px 0;
    padding-bottom: 140px; }
  @media (max-width: 767px) {
    .page-node-type-_04-page .mb-25 {
      font-size: 40px;
      letter-spacing: 3px; }
    .page-node-type-_04-page h2.upper {
      font-size: 11px;
      letter-spacing: 2px; } }

.parallax-bg {
  width: 100%;
  height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover; }
  @media screen and (max-width: 766px) {
    .parallax-bg {
      background-position: 40% center; } }

.parallax-bg,
.parallax-slider,
.parallax-mirror {
  pointer-events: none; }

.shop-msg {
  display: none; }

@media (max-width: 991px) {
  #topnav .navbar-toggle {
    display: none; } }
@media (max-width: 767px) {
  #topnav .navbar-toggle {
    display: block; }
    #topnav .navbar-toggle .lines {
      margin-top: 28px;
      margin-bottom: 20px; } }

/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/
.eu-cookie-withdraw-tab {
  transform: translate(-100%, -100%);
  left: 154px;
  border: unset;
  position: absolute;
  top: 10px;
  top: auto;
  bottom: 100%;
  left: 25px;
  transform: unset; }

.decline-button {
  background: white;
  border: none;
  border-radius: 0.25rem; }

.eu-cookie-compliance-content {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .eu-cookie-compliance-content {
      max-width: 90%; } }

.eu-cookie-compliance-message {
  margin-bottom: 5px; }

.eu-cookie-compliance-buttons {
  display: flex; }
  @media (max-width: 767px) {
    .eu-cookie-compliance-buttons {
      flex-direction: column; } }

.nav-cart-btn {
  padding: 0 25px;
  font-size: 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #3d4146;
  line-height: 68px; }
  @media (max-width: 767px) {
    .nav-cart-btn {
      padding: 0 10px; } }
  .nav-cart-btn i, .nav-cart-btn .rating-modal .-body .-replace-rate .modal-stars svg, .rating-modal .-body .-replace-rate .modal-stars .nav-cart-btn svg {
    font-size: 21px;
    vertical-align: middle;
    position: relative;
    top: -1.5px;
    padding: 5px; }

.placeholder-modal {
  display: none; }

.form-actions .order-id.btn-padd.mini-cart-checkout {
  background-color: #63aabc;
  float: right;
  margin: 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px !important;
  border: 1px solid #63aabc;
  color: white;
  border-radius: 0.25rem;
  transition: all 0.15s ease;
  font-weight: bold;
  line-height: 1.68 !important;
  height: 43px !important;
  min-width: 100px;
  padding: 10px 20px !important; }
  .form-actions .order-id.btn-padd.mini-cart-checkout:hover {
    background-color: #fff;
    color: #63aabc; }

@supports (-webkit-touch-callout: none) {
  @media (max-width: 767px) {
    .parallax-bg {
      background-attachment: scroll; } } }
@supports not (-webkit-touch-callout: none) {
  .parallax-bg {
    background-attachment: fixed; } }
#block-comets-local-tasks {
  display: none; }

.no-logged-user {
  cursor: alias !important; }

.custom-checkout-review-form .js-form-type-tel {
  display: none; }

#PopupSignupForm_0 {
  display: none; }

.frequently-asked-questions .section-content {
  padding: 0; }

.custom_body_accordion {
  display: flex;
  /* Accordion styles */ }
  .custom_body_accordion .col {
    flex: 1; }
    .custom_body_accordion .col:last-child {
      margin: 0 1em; }
  .custom_body_accordion input {
    position: absolute;
    opacity: 0;
    z-index: -1; }
  .custom_body_accordion .tabs {
    overflow: hidden; }
  .custom_body_accordion .tab {
    width: 100%;
    color: white;
    overflow: hidden; }
    .custom_body_accordion .tab-label {
      display: flex;
      justify-content: space-between;
      font-weight: 500;
      text-decoration: none;
      padding: 23px 15px;
      font-size: 20px;
      line-height: 1.2em;
      font-weight: bold;
      cursor: pointer;
      border-radius: 4px;
      margin-bottom: 12px;
      background: #f9f3ec;
      color: #3d3d3d;
      font-size: 22px;
      line-height: 1.1;
      /* Icon */ }
      @media (max-width: 991px) {
        .custom_body_accordion .tab-label {
          font-size: 18px;
          padding: 20px 15px; } }
      .custom_body_accordion .tab-label:hover {
        background: #f7eee4; }
      .custom_body_accordion .tab-label::after {
        content: "\276F";
        width: 1em;
        height: 1em;
        text-align: center;
        transition: all 0.35s; }
    .custom_body_accordion .tab-content {
      max-height: 0;
      padding: 0 1em;
      color: #3d3d3d;
      background: white;
      transition: all 0.35s; }
    .custom_body_accordion .tab-close {
      display: flex;
      justify-content: flex-end;
      background: #86235A;
      cursor: pointer; }
      .custom_body_accordion .tab-close:hover {
        background: #5e183f; }
  .custom_body_accordion input:checked + .tab-label::after {
    transform: rotate(90deg); }
  .custom_body_accordion input:checked ~ .tab-content {
    max-height: 100vh;
    padding: 1em;
    padding-top: 0;
    font-size: 18px; }
    @media (max-width: 991px) {
      .custom_body_accordion input:checked ~ .tab-content {
        font-size: 16px; } }

.trust-badges {
  display: none; }

.custom-order-msg {
  position: fixed;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  border-radius: 0.25rem;
  background-color: #86235A;
  color: #fff;
  font-weight: 600;
  text-align: center;
  z-index: 99999;
  display: block;
  font-family: "Noto Sans";
  font-size: 22px; }
  @media (max-width: 767px) {
    .custom-order-msg {
      font-size: 18px; } }

#ajaxProductFilter {
  display: flex;
  flex-wrap: wrap; }
  #ajaxProductFilter .proizvodi {
    display: flex;
    flex-wrap: wrap; }

.ui-dialog-buttonset.form-actions.hidden-buttonset {
  visibility: hidden; }

.loader-message {
  font-size: 16px;
  text-align: center; }

form#commerce-checkout-flow-multistep-default
div
div.layout-region-checkout-main {
  display: flex;
  flex-direction: column; }

fieldset
div.fieldset-wrapper
div[id^="edit-shipping-information-shipments-0-shipping-method-0--"],
fieldset
div.fieldset-wrapper
input[id^="edit-shipping-information-recalculate-shipping--"] {
  display: none; }

fieldset#edit-shipping-information
div.js-form-item.form-item.js-form-type-checkbox {
  display: flex;
  align-items: center;
  align-content: center; }
  fieldset#edit-shipping-information
  div.js-form-item.form-item.js-form-type-checkbox input[type="checkbox"] {
    margin-left: 30px;
    order: 2;
    width: 13px;
    height: 13px;
    margin-top: 0;
    accent-color: #63aabc;
    cursor: pointer; }
    fieldset#edit-shipping-information
    div.js-form-item.form-item.js-form-type-checkbox input[type="checkbox"]:hover {
      background-color: transparent; }

fieldset#edit-payment-information
div.js-form-item-payment-information-add-payment-method-billing-information-copy-fields-enable {
  display: flex;
  align-items: center;
  align-content: center; }
  fieldset#edit-payment-information
  div.js-form-item-payment-information-add-payment-method-billing-information-copy-fields-enable input[type="checkbox"] {
    margin-left: 30px;
    order: 2;
    width: 13px;
    height: 13px;
    margin-top: 0;
    accent-color: #63aabc;
    cursor: pointer; }
    fieldset#edit-payment-information
    div.js-form-item-payment-information-add-payment-method-billing-information-copy-fields-enable input[type="checkbox"]:hover {
      background-color: transparent; }

.layout-checkout-form
.layout-region-checkout-main
#edit-payment-information
.fieldset-wrapper
#edit-payment-information-billing-information
.js-form-item.form-item.js-form-type-checkbox {
  display: flex;
  align-items: center;
  align-content: center; }
  .layout-checkout-form
  .layout-region-checkout-main
  #edit-payment-information
  .fieldset-wrapper
  #edit-payment-information-billing-information
  .js-form-item.form-item.js-form-type-checkbox input[type="checkbox"] {
    margin-left: 30px;
    order: 2;
    width: 13px;
    height: 13px;
    margin-top: 0;
    accent-color: #63aabc;
    cursor: pointer; }
    .layout-checkout-form
    .layout-region-checkout-main
    #edit-payment-information
    .fieldset-wrapper
    #edit-payment-information-billing-information
    .js-form-item.form-item.js-form-type-checkbox input[type="checkbox"]:hover {
      background-color: transparent; }

fieldset#edit-payment-information
div.js-form-item-payment-information-add-payment-method-billing-information-copy-fields-enable
label {
  flex-basis: 75%;
  order: 1; }

div#edit-coupon-redemption {
  order: 3; }

fieldset#edit-payment-information {
  order: 2; }

div#shipping-information-wrapper {
  order: 1; }

.korpa-modal .ui-dialog-content {
  padding-bottom: 0 !important;
  overflow-x: hidden; }

.korpa-modal .ui-dialog-content::after {
  content: "";
  position: sticky;
  height: 35px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
  opacity: 1;
  bottom: 0;
  left: 0;
  width: calc(100% + 30px);
  float: left;
  margin-right: 100%;
  margin-left: -15px;
  pointer-events: none;
  transition: opacity 0.3s ease; }

.korpa-modal .ui-dialog-content.at-bottom::after {
  opacity: 0; }

#paypal-button-container,
#stripe-container {
  margin-top: 10px; }

#stripe-submit {
  margin-top: 15px;
  color: white;
  background-color: #63aabc;
  border-radius: 0.25rem;
  border: 0px solid #63aabc;
  width: 100%; }

#toggle-stripe {
  margin-top: 10px;
  color: white;
  background-color: black;
  border-radius: 4px;
  border: 0px solid black;
  padding: 17px 0px 17px 0px;
  cursor: pointer;
  font-weight: bolder;
  text-align: center;
  text-transform: uppercase;
  font-size: large;
  user-select: none;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */ }
  #toggle-stripe .icon {
    position: relative;
    bottom: -1px; }
  #toggle-stripe:hover {
    background-color: #2e2e2e; }

.contact-form #comets-message {
  padding: 20px 10px 20px 10px;
  background-color: transparent;
  border: 1px solid red;
  border-radius: 2px;
  color: red; }
  .contact-form #comets-message ul {
    padding: 0;
    margin: 0; }

#paypal-button-container.unavailable {
  color: white;
  background-color: gray;
  border-radius: 4px;
  border: 0px solid black;
  padding: 17px 0px 17px 0px;
  cursor: pointer;
  font-weight: bolder;
  text-align: center;
  text-transform: uppercase;
  font-size: large;
  user-select: none;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */ }
  #paypal-button-container.unavailable img {
    filter: brightness(0) invert(1); }

#edit-contact-information {
  display: none; }

#parallax-banner {
  will-change: transform;
  backface-visibility: hidden; }

@media (prefers-reduced-motion: reduce) {
  #parallax-banner {
    transform: none !important; } }
.grecaptcha-badge {
  z-index: 99; }

.widget .upper {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 2px;
  margin-bottom: 10px;
  margin-top: 10px; }

.views-element-container h4.upper {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 2px;
  margin-bottom: 20px;
  margin-top: 10px; }

.page-title .title div.subtitle {
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: bolder;
  line-height: 1.1;
  letter-spacing: 1px;
  color: inherit; }

h3.fieldset-legend {
  font-weight: bold;
  font-size: 2.8rem; }

#respond .upper {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 2px;
  margin-bottom: 20px;
  margin-top: 10px; }

#comments .upper {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 2px;
  margin-bottom: 20px;
  margin-top: 10px; }

.post-single .post-info .upper {
  font-size: 12px;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 20px;
  margin-top: 10px; }
  .post-single .post-info .upper span:nth-child(n + 4) {
    display: none; }

.blog-masonry .masonry-post .post-single .post-info h3 {
  font-size: 24px;
  margin-bottom: 15px;
  margin-top: 0;
  font-family: "Halant", serif;
  letter-spacing: 1px;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
  .blog-masonry .masonry-post .post-single .post-info h3 a {
    color: #191b1d;
    text-decoration: none; }
@media (max-width: 767px) {
  .blog-masonry .masonry-post .post-single .post-media img {
    width: 100%; } }

.title .baner-subtitle {
  margin-bottom: 20px;
  letter-spacing: 1px;
  margin-top: 10px;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
  color: #60204B;
  font-size: 20px; }
  @media (max-width: 991px) {
    .title .baner-subtitle {
      font-size: 18px; } }
  @media (max-width: 480px) {
    .title .baner-subtitle {
      font-size: 16px; } }

#comments .comment-text .upper {
  font-size: 13px;
  letter-spacing: 2px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }

#productSection h3.upper {
  cursor: pointer;
  line-height: 1.1;
  color: inherit;
  padding-bottom: 10px;
  display: table;
  text-transform: uppercase;
  margin-right: 4px;
  font-weight: 600;
  padding: 3px 0 10px;
  margin-bottom: 30px;
  position: relative;
  border-bottom: 1px solid #ddd;
  color: #333; }
  #productSection h3.upper::before {
    display: block;
    content: "";
    position: absolute;
    left: 5px;
    bottom: -2px;
    width: 25px;
    height: 3px;
    background: #333;
    opacity: 1;
    z-index: 10;
    background-color: #86235A; }

.odustanje-opis {
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px; }

article.post-single .post-body h3 {
  font-size: 32px; }

.title-h3 {
  font-size: 32px; }

.page-blog-post .col-md-3 {
  float: right !important; }

.page-blog-post .col-md-8 {
  float: left !important; }

.single-head h2.-tag {
  color: #ccc;
  margin: 0;
  font-size: 15px; }

h4._bBottom {
  font-size: 26px;
  margin-top: 20px;
  margin-bottom: 10px; }

.product-comments ._bBottom._comment {
  font-size: 26px;
  margin-top: 5px;
  margin-bottom: 10px; }

.footer-subscribe #unsub_submit {
  float: left !important; }

.right-section .similar-products .-title {
  font-size: 16px;
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.1; }

@media (max-width: 975px) {
  #itemsInCartMediaHide {
    display: block !important; } }
#itemsInCartMediaHide .items-in-cart {
  top: 68px;
  right: -2px;
  overflow: auto;
  max-width: 380px;
  z-index: 10;
  transition-timing-function: ease-in-out !important;
  transition: width 1.25s ease-in-out; }
  @media (max-width: 992px) {
    #itemsInCartMediaHide .items-in-cart #collapse1 table thead {
      padding: 0;
      padding-right: 10px; }
      #itemsInCartMediaHide .items-in-cart #collapse1 table thead tr th {
        font-size: 12px; } }
  @media (max-width: 767px) {
    #itemsInCartMediaHide .items-in-cart {
      max-width: 330px; }
      #itemsInCartMediaHide .items-in-cart .panel-heading {
        padding-left: 8px !important; } }
#itemsInCartMediaHide .panel {
  margin-bottom: 0;
  border-radius: 0; }
  #itemsInCartMediaHide .panel .switch {
    display: none; }

.taxonomy-page h2 {
  font-size: 20px;
  font-family: "Raleway", sans-serif;
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.1; }

.meta-data {
  visibility: hidden; }

.block-block-content2c357355-9325-49eb-ae14-1ca6bc6ed950,
.block-block-contentd8964701-d690-41c7-9e81-af0bfb494de9,
.block-block-contentdc2eddc3-a890-44c9-9ec9-210a3ec7fade,
.block-block-content2759c9f1-d70e-48a1-a2f2-53c0903448eb {
  display: none; }

.block-block-content2c357355-9325-49eb-ae14-1ca6bc6ed950 .contextual,
.block-block-contentdc2eddc3-a890-44c9-9ec9-210a3ec7fade .contextual {
  left: 16px; }

.user-logged-in .block-block-content2c357355-9325-49eb-ae14-1ca6bc6ed950,
.user-logged-in .block-block-contentd8964701-d690-41c7-9e81-af0bfb494de9,
.user-logged-in .block-block-contentdc2eddc3-a890-44c9-9ec9-210a3ec7fade,
.user-logged-in .block-block-content2759c9f1-d70e-48a1-a2f2-53c0903448eb {
  display: block; }
  .user-logged-in .block-block-content2c357355-9325-49eb-ae14-1ca6bc6ed950 div:first-child::before,
  .user-logged-in .block-block-contentd8964701-d690-41c7-9e81-af0bfb494de9 div:first-child::before,
  .user-logged-in .block-block-contentdc2eddc3-a890-44c9-9ec9-210a3ec7fade div:first-child::before,
  .user-logged-in .block-block-content2759c9f1-d70e-48a1-a2f2-53c0903448eb div:first-child::before {
    content: "Change meta tags : ";
    position: relative;
    right: 15px;
    font-size: 15px; }
  .user-logged-in .block-block-content2c357355-9325-49eb-ae14-1ca6bc6ed950 .meta-data::before,
  .user-logged-in .block-block-contentd8964701-d690-41c7-9e81-af0bfb494de9 .meta-data::before,
  .user-logged-in .block-block-contentdc2eddc3-a890-44c9-9ec9-210a3ec7fade .meta-data::before,
  .user-logged-in .block-block-content2759c9f1-d70e-48a1-a2f2-53c0903448eb .meta-data::before {
    display: none; }
  .user-logged-in .block-block-content2c357355-9325-49eb-ae14-1ca6bc6ed950 .visually-hidden,
  .user-logged-in .block-block-contentd8964701-d690-41c7-9e81-af0bfb494de9 .visually-hidden,
  .user-logged-in .block-block-contentdc2eddc3-a890-44c9-9ec9-210a3ec7fade .visually-hidden,
  .user-logged-in .block-block-content2759c9f1-d70e-48a1-a2f2-53c0903448eb .visually-hidden {
    position: unset !important; }

.subsribe-form {
  margin-top: 0; }

.form-item-contact-information-email label.js-form-required {
  display: block;
  line-height: 17px;
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 1.6rem; }
.form-item-contact-information-email #edit-contact-information-email {
  border: 1px solid #b0bac5;
  background-color: #ffffff;
  height: 39px;
  width: 100%;
  padding-left: 15px;
  border-radius: 0.25rem; }
  .form-item-contact-information-email #edit-contact-information-email:hover {
    border: 1px solid #8091a5; }
  .form-item-contact-information-email #edit-contact-information-email:focus {
    border: 1px solid #0099fa; }
  .form-item-contact-information-email #edit-contact-information-email:focus:valid {
    background: #fff url("/themes/custom/comets/images/valid.png") no-repeat 98% center;
    border-color: #28921f;
    box-shadow: 0 0 5px #5cd053; }
.form-item-contact-information-email #edit-contact-information-email.required:focus {
  border: 1px solid #0099fa; }
.form-item-contact-information-email #edit-contact-information-email.error {
  background: #fff url("/themes/custom/comets/images/invalid.png") no-repeat 98% center;
  border-color: #b03535;
  box-shadow: 0 0 5px #d45252; }
  .form-item-contact-information-email #edit-contact-information-email.error:focus {
    border-color: #b03535 !important;
    box-shadow: 0 0 5px #d45252 !important; }
.form-item-contact-information-email #edit-contact-information-email.required.valid {
  background: #fff url("/themes/custom/comets/images/valid.png") no-repeat 98% center;
  border-color: #28921f;
  box-shadow: 0 0 5px #5cd053; }
  .form-item-contact-information-email #edit-contact-information-email.required.valid:focus {
    border-color: #28921f;
    box-shadow: 0 0 5px #5cd053; }
.form-item-contact-information-email #edit-contact-information-email--description {
  font-family: Arial;
  font-size: 1.33rem;
  line-height: 24px;
  margin-top: 6px;
  color: #8091a5; }
.form-item-contact-information-email label.error {
  color: #d45252;
  padding-top: 0;
  margin: 0 0 5px 0; }

.cart-empty-page {
  padding: 0 30px; }

@media (max-width: 380px) {
  .-cart-table table th {
    font-size: 13px; } }
@media (max-width: 1199px) {
  .-cart-table table .-kolicina input {
    width: 75%; } }
@media (max-width: 600px) {
  .-cart-table table .-kolicina input {
    width: 85%; } }

@media (max-width: 767px) {
  .cart.cart-form td.-naziv {
    padding-right: 10px; } }
@media (max-width: 480px) {
  .cart.cart-form td.-naziv a {
    font-size: 13px; } }
.cart.cart-form .order-total-line .order-total-line-label {
  font-size: 1.9rem; }
  @media (max-width: 767px) {
    .cart.cart-form .order-total-line .order-total-line-label {
      font-size: 1.8rem; } }
  @media (max-width: 480px) {
    .cart.cart-form .order-total-line .order-total-line-label {
      font-size: 1.7rem; } }
.cart.cart-form .order-total-line .order-total-line-value {
  font-size: 1.9rem;
  text-align: center;
  margin: 0 8px; }
  @media (max-width: 767px) {
    .cart.cart-form .order-total-line .order-total-line-value {
      font-size: 1.8rem; } }
  @media (max-width: 480px) {
    .cart.cart-form .order-total-line .order-total-line-value {
      font-size: 1.7rem; } }

.ui-dialog .ui-dialog-titlebar-close {
  right: 1.4em;
  background-size: 19px 19px !important;
  width: 19px !important;
  height: 28px !important; }
  @media (max-width: 767px) {
    .ui-dialog .ui-dialog-titlebar-close {
      right: 1.4em;
      background-size: 17px 17px !important;
      width: 18px !important;
      height: 23px !important; } }
@media (max-width: 1199px) {
  .ui-dialog {
    width: 100% !important; } }
.ui-dialog #drupal-modal {
  padding-right: 0;
  padding-left: 0; }
  .ui-dialog #drupal-modal .order-total-line .order-total-line-label {
    font-size: 2.2rem; }
    @media (max-width: 460px) {
      .ui-dialog #drupal-modal .order-total-line .order-total-line-label {
        font-size: 2rem; } }
  .ui-dialog #drupal-modal .order-total-line .order-total-line-value {
    font-size: 2rem;
    margin-left: 8px;
    text-align: end; }
    @media (max-width: 767px) {
      .ui-dialog #drupal-modal .order-total-line .order-total-line-value {
        font-size: 1.9rem; } }
    @media (max-width: 460px) {
      .ui-dialog #drupal-modal .order-total-line .order-total-line-value {
        font-size: 1.7rem; } }
  .ui-dialog #drupal-modal .layout-checkout-form .layout-region-checkout-main {
    padding-left: 15px;
    padding-right: 15px; }
    .ui-dialog #drupal-modal .layout-checkout-form .layout-region-checkout-main #edit-contact-information legend {
      font-size: 3rem;
      border-bottom: 0;
      margin-bottom: 34px; }
      @media (max-width: 767px) {
        .ui-dialog #drupal-modal .layout-checkout-form .layout-region-checkout-main #edit-contact-information legend {
          margin: 0; } }
  .ui-dialog #drupal-modal .layout-checkout-form .layout-region-checkout-secondary {
    padding-right: 1.5px;
    padding-right: 1.7em; }
    @media (max-width: 1199px) {
      .ui-dialog #drupal-modal .layout-checkout-form .layout-region-checkout-secondary {
        padding-right: 15px; } }
  @media (max-width: 767px) {
    .ui-dialog #drupal-modal .layout-checkout-form .layout-region-checkout-footer {
      padding-left: 15px; } }
  @media (max-width: 350px) {
    .ui-dialog #drupal-modal .layout-checkout-form .layout-region-checkout-footer {
      padding: 0; } }
  .ui-dialog #drupal-modal .layout-checkout-form .layout-region-checkout-footer #edit-actions #edit-actions-next {
    overflow: unset; }

.ui-dialog .ui-dialog-titlebar {
  font-size: 3rem;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }
  @media (max-width: 767px) {
    .ui-dialog .ui-dialog-titlebar {
      font-size: 2.5rem; } }
  @media (max-width: 480px) {
    .ui-dialog .ui-dialog-titlebar {
      font-size: 2.2rem; } }

.order-modal,
.korpa-modal {
  top: 80px !important;
  max-height: 100vh !important; }
  .order-modal #drupal-modal,
  .korpa-modal #drupal-modal {
    max-height: calc(80vh - 140px) !important;
    overflow-y: auto !important; }
    .order-modal #drupal-modal #commerce_cart_form-cart-ajax-wrapper .form-actions,
    .korpa-modal #drupal-modal #commerce_cart_form-cart-ajax-wrapper .form-actions {
      display: none !important; }
  @media (max-width: 767px) {
    .order-modal table td.-naziv,
    .korpa-modal table td.-naziv {
      padding-right: 10px; } }
  @media (max-width: 1199px) {
    .order-modal .-kolicina input,
    .korpa-modal .-kolicina input {
      width: 75%; } }
  @media (max-width: 600px) {
    .order-modal .-kolicina input,
    .korpa-modal .-kolicina input {
      width: 85%; } }
  .order-modal .layout-region-checkout-footer #edit-actions #edit-actions-next,
  .korpa-modal .layout-region-checkout-footer #edit-actions #edit-actions-next {
    background-color: #3fb158;
    font-weight: 600 !important;
    font-size: 1.8rem;
    border-radius: unset;
    padding: 15px 20px !important;
    border: none !important;
    color: white;
    cursor: pointer; }
    .order-modal .layout-region-checkout-footer #edit-actions #edit-actions-next:hover,
    .korpa-modal .layout-region-checkout-footer #edit-actions #edit-actions-next:hover {
      background-color: #34ca55;
      text-decoration: none; }
    @media (max-width: 991px) {
      .order-modal .layout-region-checkout-footer #edit-actions #edit-actions-next,
      .korpa-modal .layout-region-checkout-footer #edit-actions #edit-actions-next {
        padding: 15px !important; } }
    @media (max-width: 350px) {
      .order-modal .layout-region-checkout-footer #edit-actions #edit-actions-next,
      .korpa-modal .layout-region-checkout-footer #edit-actions #edit-actions-next {
        padding: 13px !important; } }

.checkout-modal #drupal-modal {
  padding: 0; }
.checkout-modal .container {
  margin: 0 25px;
  margin: 25px; }
  @media (max-width: 1199px) {
    .checkout-modal .container {
      margin: 15px auto; } }
  @media (max-width: 767px) {
    .checkout-modal .container {
      margin: 15px auto 0 auto; } }
  .checkout-modal .container .section-content {
    padding: 0; }
  .checkout-modal .container .form-item-contact-information-email,
  .checkout-modal .container .address-line2,
  .checkout-modal .container #edit-payment-information-add-payment-method-billing-information-address-0-address-country-code {
    display: none; }

.ui-dialog .ui-dialog-buttonpane {
  margin: 0;
  padding: 1em;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }

.korpa-modal .ui-dialog-buttonset {
  display: flex;
  justify-content: space-between; }
  .korpa-modal .ui-dialog-buttonset button:first-child {
    order: 1;
    font-weight: 400;
    text-align: center;
    border-radius: 0.25rem;
    background-color: #63aabc;
    padding: 10px 20px;
    float: right;
    color: #fff;
    font-size: 16px;
    margin: 0;
    font-weight: bold; }
    @media screen and (max-width: 424px) {
      .korpa-modal .ui-dialog-buttonset button:first-child {
        padding: 12px 10px;
        line-height: 1; } }
    .korpa-modal .ui-dialog-buttonset button:first-child:hover {
      background-color: #4792a5;
      border-color: #63aabc;
      color: #fff; }
  .korpa-modal .ui-dialog-buttonset button:last-child.back-btn,
  .korpa-modal .ui-dialog-buttonset button:last-child.continue-shop-btn {
    order: 0;
    background-color: transparent;
    border-color: #63aabc;
    color: #63aabc;
    padding: 10px 20px;
    border: 1px solid;
    margin: 0;
    font-weight: bold; }
    .korpa-modal .ui-dialog-buttonset button:last-child.back-btn:hover,
    .korpa-modal .ui-dialog-buttonset button:last-child.continue-shop-btn:hover {
      background-color: #4792a5;
      border-color: #63aabc;
      color: #fff; }
    @media screen and (max-width: 767px) {
      .korpa-modal .ui-dialog-buttonset button:last-child.back-btn,
      .korpa-modal .ui-dialog-buttonset button:last-child.continue-shop-btn {
        font-size: 1.2rem !important;
        padding: 12px;
        line-height: 1;
        height: 36px; } }

.checkout-modal.checkout-info-modal.ui-dialog .ui-dialog-buttonpane {
  display: block !important; }

.user-logged-in .order-modal,
.user-logged-in .korpa-modal {
  top: 146px !important; }

.order-modal table .-kolicina input,
.order-modal table .-slika img,
.korpa-modal table .-kolicina input,
.korpa-modal table .-slika img {
  border-radius: 0.25rem; }
.order-modal table .-kolicina input,
.korpa-modal table .-kolicina input {
  padding: 7px 10px; }
  @media screen and (max-width: 767px) {
    .order-modal table .-kolicina input,
    .korpa-modal table .-kolicina input {
      padding: 6px 8px;
      font-size: 1.2rem; } }
.order-modal .continue-btn,
.order-modal .ui-dialog-buttonset button:last-child,
.korpa-modal .continue-btn,
.korpa-modal .ui-dialog-buttonset button:last-child {
  border-radius: 0.25rem; }
.order-modal .-order-image img,
.korpa-modal .-order-image img {
  border-radius: 0.25em; }
@media only screen and (max-width: 424px) {
  .order-modal .ui-dialog-buttonset button:last-child,
  .korpa-modal .ui-dialog-buttonset button:last-child {
    padding: 12px 10px;
    line-height: 1; } }
.order-modal .layout-region-checkout-secondary .views-field-purchased-entity .order-summary .-order-price,
.order-modal .layout-region-checkout-secondary .views-field-quantity span,
.korpa-modal .layout-region-checkout-secondary .views-field-purchased-entity .order-summary .-order-price,
.korpa-modal .layout-region-checkout-secondary .views-field-quantity span {
  padding: 0.525rem 1.25rem;
  font-size: 15px;
  background: #63aabc;
  color: #fff;
  border-radius: 0.25rem;
  display: inline-flex;
  justify-content: center;
  align-items: center; }
.order-modal .layout-region-checkout-secondary .views-field-quantity,
.korpa-modal .layout-region-checkout-secondary .views-field-quantity {
  padding-bottom: 2px; }
.order-modal .layout-region-checkout-secondary .views-field-purchased-entity .order-summary .-order-price,
.korpa-modal .layout-region-checkout-secondary .views-field-purchased-entity .order-summary .-order-price {
  border-radius: 0.25rem; }

#topnav .navbar-toggle:hover span {
  background-color: #86235A; }
#topnav .menu-item:has(.social-auth-container) {
  position: relative;
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 21px; }
  @media (max-width: 767px) {
    #topnav .menu-item:has(.social-auth-container) {
      padding-left: 50px;
      padding-right: 50px; } }
  @media (max-width: 378px) {
    #topnav .menu-item:has(.social-auth-container) {
      padding-left: 45px;
      padding-right: 45px; } }
#topnav .menu-item .block-container {
  margin: 0px; }
  #topnav .menu-item .block-container .social-auth-container .social-auth-title {
    margin: 0px;
    padding: 0px;
    font-size: 16px; }
    #topnav .menu-item .block-container .social-auth-container .social-auth-title a {
      color: #3d4146;
      font-weight: normal;
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center; }
      #topnav .menu-item .block-container .social-auth-container .social-auth-title a:hover {
        color: #86235A;
        background-color: rgba(0, 0, 0, 0.05); }
  #topnav .menu-item .block-container .social-auth-container .social-login-icons {
    display: inline-block;
    padding-right: 25px; }
    @media (max-width: 767px) {
      #topnav .menu-item .block-container .social-auth-container .social-login-icons {
        padding-right: 10px; } }
    @media (max-width: 460px) {
      #topnav .menu-item .block-container .social-auth-container .social-login-icons {
        display: block;
        padding-left: 10px; } }
    #topnav .menu-item .block-container .social-auth-container .social-login-icons .social-auth.auth-icon {
      margin-right: 0;
      width: 39px !important; }
      @media (max-width: 767px) {
        #topnav .menu-item .block-container .social-auth-container .social-login-icons .social-auth.auth-icon {
          width: 2.3em; } }
      @media (max-width: 460px) {
        #topnav .menu-item .block-container .social-auth-container .social-login-icons .social-auth.auth-icon {
          width: 2.1em; } }

#topnav.scroll .logo {
  padding: 0;
  margin: 0; }
  #topnav.scroll .logo #front-logo {
    height: 50px;
    width: 50px;
    position: relative;
    margin: 8px 6px; }
    @media screen and (max-width: 461px) {
      #topnav.scroll .logo #front-logo {
        margin: 8px 0px;
        margin-left: -8px; } }
    @media screen and (max-width: 410px) {
      #topnav.scroll .logo #front-logo {
        width: 35px;
        margin-top: 15px;
        margin-bottom: 0px; } }
    #topnav.scroll .logo #front-logo .logo-dark {
      max-height: 100%;
      width: auto;
      height: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0 auto; }
  @media (max-width: 767px) {
    #topnav.scroll .logo {
      margin-right: 0; } }
#topnav.scroll .menu-extras .menu-item .cart > a {
  line-height: 65px; }
  @media (max-width: 767px) {
    #topnav.scroll .menu-extras .menu-item .cart > a {
      padding: 0 10px; } }
  @media (max-width: 350px) {
    #topnav.scroll .menu-extras .menu-item .cart > a {
      padding: 0 5px; } }
  #topnav.scroll .menu-extras .menu-item .cart > a:hover {
    color: #86235A;
    text-shadow: 1px 0 0 currentColor;
    text-shadow: 0px 0px 0 currentColor; }

.page-title .title h1.upper {
  color: #60204B;
  margin: 0;
  margin-top: 36px;
  font-family: "Aquarelle";
  text-transform: unset;
  font-size: 90px; }
  @media (max-width: 1199px) {
    .page-title .title h1.upper {
      font-size: 75px; } }
  @media (max-width: 991px) {
    .page-title .title h1.upper {
      font-size: 65px; } }
  @media (max-width: 767px) {
    .page-title .title h1.upper {
      font-size: 55px; } }
  @media (max-width: 540px) {
    .page-title .title h1.upper {
      font-size: 48px;
      letter-spacing: 6px; } }
  @media (max-width: 449px) {
    .page-title .title h1.upper {
      font-size: 45px;
      letter-spacing: 4px; } }
  @media (max-width: 380px) {
    .page-title .title h1.upper {
      font-size: 42px;
      letter-spacing: 3px; } }
  @media (max-width: 350px) {
    .page-title .title h1.upper {
      font-size: 40px;
      letter-spacing: 2px; } }
  @media (max-width: 316px) {
    .page-title .title h1.upper {
      font-size: 37px;
      letter-spacing: 1px; } }
.page-title .title div.subtitle {
  color: #60204B;
  font-size: 20px; }
  @media (max-width: 991px) {
    .page-title .title div.subtitle {
      font-size: 18px; } }
  @media (max-width: 480px) {
    .page-title .title div.subtitle {
      font-size: 16px; } }

#edit-comment-body-0-format {
  display: none; }

.user-logged-in #edit-comment-body-0-format {
  display: block; }

.single-product-body .product-images {
  padding-bottom: 0; }
.single-product-body .proizvodi {
  padding-bottom: 0;
  padding-top: 15px;
  float: right; }
.single-product-body .product-comments {
  padding-top: 0;
  clear: both; }

.proizvod .slika-proizvoda img {
  width: 100%; }
@media (max-width: 1199px) {
  .proizvod .views-field-price span {
    padding: 5px 10px; } }
@media (max-width: 991px) {
  .proizvod .views-field-price span {
    padding: 5px 15px; } }

@media (max-width: 767px) {
  .single-product-body #single-add {
    float: right; }
  .single-product-body #comm-desc {
    margin-top: 50px; }
  .single-product-body h4._bBottom {
    margin-top: 40px; }
  .single-product-body .proizvodi {
    padding-top: 0; }
  .single-product-body .product-comments {
    padding-bottom: 0;
    position: relative;
    top: 50px; }
  .single-product-body #respond {
    top: 15px; }

  .path-taxonomy .parallax-mirror img {
    max-width: unset !important; }

  .role-anonymous .parallax-mirror img,
  .role-anonymous.path-user .parallax-mirror img,
  .path-checkout .parallax-mirror img,
  .path-frontpage .parallax-mirror img,
  .path-blog .parallax-mirror img,
  .path-user .parallax-mirror img,
  .page-node-type-catalog-page .parallax-mirror img,
  .page-node-type-blog-post .parallax-mirror img {
    max-width: none !important; }

  .role-anonymous.path-user .parallax-mirror img,
  .role-authenticated.path-user .parallax-mirror img,
  .role-anonymous.path-contact .parallax-mirror img,
  .role-anonymous.path-blog .parallax-mirror img,
  .role-anonymous.path-taxonomy .parallax-mirror img {
    max-width: 100% !important; } }
.parallax-mirror {
  visibility: visible !important; }

#mailSubscribeForm {
  display: none; }

#edit-field-int-0-value--description {
  padding: 15px 0; }

.path-product #edit-field-int-wrapper {
  display: none; }

.comment .-rated {
  display: none; }

#topnav .menu-item .block-container .social-auth-container .social-login-icons {
  display: none !important; }

.social-login-icons.social-login-page .social-media {
  width: 380px;
  height: 45.7167px !important;
  margin: auto;
  width: 100%;
  margin: 0;
  margin-bottom: 19px; }
  @media (max-width: 400px) {
    .social-login-icons.social-login-page .social-media {
      width: 330px; } }
  .social-login-icons.social-login-page .social-media:last-child {
    margin-bottom: 0; }
  .social-login-icons.social-login-page .social-media .social-auth.auth-icon {
    margin: 0; }
  .social-login-icons.social-login-page .social-media a {
    border-radius: 0.25rem;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    color: white; }
    .social-login-icons.social-login-page .social-media a span {
      font-size: 17px;
      padding: 10px 103px; }
      @media (max-width: 400px) {
        .social-login-icons.social-login-page .social-media a span {
          font-size: 16px;
          padding: 11px 103px; } }
    .social-login-icons.social-login-page .social-media a img {
      border-radius: 4px;
      height: 39px;
      width: 39px;
      margin: 0px;
      padding: 4px 0 0 4px; }
  .social-login-icons.social-login-page .social-media .facebook {
    background: #3b5998; }
    .social-login-icons.social-login-page .social-media .facebook span {
      padding-left: 104px;
      padding-right: 151px; }
      @media (max-width: 400px) {
        .social-login-icons.social-login-page .social-media .facebook span {
          padding-right: 0;
          padding-left: 70px; } }
  .social-login-icons.social-login-page .social-media .google {
    background: #4285f4; }
    .social-login-icons.social-login-page .social-media .google span {
      font-size: 17px;
      padding: 10px 116px;
      padding-left: 110px;
      padding-right: 167px; }
      @media (max-width: 400px) {
        .social-login-icons.social-login-page .social-media .google span {
          font-size: 17px;
          padding: 11px 114px;
          padding-left: 95px;
          padding-right: 132px;
          padding-right: 0;
          padding-left: 70px; } }
  .social-login-icons.social-login-page .social-media .twitter {
    background: #1da1f2; }
    .social-login-icons.social-login-page .social-media .twitter span {
      font-size: 17px;
      padding: 10px 119px;
      padding-right: 169px;
      padding-left: 116px; }
      @media (max-width: 400px) {
        .social-login-icons.social-login-page .social-media .twitter span {
          font-size: 16px;
          padding-left: 97px;
          padding-right: 134px;
          padding-top: 11px;
          padding-bottom: 11px;
          padding-right: 0;
          padding-left: 70px; } }
  .social-login-icons.social-login-page .social-media .social-auth.auth-icon:hover {
    animation-name: none;
    animation-duration: none;
    filter: none; }

.ui-dialog.login-modal .ui-dialog-titlebar {
  font-size: 2.6rem;
  position: absolute;
  right: 0;
  z-index: 100000;
  background: transparent;
  padding: 30px;
  border: none; }
  @media (max-width: 767px) {
    .ui-dialog.login-modal .ui-dialog-titlebar {
      font-size: 2.2rem; } }
@media (max-width: 1199px) {
  .ui-dialog.login-modal {
    width: unset !important; } }
@media (max-width: 400px) {
  .ui-dialog.login-modal {
    width: unset !important; } }
@media (max-width: 1199px) {
  .ui-dialog.login-modal #drupal-modal {
    padding: 0;
    padding-top: 4px; } }
@media (max-width: 1199px) {
  .ui-dialog.login-modal .social-login-icons.social-login-page .social-media {
    margin-bottom: 4px; } }
@media (max-width: 1199px) {
  .ui-dialog.login-modal .social-login-icons.social-login-page .social-media:last-child {
    margin-bottom: 0; } }
.ui-dialog.login-modal .ui-dialog-title {
  display: none; }
.ui-dialog.login-modal .ui-dialog-titlebar-close {
  right: 1.5em; }

.ui-dialog {
  z-index: 999; }

.ui-dialog-titlebar-close {
  background: transparent url("/themes/custom/comets/images/close-btn.png") no-repeat 98% center;
  width: 25px !important;
  height: 26px !important;
  border: none;
  margin: 0 !important;
  padding: 0 !important;
  top: 31% !important; }
  @media (max-width: 767px) {
    .ui-dialog-titlebar-close {
      background-size: 18px 19px !important;
      width: 21px !important;
      height: 22px !important; } }

@media (max-width: 767px) {
  section.checkout-order-page {
    padding: 0;
    overflow: auto;
    max-height: 100vh; } }

.ui-dialog #drupal-modal {
  overflow: auto; }

.checkout-modal .ui-dialog-buttonpane {
  border: 1px solid transparent; }

.ui-dialog.login-modal #drupal-modal {
  overflow: unset; }

.checkout-modal .checkout-order-page {
  padding-bottom: 0 !important;
  padding-top: 0 !important; }

.checkout-modal .ui-front section {
  padding: 0;
  border-bottom: 0; }

.user-logged-in .login-contrainer {
  display: none; }

.path-product .right-section h3.-price {
  font-size: 32px; }
.path-product .single-head .-navcontainer .-navbtn:hover {
  color: #86235A; }

.role-anonymous.path-user .nav-tabs li:nth-of-type(2) {
  display: none; }

.order-total-line__total::before {
  content: "Shipping :";
  font-size: 1.9rem; }
  @media (max-width: 767px) {
    .order-total-line__total::before {
      font-size: 1.8rem !important; } }
  @media (max-width: 460px) {
    .order-total-line__total::before {
      font-size: 1.7rem !important; } }
.order-total-line__total::after {
  content: "FREE";
  font-size: 1.9rem;
  font-weight: 600; }
  @media (max-width: 767px) {
    .order-total-line__total::after {
      font-size: 1.8rem !important; } }
  @media (max-width: 460px) {
    .order-total-line__total::after {
      font-size: 1.7rem !important; } }

.layout-region-checkout-secondary .order-total-line__total::before {
  content: "Shipping :";
  font-size: 1.9rem;
  font-weight: 600; }
  @media (max-width: 767px) {
    .layout-region-checkout-secondary .order-total-line__total::before {
      font-size: 1.8rem !important; } }
  @media (max-width: 460px) {
    .layout-region-checkout-secondary .order-total-line__total::before {
      font-size: 1.7rem !important; } }
.layout-region-checkout-secondary .order-total-line__total::after {
  content: "FREE";
  font-size: 1.9rem;
  font-weight: 600; }
  @media (max-width: 767px) {
    .layout-region-checkout-secondary .order-total-line__total::after {
      font-size: 1.8rem !important; } }
  @media (max-width: 460px) {
    .layout-region-checkout-secondary .order-total-line__total::after {
      font-size: 1.7rem !important; } }

/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
  We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
#mc_embed_signup {
  background: transparent;
  clear: left;
  font: 14px Helvetica, Arial, sans-serif; }
  #mc_embed_signup div#mce-responses {
    margin: 0;
    order: 2; }
  #mc_embed_signup .mc-field-group {
    min-height: unset;
    width: 65%; }
  #mc_embed_signup .clear {
    order: 1;
    width: 30%; }
  #mc_embed_signup div.response {
    margin-top: 0;
    padding-top: 0; }
  #mc_embed_signup .mc-field-group input {
    background-color: transparent;
    padding: 15px 20px;
    border: 1px solid #ccc;
    width: 96%; }
  #mc_embed_signup input:focus {
    border-color: #303960; }
  #mc_embed_signup .button {
    border: 1px solid #303960;
    height: 48px;
    margin: 0;
    border-radius: 0.25rem;
    background: #303960;
    color: white;
    width: 100%; }
    #mc_embed_signup .button:hover {
      background-color: #0082c9; }

.subscribe-title {
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 2px;
  margin-bottom: 20px;
  position: relative; }
  @media (max-width: 421px) {
    .subscribe-title {
      margin-bottom: 5px !important; } }
  @media (max-width: 311px) {
    .subscribe-title {
      line-height: 1.5; } }

.subscribe-form-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end; }
  @media (max-width: 767px) {
    .subscribe-form-body {
      justify-content: start !important;
      flex-wrap: nowrap; } }

#mc_embed_signup div#mce-responses {
  padding: 0 !important; }
#mc_embed_signup .clear {
  width: unset !important;
  margin-top: 46px; }
  @media (max-width: 767px) {
    #mc_embed_signup .clear {
      width: 30% !important; } }
@media (max-width: 1199px) {
  #mc_embed_signup .mc-field-group {
    width: 70% !important; } }
@media (max-width: 767px) {
  #mc_embed_signup .mc-field-group {
    width: 70% !important; } }

@media (max-width: 991px) {
  #footer-widgets .row {
    display: flex; }
    #footer-widgets .row .ov-h {
      width: 40%; }
    #footer-widgets .row .col-sm-6 {
      width: 60%; }
      #footer-widgets .row .col-sm-6 .col-md-12 {
        width: 100%; } }
@media (max-width: 767px) {
  #footer-widgets .row {
    flex-direction: column; }
    #footer-widgets .row .ov-h {
      width: 100%; }
    #footer-widgets .row .col-sm-6 {
      width: 100%; }
      #footer-widgets .row .col-sm-6 .col-md-12 {
        width: 100%; }
    #footer-widgets .row #mc_embed_signup form {
      padding-left: 0; } }
/* css style for forms  */
#login-register-form {
  width: 100%;
  margin: auto; }
  #login-register-form .nav-tabs {
    width: 100%;
    margin-bottom: 0; }
  #login-register-form li a {
    border-radius: .25rem;
    color: white;
    background-color: #303960;
    border: none;
    font-size: 16px;
    text-align: center;
    padding: 10px;
    text-transform: capitalize;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    margin: 0;
    height: 44.2833px;
    line-height: 1.5; }
  #login-register-form li:first-of-type a {
    margin-right: 0;
    border-right: 1px solid white; }
  #login-register-form input.form-control {
    height: 44.3px;
    font-size: 13px;
    padding: 10px;
    text-transform: unset;
    border-radius: 8px;
    color: #8898aa;
    display: block;
    border: 1px solid #cad1d7;
    background-color: #fff; }
  #login-register-form button {
    font-size: 16px;
    height: 42.2833px;
    line-height: unset;
    text-transform: capitalize;
    border: none;
    border-radius: 0.25rem;
    background-color: #63aabc; }
  #login-register-form .btn-primary:focus {
    border: none; }
  #login-register-form .form-group {
    margin-bottom: 10px; }
    #login-register-form .form-group label {
      display: none; }
    #login-register-form .form-group .error {
      color: #f63d27;
      padding: 10px 10px;
      margin: 0;
      padding-top: 10px;
      padding: 10px;
      padding-bottom: 10px;
      padding-bottom: 0;
      font-size: 10px; }
  #login-register-form .btn-wrapper {
    margin-top: 25px; }
  #login-register-form .alert.alert-success {
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    margin-bottom: 22px;
    color: #77b259;
    border-color: #77b259; }
  #login-register-form .login-link-btn.active a,
  #login-register-form .register-link-btn.active a {
    background: #e9e9e9;
    color: #303960;
    text-shadow: 0.5px 0 0 currentColor; }
  #login-register-form .tab-pane.fade.active.in {
    background: #e9e9e9; }

#checkout-login-form .social-login-container .twitter i.ti-twitter-alt::before, #checkout-login-form .social-login-container .twitter .rating-modal .-body .-replace-rate .modal-stars svg.ti-twitter-alt::before, .rating-modal .-body .-replace-rate .modal-stars #checkout-login-form .social-login-container .twitter svg.ti-twitter-alt::before {
  content: "𝕏"; }

.nav-tabs .login-link-btn {
  outline: none;
  color: #bebebe;
  font-size: 13px;
  width: 50%;
  text-align: center;
  border-bottom: 4px solid #f1f1f1;
  background: 0 0;
  float: left; }
.nav-tabs .register-link-btn {
  outline: none;
  color: #bebebe;
  font-size: 13px;
  width: 50%;
  text-align: center;
  border-bottom: 4px solid #f1f1f1;
  background: 0 0;
  float: left; }

.ui-corner-all {
  border-radius: unset; }

.ui-widget.ui-widget-content {
  padding: 0; }

.ui-dialog.login-modal #drupal-modal {
  padding: 0; }

@media (max-width: 1199px) {
  .ui-dialog.login-modal .social-login-icons.social-login-page .social-media {
    margin-bottom: 11px; } }
@media (max-width: 400px) {
  .ui-dialog.login-modal .social-login-icons.social-login-page .social-media {
    width: 280px; } }
form#checkout-login-form,
form#checkout-register-form {
  padding: 12px 10px 12px; }
  form#checkout-login-form .has-error .help-block,
  form#checkout-register-form .has-error .help-block {
    padding: 10px;
    padding-bottom: 0;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0;
    color: #f63d27; }
  form#checkout-login-form .social-login-container .twitter i.ti-twitter-alt::before, form#checkout-login-form .social-login-container .twitter .rating-modal .-body .-replace-rate .modal-stars svg.ti-twitter-alt::before, .rating-modal .-body .-replace-rate .modal-stars form#checkout-login-form .social-login-container .twitter svg.ti-twitter-alt::before,
  form#checkout-register-form .social-login-container .twitter i.ti-twitter-alt::before,
  form#checkout-register-form .social-login-container .twitter .rating-modal .-body .-replace-rate .modal-stars svg.ti-twitter-alt::before,
  .rating-modal .-body .-replace-rate .modal-stars form#checkout-register-form .social-login-container .twitter svg.ti-twitter-alt::before {
    content: "𝕏"; }

form#checkout-register-form .title-modal {
  margin-bottom: 20px; }
form#checkout-register-form .social-container, form#checkout-register-form .span-modal, form#checkout-register-form .mail-group, form#checkout-register-form .pass-group, form#checkout-register-form .passagain-group, form#checkout-register-form .btn-wrapper {
  display: none; }
form#checkout-register-form .mail-group, form#checkout-register-form .pass-group, form#checkout-register-form .passagain-group {
  flex-direction: column; }

.ui-widget.ui-widget-content {
  border-radius: 10px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  border: none; }

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: #faffbd;
  background-image: none;
  color: black; }

.modal-login-header {
  display: none; }

#login-register-form-modal {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  position: relative;
  overflow: hidden;
  width: 750px;
  max-width: 100%;
  min-height: 480px; }
  #login-register-form-modal input.form-control:focus {
    box-shadow: 0 0 8px #c4c6c6; }
  #login-register-form-modal .alert.alert-success {
    margin-top: 60px;
    text-align: center; }
  #login-register-form-modal .alert.alert-danger {
    margin: 0 15px;
    margin-top: 60px;
    text-align: center; }
    @media (max-width: 565px) {
      #login-register-form-modal .alert.alert-danger {
        margin: 0;
        margin-top: 60px; } }

.form-container form {
  background: #fff;
  display: flex;
  flex-direction: column;
  padding: 0 50px;
  height: 100%;
  justify-content: center;
  text-align: center;
  align-items: center; }

.social-container {
  margin: 20px 0; }

.social-container.social-login-container a {
  border: 1px solid #ddd;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  height: 40px;
  width: 40px;
  border-bottom: 1px solid #ddd !important; }

.form-container input {
  background: #eee;
  border: none;
  padding: 12px 15px;
  margin: 8px 0;
  width: 100%;
  height: 40px;
  text-transform: unset;
  width: 284px; }

button {
  border-radius: 0.25rem;
  border: 1px solid #f3f3f3;
  background: #23bebe;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 12px 45px;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: transform 80ms ease-in;
  font-size: 14px !important; }

button:active, button.nice-select.open {
  transform: scale(0.95); }

button:focus {
  outline: none; }

button.ghost {
  background: transparent;
  border-color: #fff;
  height: 41px;
  line-height: 1;
  border-radius: 0.25rem; }

.overlay-right button.ghost:hover {
  background: white;
  color: #eb04d8; }

.overlay-left button.ghost:hover {
  background: white;
  color: #e0787c; }

.si {
  background-color: #eb04d8; }

.su {
  background-color: #ebc90d;
  color: #fff;
  height: 41px;
  font-weight: bold;
  padding: 12px 45px;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: transform 80ms ease-in;
  line-height: 1;
  border: none;
  margin-top: 8px;
  border-radius: 0.25rem; }
  .su:hover, .su:focus, .su:active, .su.nice-select.open {
    background-color: #f8b24f; }

.su.btn-primary:hover, .su.btn-primary:focus, .su.btn-primary:active, .su.btn-primary.nice-select.open {
  background-color: #f8b24f; }

.btn-primary:active, .btn-primary.nice-select.open,
.btn:focus,
.btn:focus:active,
.btn.nice-select.open:focus {
  background-color: #86235A; }

.form-container {
  position: absolute;
  top: 0;
  height: 100%;
  transition: all 0.6s ease-in-out;
  line-height: 1;
  border: none;
  border-radius: 0.25rem; }

.sign-in-container {
  left: 0;
  width: 50%;
  z-index: 2; }

.sign-up-container {
  left: 0;
  width: 50%;
  opacity: 0;
  z-index: 1; }

.overlay-container {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  overflow: hidden;
  transition: transform 0.6s ease-in-out;
  z-index: 100; }

.overlay {
  background: #fff241;
  background: linear-gradient(to right, #ebd511, #d20afa) no-repeat 0 0/cover;
  color: #fff;
  position: relative;
  left: -100%;
  height: 100%;
  width: 200%;
  transform: translateX(0);
  transition: transform 0.6s ease-in-out; }

.overlay-panel {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 40px;
  height: 100%;
  width: 50%;
  text-align: center;
  transform: translateX(0);
  transition: transform 0.6s ease-in-out; }
  .overlay-panel p {
    font-size: 18px;
    font-weight: 100;
    line-height: 20px;
    letter-spacing: 0.5px;
    margin: 20px 0 30px;
    color: white; }

.overlay-right {
  right: 0;
  transform: translateX(0); }

.overlay-left {
  transform: translateX(-20%); }

/* Animation */
/* Move signin to the right */
.container.right-panel-active .sign-in-container {
  transform: translateX(100%); }

/* Move overlay */
.container.right-panel-active .overlay-container {
  transform: translateX(-100%); }

/* Sign up over Sign In */
.container.right-panel-active .sign-up-container {
  transform: translateX(100%);
  opacity: 1;
  z-index: 5; }

/* Overlay Back to right */
.container.right-panel-active .overlay {
  transform: translateX(50%); }

.container.right-panel-active .overlay-left {
  transform: translateX(0); }

.container.right-panel-active .overlay-right {
  transform: translateX(20%); }

.si-btn {
  color: #fff;
  height: 41px;
  font-weight: bold;
  padding: 12px 45px;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: transform 80ms ease-in;
  background-color: #eb04d8;
  font-size: 16px;
  line-height: 1;
  border: none;
  border-radius: 0.25rem; }
  .si-btn:hover {
    color: #fff;
    background-color: #86235A;
    border-color: #86235A; }

.span-modal {
  margin-bottom: 8px; }

.title-modal,
.title-modal-h3 {
  font-weight: bold;
  letter-spacing: 0.8px;
  margin: 0; }

#login-register-form-modal .form-group {
  margin: 0;
  max-width: 284px;
  text-align: start; }
#login-register-form-modal .help-block {
  margin: 0; }

.pass-link-modal .small-link {
  color: #333;
  font-size: 16px;
  letter-spacing: 0.5px;
  text-decoration: none;
  margin: 15px 0;
  display: block;
  text-transform: unset;
  text-transform: uppercase;
  font-size: 12px; }
  .pass-link-modal .small-link:hover {
    color: #86235A; }

form#checkout-login-form .has-error .help-block,
form#checkout-register-form .has-error .help-block {
  width: 284px;
  padding: 10px;
  padding-top: 0;
  font-size: 11px;
  text-transform: unset;
  font-size: 13px;
  text-align: start;
  color: #d45252; }

@media (max-width: 767px) {
  #login-register-form-modal {
    width: 550px; }
    #login-register-form-modal .form-group.mail-group,
    #login-register-form-modal .form-group.pass-group,
    #login-register-form-modal .form-group.passagain-group {
      flex-direction: column;
      justify-content: center; }
    #login-register-form-modal .form-group label {
      width: 200px; }
    #login-register-form-modal .form-group #newmail-error {
      color: #f63d27;
      padding: 10px;
      padding-top: 10px;
      padding-top: 0;
      text-transform: unset;
      font-size: 13px;
      text-align: start;
      padding-left: 0;
      width: 240px;
      padding-left: 10px;
      padding-bottom: 0; }
    #login-register-form-modal .su {
      margin-top: 15px; }

  .form-container input {
    width: 240px; }
  .form-container .social-container.social-login-container a {
    margin: 0 10px; }

  form#checkout-login-form .has-error .help-block,
  form#checkout-register-form .has-error .help-block {
    width: 240px; } }
@media (max-width: 565px) {
  h3 {
    font-size: 24px; }

  .modal-login-header {
    display: block; }
    .modal-login-header .nav-tabs {
      margin-bottom: 0; }

  #login-register-form-modal {
    width: unset;
    min-height: 390px;
    max-height: 420px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none; }

  #login-register-form-modal::-webkit-scrollbar {
    display: none; }

  .sign-up-container {
    position: unset;
    width: 100%; }

  .overlay-container {
    display: none; }

  .sign-in-container {
    width: 100%; }

  .form-container {
    top: 0; }

  .btn-primary:active, .btn-primary.nice-select.open,
  .btn:focus,
  .btn:focus:active,
  .btn.nice-select.open:focus,
  .su,
  .si-btn {
    background: #86235A; }

  .ui-dialog.login-modal #drupal-modal {
    max-height: calc(100vh - 10px) !important; }
  .ui-dialog.login-modal .ui-dialog-titlebar {
    padding: 20px;
    top: 0;
    padding-bottom: 4px; }
    .ui-dialog.login-modal .ui-dialog-titlebar .ui-dialog-titlebar-close {
      right: 13px;
      height: 25px !important; }

  .modal-login-header .nav-tabs > li > a {
    font-size: 14px;
    width: 100%; }
  .modal-login-header .nav-tabs > .login-link-btn.active > a,
  .modal-login-header .login-link-btn.active a {
    border: none;
    border-radius: 0.25rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: transform 80ms ease-in;
    background: #fff;
    border-radius: 10px 0 0 0;
    color: #191b1d;
    height: 41px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: start; }
    .modal-login-header .nav-tabs > .login-link-btn.active > a:focus,
    .modal-login-header .login-link-btn.active a:focus {
      border: none;
      background: #fff;
      color: #191b1d;
      outline: none; }
    .modal-login-header .nav-tabs > .login-link-btn.active > a:hover,
    .modal-login-header .login-link-btn.active a:hover {
      border: none;
      background: #fff;
      color: #191b1d; }
  .modal-login-header .nav-tabs .login-link-btn,
  .modal-login-header .nav-tabs .register-link-btn {
    border: none;
    background-color: #86235A;
    color: #fff;
    border-bottom: 1px solid; }
    .modal-login-header .nav-tabs .login-link-btn a,
    .modal-login-header .nav-tabs .register-link-btn a {
      color: #fff; }
  .modal-login-header .nav-tabs .register-link-btn.active a,
  .modal-login-header .nav-tabs .register-link-btn a {
    width: 68%; }
  .modal-login-header .nav-tabs .register-link-btn {
    border-radius: 0 10px 0 0; }
  .modal-login-header .nav-tabs .login-link-btn {
    border-radius: 10px 0 0 0; }
    .modal-login-header .nav-tabs .login-link-btn a {
      text-align: start;
      padding-left: 21px; }
  .modal-login-header .nav-tabs > .register-link-btn.active > a,
  .modal-login-header .register-link-btn.active {
    border: none;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: transform 80ms ease-in;
    color: #191b1d;
    background: #fff;
    height: 41px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 10px 0 0; }
    .modal-login-header .nav-tabs > .register-link-btn.active > a:focus,
    .modal-login-header .register-link-btn.active:focus {
      border: none;
      background: #fff;
      color: #191b1d;
      outline: none; }
    .modal-login-header .nav-tabs > .register-link-btn.active > a:hover,
    .modal-login-header .register-link-btn.active:hover {
      border: none;
      background: #fff;
      color: #191b1d; }

  .modal-login-header .nav-tabs > .register-link-btn.active > a {
    width: 68%;
    padding-right: 0; }

  .modal-login-header .nav-tabs > .register-link-btn.active {
    justify-content: start; }

  form#checkout-register-form,
  form#checkout-login-form {
    padding: 0;
    margin: 15px; }

  form#checkout-login-form .pass-link-modal .small-link {
    margin-top: 30px;
    margin-bottom: 30px; }

  .su.btn-primary:hover, .su.btn-primary:focus, .su.btn-primary:active, .su.btn-primary.nice-select.open {
    background-color: #86235A; } }
.terms-accept-group {
  width: 284px;
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  @media (max-width: 767px) {
    .terms-accept-group {
      width: 240px; } }
  .terms-accept-group input.form-checkbox {
    width: unset;
    display: inline-block;
    order: 0;
    outline: none;
    margin: 0;
    height: 30px; }
    .terms-accept-group input.form-checkbox:hover {
      box-shadow: none !important; }
  .terms-accept-group label.option {
    display: inline-block;
    order: 1;
    width: 268px;
    padding: 0 5px;
    line-height: 1.5;
    letter-spacing: unset;
    font-size: 12px;
    margin: 0; }
    .terms-accept-group label.option a {
      font-weight: bold; }
    @media (max-width: 767px) {
      .terms-accept-group label.option {
        width: 200px;
        padding-left: 12px; } }

.custom-subscribe-group.form-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%; }
  @media (max-width: 767px) {
    .custom-subscribe-group.form-group {
      width: 240px; } }
  .custom-subscribe-group.form-group .custom-subscribe-to-newsletter {
    width: unset;
    display: inline-block;
    order: 0;
    outline: 0;
    margin: 0;
    height: 30px; }
    .custom-subscribe-group.form-group .custom-subscribe-to-newsletter:hover {
      box-shadow: none !important; }
  .custom-subscribe-group.form-group label.option {
    padding: 0 5px;
    line-height: 1.5;
    letter-spacing: unset;
    font-size: 12px;
    margin: 0; }
    @media (max-width: 565px) {
      .custom-subscribe-group.form-group label.option {
        padding-left: 12px; } }
  .custom-subscribe-group.form-group input[type="checkbox"] {
    /* change "blue" browser chrome to yellow */
    accent-color: #ebc90d; }
    @media (max-width: 565px) {
      .custom-subscribe-group.form-group input[type="checkbox"] {
        accent-color: #86235A; } }

.terms-accept-group.form-group input:hover {
  box-shadow: none !important; }
.terms-accept-group.form-group input[type="checkbox"] {
  /* change "blue" browser chrome to yellow */
  accent-color: #ebc90d; }
  @media (max-width: 565px) {
    .terms-accept-group.form-group input[type="checkbox"] {
      accent-color: #86235A; } }

@media (max-width: 565px) {
  .custom-register-title {
    margin-top: 110px; } }

.form-group label.error {
  width: 100%;
  order: 2;
  color: #f63d27;
  padding: 0 10px;
  text-transform: unset;
  font-size: 13px;
  text-align: start; }

.btn.disabled,
.btn[disabled] {
  background-color: #86235A !important;
  border-color: #86235A !important; }

.contact-message-contact-us-form .form-text,
.contact-message-contact-us-form .form-email,
.contact-message-feedback-form .form-text,
.contact-message-feedback-form .form-email {
  line-height: 1.42857143;
  color: #555;
  display: block;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border: 1px solid #ccc;
  border-top-color: #cccccc;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
  width: 100%;
  padding: 18px 24px;
  height: 55px;
  background-color: transparent;
  font-size: 12px;
  letter-spacing: 1px;
  box-shadow: none;
  border-color: #e7e7e7;
  transition: all 0.15s ease;
  border: 1px solid #cad1d7;
  box-shadow: none;
  padding: 0.625rem 1.75rem;
  display: block;
  line-height: 1.5;
  color: #8898aa;
  background-color: #fff; }
.contact-message-contact-us-form textarea,
.contact-message-feedback-form textarea {
  line-height: 1.42857143;
  color: #555;
  display: block;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border: 1px solid #ccc;
  border-top-color: #cccccc;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
  border-top-color: #cccccc;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
  width: 100%;
  padding: 18px 24px;
  height: 55px;
  background-color: transparent;
  font-size: 12px;
  letter-spacing: 1px;
  border-color: #e7e7e7;
  color: #8898aa;
  background-color: #fff;
  transition: all 0.15s ease;
  border: 1px solid #cad1d7;
  padding: 1.625rem 1.75rem;
  line-height: 1.5; }
.contact-message-contact-us-form .form-actions,
.contact-message-feedback-form .form-actions {
  text-align: center; }
  .contact-message-contact-us-form .form-actions #edit-submit,
  .contact-message-contact-us-form .form-actions .button,
  .contact-message-feedback-form .form-actions #edit-submit,
  .contact-message-feedback-form .form-actions .button {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    padding: 0 28px;
    height: 55px;
    line-height: 53px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight: 400;
    font-family: montserrat, sans-serif;
    color: #fff;
    border-color: #63aabc;
    background-color: #63aabc;
    border-radius: 0.25rem;
    font-weight: bold;
    padding: 0.625rem 1.75rem;
    line-height: 1.5; }
    .contact-message-contact-us-form .form-actions #edit-submit:hover,
    .contact-message-contact-us-form .form-actions .button:hover,
    .contact-message-feedback-form .form-actions #edit-submit:hover,
    .contact-message-feedback-form .form-actions .button:hover {
      background: #fff;
      color: #63aabc; }
.contact-message-contact-us-form > div,
.contact-message-feedback-form > div {
  padding-bottom: 18px; }
.contact-message-contact-us-form label,
.contact-message-feedback-form label {
  padding: 0.625rem 1.75rem;
  font-size: 14px;
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }
.contact-message-contact-us-form .form-item,
.contact-message-feedback-form .form-item {
  display: flex;
  flex-direction: column; }
  .contact-message-contact-us-form .form-item label.error,
  .contact-message-feedback-form .form-item label.error {
    left: unset;
    position: relative;
    width: 100%;
    height: fit-content;
    margin-bottom: 0;
    padding: 6px 6px 0 0; }
.contact-message-contact-us-form textarea.error,
.contact-message-feedback-form textarea.error {
  border: 1px solid #ff0000; }
.contact-message-contact-us-form .captcha legend,
.contact-message-feedback-form .captcha legend {
  font-size: 16px; }
.contact-message-contact-us-form .captcha .captcha__element,
.contact-message-feedback-form .captcha .captcha__element {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .contact-message-contact-us-form .captcha .captcha__element .captcha__image-wrapper,
  .contact-message-feedback-form .captcha .captcha__element .captcha__image-wrapper {
    height: fit-content;
    display: flex;
    flex: unset;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px; }
  .contact-message-contact-us-form .captcha .captcha__element .form-item.js-form-type-textfield,
  .contact-message-feedback-form .captcha .captcha__element .form-item.js-form-type-textfield {
    margin-bottom: 18px; }

.path-contact .contact-content {
  margin-bottom: -80px; }
  @media (max-width: 991px) {
    .path-contact .contact-content {
      padding-bottom: 0px; } }
  .path-contact .contact-content .contact-form .recaptcha-no-badge-message {
    display: none; }
.path-contact #comets-message {
  margin: 0 0 18px 0 !important; }
@media (min-width: 992px) {
  .path-contact .comets-messages.messages--error {
    width: 100% !important;
    height: unset !important; } }
.path-contact .contact-form-title {
  margin-top: 0;
  font-weight: 700;
  font-size: 48px; }
  @media (max-width: 767px) {
    .path-contact .contact-form-title {
      font-size: 40px; } }

.user-logged-in.path-contact #edit-name,
.user-logged-in.path-contact #edit-mail {
  padding: 18px 24px;
  height: 55px;
  background-color: transparent;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  box-shadow: none;
  border: 1px solid #e7e7e7;
  margin-bottom: 20px;
  transition: all 0.15s ease;
  border: 1px solid #cad1d7;
  box-shadow: none;
  padding: 0.625rem 1.75rem;
  display: block;
  line-height: 1.5;
  color: #8898aa;
  background-color: #fff;
  text-transform: unset;
  line-height: 3.3; }
  .user-logged-in.path-contact #edit-name label,
  .user-logged-in.path-contact #edit-mail label {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden; }
  .user-logged-in.path-contact #edit-name:hover,
  .user-logged-in.path-contact #edit-mail:hover {
    box-shadow: 0 0 8px #c4c6c6 !important; }

.contact-form .messages--status {
  background: #77b259;
  font-size: 16px;
  box-shadow: none;
  color: #fff;
  border: 1px solid #77b259; }

.captcha {
  text-align: center; }

.korpa-modal #comets-message {
  display: none; }
.korpa-modal .paypal-buttons-container {
  display: flex;
  justify-content: center; }
.korpa-modal .socio-login-block-wrapper .social-login-container .twitter i.ti-twitter-alt::before, .korpa-modal .socio-login-block-wrapper .social-login-container .twitter .rating-modal .-body .-replace-rate .modal-stars svg.ti-twitter-alt::before, .rating-modal .-body .-replace-rate .modal-stars .korpa-modal .socio-login-block-wrapper .social-login-container .twitter svg.ti-twitter-alt::before {
  content: "𝕏"; }
.korpa-modal .out-of-stock-page {
  color: white;
  padding: 5px 20px 5px 20px;
  margin-bottom: 10px;
  border: 3px solid #c9302c;
  background-color: #d9534f;
  border-radius: 2px; }
  .korpa-modal .out-of-stock-page h1 {
    font-weight: bolder; }
  .korpa-modal .out-of-stock-page p {
    color: rgba(255, 255, 255, 0.8); }
  .korpa-modal .out-of-stock-page ul {
    list-style: none;
    font-weight: bold; }
    .korpa-modal .out-of-stock-page ul li {
      padding-left: 20px;
      position: relative; }
      .korpa-modal .out-of-stock-page ul li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 8px;
        width: 8px;
        height: 8px;
        background-color: white;
        border-radius: 50%; }
.korpa-modal input.out-of-stock-item {
  border: 2px solid #c9302c !important; }

.path-frontpage.role-administrator .parallax-mirror {
  height: calc(100vh - 143px) !important; }
  @media (max-width: 975px) {
    .path-frontpage.role-administrator .parallax-mirror {
      height: calc(100vh - 104px) !important; } }
.path-frontpage.role-administrator .page-title.parallax {
  height: calc(100vh - 143px) !important; }
  @media (max-width: 975px) {
    .path-frontpage.role-administrator .page-title.parallax {
      height: calc(100vh - 104px) !important; } }

.role-administrator #toolbar-bar {
  position: fixed; }

.path-frontpage .empty-search {
  padding: 10px 0;
  text-align: center;
  margin-bottom: 40px;
  color: #60204B;
  font-size: 18px; }
.path-frontpage .frontpage_messages {
  position: absolute;
  top: 66px; }
.path-frontpage .shop-msg {
  display: block; }
  .path-frontpage .shop-msg h4 {
    text-align: center;
    font-weight: bold;
    color: #60204B;
    font-size: 26px;
    margin-top: 20px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    padding-top: 105px;
    padding-bottom: 10px;
    margin: auto;
    font-size: 45px;
    font-weight: bold;
    font-family: "Aquarelle";
    text-transform: unset;
    width: 992px; }
    @media (max-width: 991px) {
      .path-frontpage .shop-msg h4 {
        font-size: 40px;
        padding-right: 15px;
        padding-left: 15px;
        width: 100%; } }
.path-frontpage .image-bg {
  height: calc(100vh - 65px); }
  @media (max-width: 1199px) {
    .path-frontpage .image-bg {
      background-position: center center; } }
.path-frontpage .parallax-overlay {
  background-color: unset;
  padding-bottom: 0; }
  @media (max-width: 991px) {
    .path-frontpage .parallax-overlay {
      padding-top: 0px;
      padding-bottom: 0; } }
.path-frontpage .order-info {
  -webkit-animation: orderfadein 1s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: orderfadein 1s;
  /* Firefox < 16 */
  -ms-animation: orderfadein 1s;
  /* Internet Explorer */
  -o-animation: orderfadein 1s;
  /* Opera < 12.1 */
  animation: orderfadein 1s; }
@keyframes orderfadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.path-frontpage .payment-info {
  -webkit-animation: paymentfadein 1s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: paymentfadein 1s;
  /* Firefox < 16 */
  -ms-animation: paymentfadein 1s;
  /* Internet Explorer */
  -o-animation: paymentfadein 1s;
  /* Opera < 12.1 */
  animation: paymentfadein 1s; }
@keyframes paymentfadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.path-frontpage .parallax-mirror {
  height: calc(100vh - 65px) !important; }
  .path-frontpage .parallax-mirror img {
    max-width: unset !important;
    -webkit-filter: unset !important;
    filter: unset !important; }
.path-frontpage .page-title.parallax {
  height: calc(100vh - 65px) !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 100%;
  /* Set the height to match that of the viewport. */
  /* Remove any browser-default margins. */
  margin: 0;
  top: 65px;
  /* Set the height to match that of the viewport. */
  height: calc(100vh - 65px); }
  .path-frontpage .page-title.parallax .centrize {
    box-shadow: inset 0 -10px 15px -10px gray; }
  .path-frontpage .page-title.parallax h1,
  .path-frontpage .page-title.parallax h2 {
    color: #60204B;
    text-shadow: 0.5px 0 0 currentColor; }
  .path-frontpage .page-title.parallax h1 {
    font-family: "Aquarelle";
    text-transform: unset;
    font-size: 90px; }
    @media (max-width: 1199px) {
      .path-frontpage .page-title.parallax h1 {
        font-size: 75px; } }
    @media (max-width: 991px) {
      .path-frontpage .page-title.parallax h1 {
        font-size: 65px; } }
    @media (max-width: 767px) {
      .path-frontpage .page-title.parallax h1 {
        font-size: 55px; } }
    @media (max-width: 540px) {
      .path-frontpage .page-title.parallax h1 {
        font-size: 48px;
        letter-spacing: 6px; } }
    @media (max-width: 449px) {
      .path-frontpage .page-title.parallax h1 {
        font-size: 45px;
        letter-spacing: 4px; } }
    @media (max-width: 380px) {
      .path-frontpage .page-title.parallax h1 {
        font-size: 42px;
        letter-spacing: 3px; } }
    @media (max-width: 350px) {
      .path-frontpage .page-title.parallax h1 {
        font-size: 40px;
        letter-spacing: 2px; } }
    @media (max-width: 316px) {
      .path-frontpage .page-title.parallax h1 {
        font-size: 37px;
        letter-spacing: 1px; } }
  .path-frontpage .page-title.parallax h2 {
    font-size: 22px; }
    @media (max-width: 991px) {
      .path-frontpage .page-title.parallax h2 {
        font-size: 20px; } }
    @media (max-width: 600px) {
      .path-frontpage .page-title.parallax h2 {
        font-size: 18px; } }
    @media (max-width: 480px) {
      .path-frontpage .page-title.parallax h2 {
        font-size: 16px; } }
.path-frontpage .footer-image {
  height: unset !important;
  margin-top: 65px; }
  .path-frontpage .footer-image .-title {
    padding-top: 10px; }
.path-frontpage .footer-shop-msg {
  width: 440px; }
  @media (max-width: 991px) {
    .path-frontpage .footer-shop-msg {
      width: 100%; } }
.path-frontpage .title.center .red-dot::before {
  color: #60204B; }
.path-frontpage .title.center hr {
  border-top: 1px solid white; }
.path-frontpage .product-section {
  padding: 0;
  padding-top: 15px;
  top: 65px; }
  @media (max-width: 991px) {
    .path-frontpage .product-section {
      padding: 0;
      padding-top: 15px; } }
.path-frontpage .row .hp-col {
  width: 100%; }
  .path-frontpage .row .hp-col .sidebar {
    display: flex; }
    .path-frontpage .row .hp-col .sidebar .widget {
      width: 50%; }
    .path-frontpage .row .hp-col .sidebar .form-checkboxes {
      display: flex;
      flex-wrap: wrap; }
    .path-frontpage .row .hp-col .sidebar .ti-angle-down {
      display: none; }
    @media screen and (max-width: 991px) {
      .path-frontpage .row .hp-col .sidebar {
        padding-bottom: 20px; } }
    .path-frontpage .row .hp-col .sidebar #block-karakteristike-2 .filter_icon,
    .path-frontpage .row .hp-col .sidebar #block-kategorije-2 .filter_icon {
      height: 100%;
      width: auto;
      vertical-align: top;
      float: left;
      height: calc(100% - 6px);
      margin: 3px 6px;
      border-radius: 50%;
      display: none; }
    .path-frontpage .row .hp-col .sidebar #block-karakteristike-2 .form-item,
    .path-frontpage .row .hp-col .sidebar #block-kategorije-2 .form-item {
      height: 30px;
      line-height: 30px;
      text-align: center;
      margin-right: 15px;
      cursor: pointer;
      transition: all 0.3s;
      display: inline-block;
      width: auto;
      font-size: 12px;
      padding: 0;
      border: 1px solid #e1e1e1 !important;
      border-radius: 0.25rem;
      color: #333;
      position: relative;
      display: flex;
      margin-bottom: 8px; }
      .path-frontpage .row .hp-col .sidebar #block-karakteristike-2 .form-item input[type="checkbox"],
      .path-frontpage .row .hp-col .sidebar #block-kategorije-2 .form-item input[type="checkbox"] {
        display: none; }
      .path-frontpage .row .hp-col .sidebar #block-karakteristike-2 .form-item input[type="checkbox"]:checked + label,
      .path-frontpage .row .hp-col .sidebar #block-kategorije-2 .form-item input[type="checkbox"]:checked + label {
        background-color: #86235A;
        color: #fff;
        font-weight: bold; }
      .path-frontpage .row .hp-col .sidebar #block-karakteristike-2 .form-item .option,
      .path-frontpage .row .hp-col .sidebar #block-kategorije-2 .form-item .option {
        width: 100%;
        padding: 0 12px;
        margin: 0;
        transition: background-color 0.4s linear;
        -moz-transition: background-color 0.4s linear;
        -webkit-transition: background-color 0.4s linear;
        -ms-transition: background-color 0.4s linear;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #86235A;
        border-radius: 0.25rem;
        color: #86235A;
        font-weight: bold; }
        .path-frontpage .row .hp-col .sidebar #block-karakteristike-2 .form-item .option:hover,
        .path-frontpage .row .hp-col .sidebar #block-kategorije-2 .form-item .option:hover {
          font-weight: bold;
          background: #86235A;
          color: #fff; }
        .path-frontpage .row .hp-col .sidebar #block-karakteristike-2 .form-item .option .count-products,
        .path-frontpage .row .hp-col .sidebar #block-kategorije-2 .form-item .option .count-products {
          position: absolute;
          padding: 2px 4px 4px;
          color: #333;
          background-color: #86235A;
          color: #fff;
          top: -4px;
          right: -5px;
          display: block;
          font-size: 10px !important;
          line-height: 10px !important;
          font-weight: 400 !important;
          white-space: nowrap;
          height: 15px;
          min-width: 15px;
          -webkit-border-radius: 2em;
          -moz-border-radius: 2em;
          border-radius: 2em;
          text-align: center; }
    .path-frontpage .row .hp-col .sidebar #block-kategorije-2 .form-item .option img {
      display: none; }
    .path-frontpage .row .hp-col .sidebar #block-karakteristike-2 .form-item {
      min-width: 140px; }
      .path-frontpage .row .hp-col .sidebar #block-karakteristike-2 .form-item .option {
        padding: 0;
        border-radius: 0.25rem; }
  .path-frontpage .row .hp-col .proizvod {
    width: 25%; }
    @media (max-width: 991px) {
      .path-frontpage .row .hp-col .proizvod {
        width: 33.33%; } }
    @media (max-width: 767px) {
      .path-frontpage .row .hp-col .proizvod {
        width: 50%; } }
    @media (max-width: 480px) {
      .path-frontpage .row .hp-col .proizvod {
        width: 100%; }
        .path-frontpage .row .hp-col .proizvod .views-field-title a {
          padding-top: 10px;
          font-size: 18px; }
        .path-frontpage .row .hp-col .proizvod .-add-to-cart {
          font-size: 18px; }
        .path-frontpage .row .hp-col .proizvod .views-field-price span {
          padding: 8px 15px; } }
.path-frontpage .row .hp-col.col-md-3 {
  margin-bottom: 40px;
  border-bottom: 1px solid #ddd; }
@media (min-width: 768px) and (max-width: 991px) {
  .path-frontpage .row .hp-col.hidden-sm {
    display: block !important; } }
.path-frontpage .-rating {
  font-size: 0; }
@media (max-width: 991px) {
  .path-frontpage ._fs16 {
    font-size: 13px !important; } }
@media (max-width: 480px) {
  .path-frontpage .-rating {
    font-size: 16px; }
  .path-frontpage ._fs16 {
    font-size: 16px !important; } }

#footer-widgets {
  border: 0;
  box-shadow: unset; }

.path-user .user_link.request {
  margin: 20px 0 10px 0; }
  @media (max-width: 480px) {
    .path-user .user_link.request {
      margin: 30px 0 20px 0; } }
.path-user .image-bg {
  background-position: center center; }
.path-user .page-content-wrapper {
  padding: 0 15px; }
.path-user .page-content-wrapper.user-page {
  border-bottom: 0; }
  .path-user .page-content-wrapper.user-page .current-user-data {
    display: flex; }
    .path-user .page-content-wrapper.user-page .current-user-data .email {
      padding-top: 12px; }
  .path-user .page-content-wrapper.user-page #block-comets-local-tasks {
    display: none; }
  .path-user .page-content-wrapper.user-page label {
    cursor: pointer;
    line-height: 1.1;
    color: inherit;
    padding-bottom: 10px;
    display: table;
    text-transform: uppercase;
    margin-right: 4px;
    font-weight: 600;
    padding: 3px 0 10px;
    margin-bottom: 10px;
    position: relative;
    margin-right: 10px;
    color: #333;
    padding-top: 15px;
    margin-bottom: 0; }
  .path-user .page-content-wrapper.user-page .form-item-user-account-users .option {
    padding-top: 3px; }
  .path-user .page-content-wrapper.user-page .user-form input {
    padding: 18px 24px;
    height: 50px;
    background-color: transparent;
    font-size: 12px;
    letter-spacing: 1px;
    box-shadow: none;
    border-color: #e7e7e7;
    transition: all 0.15s ease;
    border: 1px solid #cad1d7;
    box-shadow: none;
    padding: 0.625rem 1.75rem;
    display: block;
    line-height: 1.5;
    color: #8898aa;
    background-color: #fff;
    width: 585px; }
    .path-user .page-content-wrapper.user-page .user-form input:hover {
      box-shadow: 0 0 8px #c4c6c6; }
    @media (max-width: 767px) {
      .path-user .page-content-wrapper.user-page .user-form input {
        width: 100%; } }
  .path-user .page-content-wrapper.user-page .user-form input[type="submit"] {
    width: 150px;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight: 400;
    color: #fff;
    border-color: #63aabc;
    background-color: #63aabc;
    border-radius: 0.25rem;
    font-weight: 700;
    padding: 0.625rem 1.75rem;
    line-height: 1.5;
    height: 50px; }
    .path-user .page-content-wrapper.user-page .user-form input[type="submit"]:hover {
      color: #63aabc;
      border-color: #63aabc;
      background-color: #fff; }
  .path-user .page-content-wrapper.user-page .user-form .form-actions,
  .path-user .page-content-wrapper.user-page .user-form #edit-field-address-wrapper,
  .path-user .page-content-wrapper.user-page .user-form .password-strength__meter {
    width: 585px; }
  .path-user .page-content-wrapper.user-page .user-form .form-actions {
    text-align: end; }
  .path-user .page-content-wrapper.user-page .user-form .description {
    color: #595e64;
    padding-top: 10px; }
  .path-user .page-content-wrapper.user-page .user-form #edit-field-order-id-wrapper {
    display: none; }
  .path-user .page-content-wrapper.user-page .user-form details {
    margin-bottom: 20px; }
    .path-user .page-content-wrapper.user-page .user-form details select.country,
    .path-user .page-content-wrapper.user-page .user-form details .nice-select {
      margin-bottom: 40px;
      height: 50px;
      border-radius: 0.25rem; }
    .path-user .page-content-wrapper.user-page .user-form details summary {
      margin-bottom: 20px;
      font-weight: 600;
      font-size: 16px;
      text-transform: uppercase;
      border-bottom: 1px solid #cad1d7;
      text-align: center;
      display: none; }
  .path-user .page-content-wrapper.user-page .form-item-field-address-0-address-country-code {
    display: none; }
  .path-user .page-content-wrapper.user-page .form-item-field-subscribe-to-the-newslette-0-value-subscribe.form-item,
  .path-user .page-content-wrapper.user-page .form-item-field-subscribe-to-the-newslette-0-subscribe.form-item {
    display: inline-flex;
    flex-wrap: wrap;
    margin-bottom: 20px; }
    .path-user .page-content-wrapper.user-page .form-item-field-subscribe-to-the-newslette-0-value-subscribe.form-item input,
    .path-user .page-content-wrapper.user-page .form-item-field-subscribe-to-the-newslette-0-subscribe.form-item input {
      width: unset;
      height: unset;
      margin-right: 10px;
      margin-top: 0; }
    .path-user .page-content-wrapper.user-page .form-item-field-subscribe-to-the-newslette-0-value-subscribe.form-item label,
    .path-user .page-content-wrapper.user-page .form-item-field-subscribe-to-the-newslette-0-subscribe.form-item label {
      padding: 0;
      padding-top: 3px; }
  .path-user .page-content-wrapper.user-page #comets-message {
    display: table;
    max-width: 585px; }
  .path-user .page-content-wrapper.user-page label.error {
    color: #d8000c;
    text-transform: inherit; }
  @media (max-width: 767px) {
    .path-user .page-content-wrapper.user-page .address-container-inline .form-item {
      width: 100%; }
    .path-user .page-content-wrapper.user-page .user-form .form-actions {
      width: 100%; }
    .path-user .page-content-wrapper.user-page .user-form #edit-field-address-wrapper,
    .path-user .page-content-wrapper.user-page .user-form .password-strength__meter,
    .path-user .page-content-wrapper.user-page .user-form input {
      width: 100%; } }
  @media (max-width: 480px) {
    .path-user .page-content-wrapper.user-page select.country,
    .path-user .page-content-wrapper.user-page .nice-select {
      width: 100%; } }
.path-user .form-item-current-pass .description {
  max-width: 560px; }
.path-user .js-form-type-email .description {
  max-width: 600px; }
.path-user #edit-google-analytics .form-item-user-account-users {
  display: flex;
  flex-wrap: wrap; }
  .path-user #edit-google-analytics .form-item-user-account-users .form-checkbox {
    width: unset;
    height: unset;
    margin-right: 10px; }
  .path-user #edit-google-analytics .form-item-user-account-users .description {
    width: 100%; }
.path-user h4.label {
  cursor: pointer;
  line-height: 1.1;
  text-transform: uppercase;
  margin-right: 4px;
  padding: 3px 0 10px;
  color: #333;
  font-size: 16px; }
.path-user input[type="checkbox"] {
  /* change "blue" browser chrome to $purple */
  accent-color: #86235A; }

.user-cancel-form .form-actions {
  display: flex;
  flex-wrap: wrap; }
  .user-cancel-form .form-actions .button {
    width: 160px;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight: 400;
    color: #fff;
    border-color: #63aabc;
    background-color: #63aabc;
    border-radius: 0.25rem;
    font-weight: 700;
    line-height: 3.5;
    height: 50px;
    margin-right: 20px;
    margin-top: 20px; }
    .user-cancel-form .form-actions .button:hover {
      border-color: #63aabc;
      background-color: #fff;
      color: #63aabc; }

.logout-menu li:first-child {
  padding-right: 0; }
.logout-menu li:nth-child(2) {
  background: url("/themes/custom/comets/images/icon-user.png");
  background-repeat: no-repeat;
  background-position: center; }
  .logout-menu li:nth-child(2) a {
    color: transparent; }

.social-login-page.login-box {
  display: flex;
  flex-direction: column; }
  .social-login-page.login-box .social-media:first-of-type {
    order: 1; }
  .social-login-page.login-box .social-media:nth-of-type(2) {
    order: 2; }
  .social-login-page.login-box .social-media:nth-of-type(3) {
    order: 3; }
  .social-login-page.login-box #login-register-form {
    order: 0;
    margin: 0 auto 40px; }

.scroll .second-nav .custom-main-menu {
  margin: 0;
  padding: 0;
  display: flex; }
  @media (max-width: 767px) {
    .scroll .second-nav .custom-main-menu {
      flex-direction: column; } }
  .scroll .second-nav .custom-main-menu li {
    padding: 0; }
    .scroll .second-nav .custom-main-menu li a {
      font-size: 18px;
      color: #86235a;
      display: block;
      font-weight: bold;
      margin-bottom: 20px;
      padding: 15px 15px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      margin: 0;
      padding: 3px 10px;
      float: left;
      text-align: center;
      padding: 25px 16px;
      text-decoration: none;
      font-size: 16px;
      line-height: 1;
      outline: none; }
      @media (max-width: 767px) {
        .scroll .second-nav .custom-main-menu li a {
          width: 100%; } }
      .scroll .second-nav .custom-main-menu li a:hover {
        color: #fff; }
      .scroll .second-nav .custom-main-menu li a:focus {
        outline: none; }

@media (min-width: 768px) {
  .radial-out {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition: color 300ms;
    transition: color 300ms;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
    .radial-out:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #86235A;
      border-radius: 100%;
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition: 200ms ease-out;
      transition: 200ms ease-out; }
    .radial-out:hover:before {
      -webkit-transform: scale(2);
      transform: scale(2);
      color: #fff; }

  .is-active.radial-out:before {
    display: none; }

  .scroll .second-nav ul li .is-active.radial-out:hover {
    background-color: #86235A;
    color: #fff !important; } }
@media (min-width: 481px) {
  .radial-out-products {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition: color 300ms;
    transition: color 300ms;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
    .radial-out-products:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #86235a;
      border-radius: 100%;
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition: 300ms ease-out;
      transition: 300ms ease-out; }
    .radial-out-products:hover:before {
      -webkit-transform: scale(2);
      transform: scale(2);
      color: #fff; } }
@media (min-width: 481px) {
  .radial-out-add {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition: color 300ms;
    transition: color 300ms;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); }
    .radial-out-add:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #f9f3ec;
      border-radius: 100%;
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition: 300ms ease-out;
      transition: 300ms ease-out; }
    .radial-out-add:hover:before {
      -webkit-transform: scale(2);
      transform: scale(2);
      color: #fff; } }
@media (max-width: 767px) {
  .shutter-out-horizontal {
    -webkit-transition: color 300ms;
    transition: color 300ms;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale; }
    .shutter-out-horizontal:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #86235a;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transform-origin: 50%;
      transform-origin: 50%;
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition: 300ms ease-out;
      transition: 300ms ease-out; }
    .shutter-out-horizontal:hover:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
      color: #fff; }

  .is-active.shutter-out-horizontal:before {
    display: none; }

  .scroll .second-nav ul li .is-active.shutter-out-horizontal:hover {
    background-color: #86235A; } }
@media (max-width: 480px) {
  .shutter-out-horizontal-products {
    -webkit-transition: color 300ms;
    transition: color 300ms;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale; }
    .shutter-out-horizontal-products:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #86235a;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transform-origin: 50%;
      transform-origin: 50%;
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition: 300ms ease-out;
      transition: 300ms ease-out; }
    .shutter-out-horizontal-products:hover:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
      color: #fff; } }
@media (max-width: 480px) {
  .shutter-out-horizontal-add {
    -webkit-transition: color 300ms;
    transition: color 300ms;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale; }
    .shutter-out-horizontal-add:before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #f9f3ec;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transform-origin: 50%;
      transform-origin: 50%;
      -webkit-transition-property: transform;
      transition-property: transform;
      -webkit-transition: 300ms ease-out;
      transition: 300ms ease-out; }
    .shutter-out-horizontal-add:hover:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
      color: #fff; } }
.page-title.parallax {
  box-shadow: inset 0 -10px 15px -10px gray; }
  .page-title.parallax .v-center .container {
    text-align: center; }
    .page-title.parallax .v-center .container .title.center {
      margin: 0 auto;
      background-color: rgba(255, 255, 255, 0.6);
      border-radius: 5px;
      display: inline-block;
      padding: 0px 70px; }
      @media (max-width: 767px) {
        .page-title.parallax .v-center .container .title.center {
          padding: 0px 20px; } }
      @media (max-width: 480px) {
        .page-title.parallax .v-center .container .title.center {
          padding: 0px 20px; } }

.path-frontpage .page-title.parallax .v-center .container .title.center {
  background-color: unset;
  padding: 0; }

.contact-content,
.taxonomy-content {
  border: 0; }

.image-bg {
  background-size: cover;
  height: 100%; }
  .image-bg img {
    display: none; }

@media (min-width: 250px) {
  .page-node-type-blog-post .page-title .title h1.upper {
    font-size: 38px; } }
@media (min-width: 350px) {
  .page-node-type-blog-post .page-title .title h1.upper {
    font-size: 42px; } }
@media (min-width: 600px) {
  .page-node-type-blog-post .page-title .title h1.upper {
    font-size: 50px; } }
@media (min-width: 992px) {
  .page-node-type-blog-post .page-title .title h1.upper {
    font-size: 60px; } }
@media (min-width: 1200px) {
  .page-node-type-blog-post .page-title .title h1.upper {
    font-size: 70px; } }
.page-node-type-blog-post .comment-forbidden {
  display: none; }
.page-node-type-blog-post #comments > .upper {
  font-size: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #ddd;
  cursor: pointer; }
  .page-node-type-blog-post #comments > .upper .small {
    padding-left: 12px; }
.page-node-type-blog-post .post-single {
  margin-bottom: 20px; }
  .page-node-type-blog-post .post-single .post-body {
    border-bottom: 1px solid #ddd; }
.page-node-type-blog-post .comment-text .upper {
  pointer-events: none; }
.page-node-type-blog-post .slides img {
  border-radius: .25rem; }

.user-logged-in.page-node-type-blog-post .comment-form .filter-wrapper {
  display: none !important; }
.user-logged-in.page-node-type-blog-post .link-wrapper {
  display: none; }

.page-node-type-catalog-page .product-section {
  padding-top: 30px;
  border: 0; }
.page-node-type-catalog-page .row .row-col {
  width: 100%; }
  .page-node-type-catalog-page .row .row-col .sidebar {
    display: flex; }
    .page-node-type-catalog-page .row .row-col .sidebar .widget {
      width: 50%; }
    .page-node-type-catalog-page .row .row-col .sidebar .form-checkboxes {
      display: flex;
      flex-wrap: wrap; }
    .page-node-type-catalog-page .row .row-col .sidebar .ti-angle-down {
      display: none; }
    .page-node-type-catalog-page .row .row-col .sidebar #block-karakteristike-2 .filter_icon,
    .page-node-type-catalog-page .row .row-col .sidebar #block-kategorije-2 .filter_icon {
      height: 100%;
      width: auto;
      vertical-align: top;
      float: left; }
    .page-node-type-catalog-page .row .row-col .sidebar #block-karakteristike-2 .form-item,
    .page-node-type-catalog-page .row .row-col .sidebar #block-kategorije-2 .form-item {
      height: 30px;
      line-height: 30px;
      text-align: center;
      margin-right: 15px;
      cursor: pointer;
      transition: all .3s;
      display: inline-block;
      width: auto;
      font-size: 12px;
      padding: 0;
      border: 1px solid #e1e1e1 !important;
      border-radius: 0.25rem;
      color: #333;
      position: relative;
      display: flex;
      margin-bottom: 8px; }
      .page-node-type-catalog-page .row .row-col .sidebar #block-karakteristike-2 .form-item input[type="checkbox"],
      .page-node-type-catalog-page .row .row-col .sidebar #block-kategorije-2 .form-item input[type="checkbox"] {
        display: none; }
      .page-node-type-catalog-page .row .row-col .sidebar #block-karakteristike-2 .form-item input[type=checkbox]:checked + label,
      .page-node-type-catalog-page .row .row-col .sidebar #block-kategorije-2 .form-item input[type=checkbox]:checked + label {
        color: white;
        background-color: #c2a693; }
      .page-node-type-catalog-page .row .row-col .sidebar #block-karakteristike-2 .form-item .option,
      .page-node-type-catalog-page .row .row-col .sidebar #block-kategorije-2 .form-item .option {
        width: 100%;
        padding: 0 12px;
        margin: 0;
        font-size: 13px;
        transition: background-color 0.4s linear;
        -moz-transition: background-color 0.4s linear;
        -webkit-transition: background-color 0.4s linear;
        -ms-transition: background-color 0.4s linear; }
        .page-node-type-catalog-page .row .row-col .sidebar #block-karakteristike-2 .form-item .option .count-products,
        .page-node-type-catalog-page .row .row-col .sidebar #block-kategorije-2 .form-item .option .count-products {
          position: absolute;
          padding: 2px 4px 4px;
          color: #333;
          background-color: #e1e1e1;
          top: -5px;
          right: -15px;
          display: block;
          font-size: 10px !important;
          line-height: 10px !important;
          font-weight: 400 !important;
          white-space: nowrap;
          height: 15px;
          min-width: 15px;
          -webkit-border-radius: 0.25rem;
          -moz-border-radius: 0.25rem;
          border-radius: 0.25rem;
          text-align: center; }
    .page-node-type-catalog-page .row .row-col .sidebar #block-karakteristike-2 .form-item {
      min-width: 140px; }
      .page-node-type-catalog-page .row .row-col .sidebar #block-karakteristike-2 .form-item .option {
        padding: 0; }
  .page-node-type-catalog-page .row .row-col .proizvod {
    width: 25%; }
    @media (max-width: 991px) {
      .page-node-type-catalog-page .row .row-col .proizvod {
        width: 33.33%; } }
    @media (max-width: 767px) {
      .page-node-type-catalog-page .row .row-col .proizvod {
        width: 50%; } }
    @media (max-width: 480px) {
      .page-node-type-catalog-page .row .row-col .proizvod {
        width: 100%; }
        .page-node-type-catalog-page .row .row-col .proizvod .views-field-title a {
          padding-top: 10px;
          font-size: 18px; }
        .page-node-type-catalog-page .row .row-col .proizvod .-add-to-cart {
          font-size: 18px; }
        .page-node-type-catalog-page .row .row-col .proizvod .views-field-price span {
          padding: 8px 15px; } }
.page-node-type-catalog-page .row .row-col.col-md-3 {
  margin-bottom: 40px;
  border-bottom: 1px solid #e5e5e5; }
@media (max-width: 991px) {
  .page-node-type-catalog-page ._fs16 {
    font-size: 13px !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .page-node-type-catalog-page .row-col.hidden-sm {
    display: block !important; } }
@media (max-width: 480px) {
  .page-node-type-catalog-page ._fs16 {
    font-size: 16px !important; } }

.path-product .top50 {
  padding-top: 65px;
  padding-bottom: 0;
  border: 0;
  margin-bottom: -80px; }
.path-product .product_title_holder {
  border-color: #f0f0f0;
  background-color: #f1f1f1;
  border-color: #f9f3ec;
  background-color: #f9f3ec; }
  .path-product .product_title_holder .inner {
    padding-left: 6%;
    padding-right: 6%;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 100px;
    transition: .8s ease-in-out;
    min-height: 1%;
    text-align: left;
    margin: 0 auto; }
.path-product .product-container {
  margin-top: -50px;
  padding-top: 0px;
  background-color: #fff;
  text-align: left; }
  .path-product .product-container .single-head .-navcontainer {
    float: left;
    padding-top: 24px; }
  .path-product .product-container .-navcontainer.text-right {
    float: right; }
  .path-product .product-container .section-content {
    padding: 0; }
.path-product .single-product-body {
  padding-top: 30px; }
  .path-product .single-product-body ._bBottom {
    border-bottom: 1px solid #ddd !important; }
  .path-product .single-product-body .product-images {
    width: 50%;
    position: relative;
    padding-left: 100px;
    display: flex;
    padding-right: 0;
    padding-top: 0; }
    .path-product .single-product-body .product-images #media {
      order: 1;
      margin-left: 20px; }
    .path-product .single-product-body .product-images .all-images {
      flex-direction: column;
      padding: 0;
      margin: 0;
      list-style: none;
      text-align: center;
      position: absolute;
      top: 0;
      left: 0;
      bottom: auto;
      width: 95px; }
      .path-product .single-product-body .product-images .all-images ._pLeftRight {
        width: 100%;
        height: 100% !important;
        padding: 0 !important;
        margin-bottom: 20px;
        border-bottom: 3px solid transparent; }
        .path-product .single-product-body .product-images .all-images ._pLeftRight:hover {
          border-bottom: 3px solid transparent;
          border-color: #86235A; }
  .path-product .single-product-body .proizvodi {
    float: right;
    width: 50%;
    padding-left: 80px;
    padding-top: 0;
    position: relative; }
.path-product .socio-media-wrapper,
.path-product .product-desc-wrapper {
  margin-bottom: 40px;
  margin-top: 30px; }
.path-product .-rated {
  padding: 0; }
.path-product li.rating {
  border-bottom: 1px solid #ddd !important; }
.path-product .product-comments {
  border-top: 1px solid #ddd !important;
  margin-bottom: 0;
  display: block;
  margin-top: 80px;
  padding: 0; }
@media (max-width: 1199px) {
  .path-product h1 {
    font-size: 32px; } }
@media (max-width: 991px) {
  .path-product h1 {
    font-size: 28px; }
  .path-product .right-section .-count {
    padding: 0; }
    .path-product .right-section .-count p {
      text-align: start; }
  .path-product .single-product-body .product-images {
    padding: 0;
    display: flex;
    flex-direction: column; }
    .path-product .single-product-body .product-images #media {
      margin: 0; }
    .path-product .single-product-body .product-images .all-images {
      order: 1;
      width: 100%;
      position: relative;
      padding-top: 20px !important;
      flex-direction: row;
      text-align: left;
      flex-wrap: wrap; }
      .path-product .single-product-body .product-images .all-images ._pLeftRight {
        margin-right: 20px;
        width: 25% !important;
        height: auto !important; }
        .path-product .single-product-body .product-images .all-images ._pLeftRight:last-child {
          margin-right: 0px; }
  .path-product .product-container .-navcontainer {
    padding-left: 0; }
  .path-product .product-container .-navcontainer.text-right {
    padding-right: 0; } }
@media (max-width: 767px) {
  .path-product .product_title_holder .inner {
    padding-top: 0px; }
  .path-product .product-shop-wrapper {
    display: flex; }
    .path-product .product-shop-wrapper .input-group.quantity-wrapper {
      width: 50%;
      margin: 0; }
      .path-product .product-shop-wrapper .input-group.quantity-wrapper label {
        font-size: 15px; }
    .path-product .product-shop-wrapper #single-add {
      width: 50%;
      margin: 0; }
      .path-product .product-shop-wrapper #single-add #single-added {
        width: 174px;
        float: right; }
  .path-product .single-product-body {
    padding-top: 0; }
    .path-product .single-product-body .product-images {
      width: 100%; }
      .path-product .single-product-body .product-images #media {
        padding: 0; }
    .path-product .single-product-body .proizvodi {
      width: 100%;
      padding: 0; } }
@media (max-width: 480px) {
  .path-product .product-shop-wrapper {
    flex-direction: column; }
    .path-product .product-shop-wrapper .input-group.quantity-wrapper {
      width: 100%;
      margin-bottom: 20px; }
    .path-product .product-shop-wrapper #single-add {
      width: 100%;
      padding-bottom: 0; }
      .path-product .product-shop-wrapper #single-add #single-added {
        width: 100%; }
  .path-product #rating-replace {
    font-size: 14px;
    margin: 0; } }
@media (max-width: 360px) {
  .path-product #rating-replace {
    font-size: 13px; } }

@media (max-width: 767px) {
  #productSection .hidden-xs {
    display: block !important; }
    #productSection .hidden-xs #block-karakteristike-2 .checkblocks .form-item {
      min-width: unset; }
      #productSection .hidden-xs #block-karakteristike-2 .checkblocks .form-item label {
        padding: 0 12px; } }
@media (max-width: 480px) {
  #productSection .hidden-xs .sidebar {
    display: block; }
    #productSection .hidden-xs .sidebar .widget {
      width: 100%; }
  #productSection .col-md-12 {
    width: 85vw !important; } }

div.currency_change {
  display: inline-block;
  margin: 0px;
  line-height: 100%;
  color: #3d4146;
  border-radius: 0px; }
  div.currency_change div#block-comets-currencyblock {
    margin-top: 0; }
  div.currency_change form select {
    padding: 20px;
    border: none;
    background: none;
    background-color: transparent;
    cursor: pointer; }
  div.currency_change:hover {
    background-color: rgba(0, 0, 0, 0.05); }
  div.currency_change.mobile {
    display: none; }
  @media screen and (max-width: 768px) {
    div.currency_change {
      display: none; }
      div.currency_change.mobile {
        position: relative;
        margin: 0px;
        width: 40px;
        display: inline-block; }
        div.currency_change.mobile .block-container,
        div.currency_change.mobile .commerce-currency-resolver-select-form {
          margin: 0px !important;
          padding: 0px;
          width: 100%;
          opacity: 1; }
          div.currency_change.mobile .block-container select,
          div.currency_change.mobile .commerce-currency-resolver-select-form select {
            width: 1px;
            margin: 0px;
            padding: 20px; }
        div.currency_change.mobile #currency_display {
          border: 0px;
          background-color: transparent;
          pointer-events: none;
          color: #3d4146;
          position: absolute;
          top: 21px; } }
  @media screen and (max-width: 410px) {
    div.currency_change.mobile {
      width: 36px; } }

div.cart.inline {
  display: inline-block; }

.commerce-currency-resolver-select-form div {
  position: relative; }
  .commerce-currency-resolver-select-form div select {
    pointer-events: none; }
  .commerce-currency-resolver-select-form div .select-selected {
    background-color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0; }
  .commerce-currency-resolver-select-form div .select-items div,
  .commerce-currency-resolver-select-form div .select-selected {
    color: #3d4146;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: rgba(0, 0, 0, 0.1) transparent transparent transparent;
    cursor: pointer; }
  .commerce-currency-resolver-select-form div .select-items {
    position: absolute;
    background-color: white;
    top: 105%;
    left: -2%;
    right: 0;
    width: 104.5%;
    z-index: 5;
    user-select: none;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
    overflow: hidden; }
  .commerce-currency-resolver-select-form div .select-hide {
    display: none; }
  .commerce-currency-resolver-select-form div .select-items div:hover,
  .commerce-currency-resolver-select-form div .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1); }

.role-authenticated .commerce-currency-resolver-select-form .select-items {
  top: 100%; }

.mobile .commerce-currency-resolver-select-form div select {
  opacity: 0; }
.mobile .commerce-currency-resolver-select-form div .select-items {
  position: absolute;
  background-color: white;
  top: 105%;
  left: -3px;
  right: 0;
  width: 100px;
  z-index: 99; }

div.mailchimp-subscribe-form h6.upper {
  text-align: left;
  margin-left: 61px;
  margin-bottom: 20px; }
  @media screen and (max-width: 1200px) {
    div.mailchimp-subscribe-form h6.upper {
      text-align: left;
      margin-left: 2px; } }
div.mailchimp-subscribe-form form.mailchimp-subscribe-form,
div.mailchimp-subscribe-form form:has(input[value="mailchimp_subscribe_form"]) {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  gap: 10px;
  margin-left: 60px; }
  @media screen and (max-width: 1200px) {
    div.mailchimp-subscribe-form form.mailchimp-subscribe-form,
    div.mailchimp-subscribe-form form:has(input[value="mailchimp_subscribe_form"]) {
      justify-content: flex-start;
      flex-direction: column;
      margin-left: 0px;
      gap: 10px; } }
div.mailchimp-subscribe-form input.mailchimp-subscribe-email {
  border: 1px solid #ccc;
  font: 14px Helvetica, Arial, sans-serif;
  line-height: 18.2px;
  background: #fff;
  border-radius: 0.25rem;
  transition: all 0.15s ease;
  padding: 15px 20px;
  width: 346px;
  margin: 0; }
  @media screen and (max-width: 1200px) {
    div.mailchimp-subscribe-form input.mailchimp-subscribe-email {
      width: 100%;
      margin-right: 0; } }
div.mailchimp-subscribe-form input[type="submit"].mailchimp-subscribe-submit-button {
  border: 1px solid #63aabc;
  width: 110px;
  font-size: 15px;
  height: 52px;
  margin: 0;
  background: #63aabc;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: all 0.15s ease;
  font-weight: bold;
  padding: 0;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0; }
  div.mailchimp-subscribe-form input[type="submit"].mailchimp-subscribe-submit-button:hover {
    background-color: #fff;
    border: 1px solid #63aabc;
    box-shadow: none !important;
    color: #63aabc; }
  @media screen and (max-width: 1200px) {
    div.mailchimp-subscribe-form input[type="submit"].mailchimp-subscribe-submit-button {
      position: relative;
      order: 2; } }
div.mailchimp-subscribe-form label.error {
  font-size: 14px; }
  @media screen and (max-width: 1200px) {
    div.mailchimp-subscribe-form label.error {
      position: relative;
      left: auto; } }
div.mailchimp-subscribe-form .mailchimp-overlay {
  position: absolute;
  top: -5px;
  left: 55px;
  right: -5px;
  bottom: -5px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s ease; }
  @media screen and (max-width: 1200px) {
    div.mailchimp-subscribe-form .mailchimp-overlay {
      left: 0;
      top: -10px;
      bottom: 10px; } }
div.mailchimp-subscribe-form .icon-check {
  position: absolute;
  font-size: 60px;
  color: green;
  opacity: 0;
  transition: opacity 1s ease; }
div.mailchimp-subscribe-form .icon-check.active {
  transition: opacity 0.5s ease;
  opacity: 1; }
div.mailchimp-subscribe-form .mailchimp-overlay.active {
  transition: opacity 0.5s ease;
  opacity: 1;
  pointer-events: auto; }
div.mailchimp-subscribe-form .mailchimp-throbber {
  border: 6px solid rgba(0, 0, 0, 0.1);
  border-top: 6px solid #a113a1;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  animation: spin 1s linear infinite;
  opacity: 0;
  transition: opacity 0.1s ease; }
div.mailchimp-subscribe-form .mailchimp-throbber.active {
  opacity: 1; }
@keyframes spin {
  100% {
    transform: rotate(360deg); } }
div.mailchimp-subscribe-form .g-recaptcha {
  margin-right: 152px;
  order: 10; }
  @media screen and (max-width: 1200px) {
    div.mailchimp-subscribe-form .g-recaptcha {
      margin: 0;
      order: 1; } }
div.mailchimp-subscribe-form #ajax-example-result #comets-message {
  display: none !important; }

@use 'sass:math';
select[style*="opacity: 0"] {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  font-size: 0 !important;
  pointer-events: none !important; }

.nice-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-weight: normal;
  line-height: 36px;
  outline: none;
  padding-top: 2px;
  padding-left: 12px;
  padding-right: 24px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  user-select: none;
  white-space: nowrap; }
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    transform: rotate(-135deg); }
  .nice-select.open .nice-select-dropdown {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .nice-select-dropdown {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .nice-select-dropdown {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .nice-select-dropdown {
    margin-top: 4px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9999;
    opacity: 0; }
  .nice-select .list {
    border-radius: 8px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0;
    max-height: 210px;
    overflow-y: auto; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    outline: none;
    padding-left: 12px;
    padding-right: 23px;
    text-align: left;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f6f6; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }
  .nice-select .extra {
    float: right; }
  .nice-select .optgroup {
    font-weight: bold; }

.no-csspointerevents .nice-select .nice-select-dropdown {
  display: none; }
.no-csspointerevents .nice-select.open .nice-select-dropdown {
  display: block; }

.nice-select .list::-webkit-scrollbar {
  width: 0; }

.nice-select .has-multiple {
  white-space: inherit;
  height: auto;
  padding: 7px 12px;
  min-height: 36px;
  line-height: 22px; }
  .nice-select .has-multiple span.current {
    border: 1px solid #CCC;
    background: #EEE;
    padding: 0 10px;
    border-radius: 3px;
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 3px;
    margin-right: 3px; }
  .nice-select .has-multiple .multiple-options {
    display: block;
    line-height: 24px;
    padding: 0; }
.nice-select .nice-select-search-box {
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
  pointer-events: none;
  border-radius: 5px 5px 0 0; }
.nice-select .nice-select-search {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #e8e8e8 !important;
  border-radius: 8px;
  color: #444;
  display: inline-block;
  vertical-align: middle;
  padding: 7px 12px;
  margin: 0 10px 0 0;
  width: 100%;
  min-height: 36px;
  line-height: 22px;
  height: auto;
  outline: 0 !important;
  font-size: 14px;
  box-shadow: none !important; }

/* ANIMATIONS */
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }
.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg); }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none; }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    -webkit-transform: none;
    transform: none; } }
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } }
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center; }

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 45deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 45deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 45deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 45deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

html, body {
  height: 100%; }

.header-image {
  height: 88% !important; }
  .header-image .-cart {
    left: 20%;
    top: 20%;
    color: #ff0000;
    font-weight: bold; }
  .header-image .-orderinfo {
    width: 20%;
    color: #303960;
    font-weight: bold;
    right: 20%;
    top: 60%; }
  .header-image .-login, .header-image .-order-login .-register, .-order-login .header-image .-register {
    width: 20%;
    color: #fff;
    font-weight: bold;
    right: 20%;
    top: 35%; }
    @media screen and (max-width: 991px) {
      .header-image .-login, .header-image .-order-login .-register, .-order-login .header-image .-register {
        color: #303960; } }
  .header-image .custom-page-title {
    margin: 0;
    padding: 0;
    position: absolute; }
    @media screen and (max-width: 991px) {
      .header-image .custom-page-title {
        background-color: rgba(255, 255, 255, 0.75);
        width: 100%;
        padding: 25px;
        border-radius: 5px;
        left: 0;
        right: 0; } }

.product-section {
  padding-bottom: 40px; }

.footer-image {
  height: 100% !important;
  /* Safari */
  background: url("/sites/default/files/other_page/header.webp") no-repeat center fixed;
  background-size: cover; }

#comment-form {
  margin-left: 1px; }

.cook-bg {
  background-image: url("/themes/custom/comets/images/media/bg.jpg");
  border: 0; }
  .cook-bg .container {
    background: rgba(255, 255, 255, 0.75); }

.small.-carina {
  color: #888;
  font-size: 12px; }
  @media screen and (max-width: 480px) {
    .small.-carina {
      font-size: 11px; } }

#edit-payment-information-billing-information-field-phone-0-value--description {
  color: grey;
  font-size: 12px; }

.-order-login .-login, .-order-login .-register {
  margin-bottom: 25px; }
  .-order-login .-login .form-group label, .-order-login .-register .form-group label {
    text-transform: none;
    padding-top: 10px;
    font-size: 16px;
    font-weight: bold; }
  .-order-login .-login .form-group input, .-order-login .-register .form-group input {
    padding: 10px;
    border: 2px solid #ccc;
    border-radius: 8px;
    max-height: 45px;
    text-transform: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit; }

#topnav {
  z-index: 249; }

#prlx-sources {
  display: none; }

/* CUSTOM START */
input.error, select.error {
  border: 1px solid red !important; }

label.error {
  color: #d45252 !important; }

/* CUSTOM END */
.select-country-shopping-cart {
  margin-top: 15px;
  border: 1px solid #dddddd;
  background-color: lightgray;
  height: 44px;
  width: 100%;
  padding-left: 15px;
  margin-bottom: 10px;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-items: center; }

#edit-actions .edit-user-info-back-btn {
  background-color: #63aabc;
  font-size: 16px;
  padding: 10px 20px;
  margin-bottom: 5px;
  margin: 0;
  line-height: 1.5;
  font-weight: bold;
  color: white;
  outline: none;
  border: none; }

.form-item-payment-information-add-payment-method-billing-information-select-address {
  margin-bottom: 10px; }

.form-item-payment-information-add-payment-method-billing-information-select-address > select,
.form-item-payment-information-billing-information-select-address > select {
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  margin-bottom: 0 !important; }

.form-item-payment-information-add-payment-method-billing-information-address-0-address-administrative-area label,
.form-item-payment-information-billing-information-address-0-address-administrative-area label {
  position: relative; }
.form-item-payment-information-add-payment-method-billing-information-address-0-address-administrative-area label::before,
.form-item-payment-information-billing-information-address-0-address-administrative-area label::before {
  content: '';
  position: absolute;
  top: calc(100% + 12px);
  right: 2px;
  width: 40px;
  height: 40px;
  background-color: #fff;
  z-index: 2;
  pointer-events: none; }

.select-country-shopping-cart,
.form-item-payment-information-add-payment-method-billing-information-select-address > select,
.form-item-payment-information-billing-information-select-address > select,
.form-item-payment-information-add-payment-method-billing-information-address-0-address-administrative-area > label::before,
.form-item-payment-information-billing-information-address-0-address-administrative-area > label::before {
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat; }

.form-textarea {
  resize: none; }

#comets-message {
  display: block !important;
  width: 100%;
  height: max-content;
  color: black; }

/*# sourceMappingURL=sitno-bitno.css.map */