/* -------------------------------------------------------------------------------- /
    [04] WIDGETS AND CUSTOM ELEMENTS  - UPDATED 21.03.2023
/ -------------------------------------------------------------------------------- */
/*** snippets ***/
pre {
   display: block;
   font-family: monospace;
   white-space: pre;
   margin: 0;
}

code {
   font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
   font-size:0.9em;
   display: block;
   overflow: auto;
   white-space: pre;
   border-left: 0px solid #bfbdcc;
   border-radius:4px;
   background: #08090A;
   background-repeat:repeat;
   padding: 3px 5px;
   margin: 0;
   color: #fff;
}

samp {
   font-family: "SF Mono","Segoe UI Mono","Roboto Mono",Menlo,Courier,monospace;
   font-size: 0.9em;
   overflow: auto;
   white-space: pre;
   border: 0px solid #ddd;
   background: #fcf2f2;
   border-radius: .1rem;
   color: #d73e48;
   padding: 4px;
   margin: 5px;
   line-height: 200%;
   display: inline;
}

#cc-inner .cc-m-input-wrapper {
  background: transparent;
}

#cc-inner .cc-m-all-settings .cc-m-input-wrapper {
  background: white!important;
}

#cc-inner .cc-m-form-calendar input,
#cc-inner .cc-m-form-view-sortable__ textarea,
#cc-inner .j-formnew .cc-m-form-view-sortable input.cc-spinner-input {
  border: 2px solid #E8E9E9!important;
  min-height: 40px;
  min-width: 40px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#cc-inner select:not([multiple]) {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #E8E9E9;
  font-family: inherit;
  font-size: 16px;
  height: 40px;
  margin: 0;
  padding: 0 55px 0 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  text-overflow: ellipsis;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
}

#cc-inner select[multiple] {
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: inherit;
  border: 2px solid #E8E9E9;
  font-family: inherit;
  font-size: 16px;
  height: 40px;
  padding: 0px 55px 0px 10px;
  cursor: pointer;
  outline: none;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  #cc-inner select {
     padding: 0!important;
     background-image: none!important;
  }
}

/*** form styles for white bg ***/

.form-white .cc-checkout-user-note-form textarea,
.form-white #cc-checkout-billing-address-form input[type="text"],
.form-white #cc-checkout-shipping-address-form input[type="text"],
.form-white .commententry textarea,
.form-white .commententry input[type="text"],
.form-white .j-formnew .cc-m-form-view-sortable input[type='text'],
.form-white .j-formnew .cc-m-form-view-sortable input[type='email'],
.form-white .j-formnew .cc-m-form-view-sortable textarea,
.form-white .j-newsletterbox input[type='email'],
.cc-pagemode-overlay .form-white #password,
.form-white .newsletterbox input.newsletterInput {
  background-color: #f5f5f5!important;
  margin-bottom: 7px;
  color: #000;
  border: 1px solid #ededed!important;
  padding: 10px 0;
  outline: none;
  width: 99%!important;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/*** form styles for opacity bg ***/

.o-form .cc-checkout-user-note-form textarea,
.o-form #cc-checkout-billing-address-form input[type="text"],
.o-form #cc-checkout-shipping-address-form input[type="text"],
.o-form .commententry textarea,
.o-form .commententry input[type="text"],
.o-form .j-formnew .cc-m-form-view-sortable input[type='text'],
.o-form .j-formnew .cc-m-form-view-sortable input[type='email'],
.o-form .j-formnew .cc-m-form-view-sortable textarea,
.o-form .j-newsletterbox input[type='email'],
.cc-pagemode-overlay .o-form #password,
.o-form .newsletterbox input.newsletterInput {
  background-color: rgba(85, 85, 85, 0.15)!important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
  /* for old IE */
  margin-bottom: 7px;
  color: inherit;
  border: 0px solid #ededed!important;
  border-radius: 0px;
  padding: 10px 0;
  outline: none;
  width: 99%!important;
  -webkit-appearance: none;
  -moz-appearance: none;
}


/*** form styles for dark bg ***/

.form-dark .cc-checkout-user-note-form textarea,
.form-dark #cc-checkout-billing-address-form input[type="text"],
.form-dark #cc-checkout-shipping-address-form input[type="text"],
.form-dark .commententry textarea,
.form-dark .commententry input[type="text"],
.form-dark .j-formnew .cc-m-form-view-sortable input[type='text'],
.form-dark .j-formnew .cc-m-form-view-sortable input[type='email'],
.form-dark .j-formnew .cc-m-form-view-sortable textarea,
.form-dark .j-newsletterbox input[type='email'],
.cc-pagemode-overlay .form-dark #password,
.form-dark .newsletterbox input.newsletterInput {
  background: none;
  background-color: #242424!important;
  margin-bottom: 5px;
  color: #ccc!important;
  border: none;
  padding: 10px 0;
  outline: none;
  width: 99%!important;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/*** line form styles ***/

.form-line .cc-checkout-user-note-form textarea,
.form-line #cc-checkout-billing-address-form input[type="text"],
.form-line #cc-checkout-shipping-address-form input[type="text"],
.form-line .commententry textarea,
.form-line .commententry input[type="text"],
.form-line .j-formnew .cc-m-form-view-sortable input[type='text'],
.form-line .j-formnew .cc-m-form-view-sortable input[type='email'],
.form-line .j-formnew .cc-m-form-view-sortable textarea,
.form-line .j-newsletterbox input[type='email'],
.cc-pagemode-overlay .form-line #password,
.form-line .newsletterbox input.newsletterInput {
  background: none!important;
  color: inherit;
  border: 2px solid #E8E9E9;
  border-radius: 0.3em;
  outline: none;
  padding: 10px 0;
  margin: 5px 0;
  width: 99%!important;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* input button */

#hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard,
#hs-container #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,
#hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,
#hs-container .j-blogarticle .blogreadmore:link,
#hs-container .j-blogarticle .blogreadmore:visited,
#hs-container .j-blogarticle .comment:link,
#hs-container .j-blogarticle .comment:visited,
#hs-container .post .blogreadmore:link,
#hs-container .post .blogreadmore:visited,
#hs-container .post .comment:link,
#hs-container .post .comment:visited,
#hs-container .commententry input[type="submit"],
#hs-container .j-formnew input[type='submit'],
#hs-container .j-downloadDocument .cc-m-download-link,
#hs-container .j-newsletterbox input[type='submit'],
.cc-pagemode-overlay #hs-container input[type="submit"].submitUser,
#hs-container .j-rss br+a[target="_blank"],
#hs-container input#mc-embedded-subscribe.button,
a.j-calltoaction-link.j-calltoaction-link-style-1,
a.j-calltoaction-link.j-calltoaction-link-style-2,
a.j-calltoaction-link.j-calltoaction-link-style-3 {
  background: #404040;
  text-decoration: none;
  display: inline-block;
  letter-spacing: 0;
  clear: both;
  cursor: pointer;
  margin: 0;
  margin-top: 10px;
  color: #fff;
  height: auto;
  letter-spacing: 0;
  text-align:center;
  border: none;
  border-radius: 0px;
  padding: 15px 35px;
  transform: perspective(1px) translateZ(0);
  -webkit-transition: .1s opacity linear;
  -moz-transition: .1s opacity linear;
  -o-transition: .1s opacity linear;
  transition: .1s opacity linear;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
}

#hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,
#hs-container #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:hover,
#hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:hover,
#hs-container .j-blogarticle .blogreadmore:hover:link,
#hs-container .j-blogarticle .blogreadmore:hover:visited,
#hs-container .j-blogarticle .comment:hover:link,
#hs-container .j-blogarticle .comment:hover:visited,
#hs-container .post .blogreadmore:hover:link,
#hs-container .post .blogreadmore:hover:visited,
#hs-container .post .comment:hover:link,
#hs-container .post .comment:hover:visited,
#hs-container .commententry input[type="submit"]:hover,
#hs-container .j-formnew input[type='submit']:hover,
#hs-container .j-downloadDocument .cc-m-download-link:hover,
#hs-container .j-newsletterbox input[type='submit']:hover,
.cc-pagemode-overlay #hs-container input[type="submit"].submitUser:hover,
#hs-container .j-rss br+a[target="_blank"]:hover,
#hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard:active,
#hs-container #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:active,
#hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:active,
#hs-container .j-blogarticle .blogreadmore:active:link,
#hs-container .j-blogarticle .blogreadmore:active:visited,
#hs-container .j-blogarticle .comment:active:link,
#hs-container .j-blogarticle .comment:active:visited,
#hs-container .post .blogreadmore:active:link,
#hs-container .post .blogreadmore:active:visited,
#hs-container .post .comment:active:link,
#hs-container .post .comment:active:visited,
#hs-container .commententry input[type="submit"]:active,
#hs-container .j-formnew input[type='submit']:active,
#hs-container .j-downloadDocument .cc-m-download-link:active,
#hs-container .j-newsletterbox input[type='submit']:active,
#hs-container .cc-pagemode-overlay input[type="submit"].submitUser:active,
#hs-container .j-rss br+a[target="_blank"]:active,
#hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard:focus,
#hs-container #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:focus,
#hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:focus,
#hs-container .j-blogarticle .blogreadmore:focus:link,
#hs-container .j-blogarticle .blogreadmore:focus:visited,
#hs-container .j-blogarticle .comment:focus:link,
#hs-container .j-blogarticle .comment:focus:visited,
#hs-container .post .blogreadmore:focus:link,
#hs-container .post .blogreadmore:focus:visited,
.post .comment:focus:link,
#hs-container .post .comment:focus:visited,
#hs-container .commententry input[type="submit"]:focus,
#hs-container .j-formnew input[type='submit']:focus,
#hs-container .j-downloadDocument .cc-m-download-link:focus,
#hs-container .j-newsletterbox input[type='submit']:focus,
.cc-pagemode-overlay #hs-container input[type="submit"].submitUser:focus,
#hs-container .j-rss br+a[target="_blank"]:focus,
#hs-container input#mc-embedded-subscribe.button:hover,
a.j-calltoaction-link.j-calltoaction-link-style-1:hover,
a.j-calltoaction-link.j-calltoaction-link-style-2:hover,
a.j-calltoaction-link.j-calltoaction-link-style-3:hover {
  border: none;
  color: #fff;
  opacity:.8;
}

/* input button with round style */

#hs-container .round-btn span.comment,
#hs-container .round-btn .j-product .cc-shop-product-desc .cc-shop-addtocard,
#hs-container .round-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,
#hs-container .round-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,
#hs-container .round-btn .j-blogarticle .blogreadmore:link,
#hs-container .round-btn .j-blogarticle .blogreadmore:visited,
#hs-container .round-btn .j-blogarticle .comment:link,
#hs-container .round-btn .j-blogarticle .comment:visited,
#hs-container .round-btn .post .blogreadmore:link,
#hs-container .round-btn .post .blogreadmore:visited,
#hs-container .round-btn .post .comment:link,
#hs-container .round-btn .post .comment:visited,
#hs-container .round-btn .commententry input[type="submit"],
#hs-container .round-btn .j-formnew input[type='submit'],
#hs-container .round-btn .j-downloadDocument .cc-m-download-link,
#hs-container .round-btn .j-newsletterbox input[type='submit'],
.cc-pagemode-overlay #hs-container .round-btn input[type="submit"].submitUser,
#hs-container .round-btn .j-rss br+a[target="_blank"],
#hs-container .round-btn input#mc-embedded-subscribe.button,
#hs-container .round-btn a.j-calltoaction-link.j-calltoaction-link-style-1,
#hs-container .round-btn a.j-calltoaction-link.j-calltoaction-link-style-2,
#hs-container .round-btn a.j-calltoaction-link.j-calltoaction-link-style-3 {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
}

/* input button with mid-round style */

#hs-container .mid-round-btn span.comment,
#hs-container .mid-round-btn .j-product .cc-shop-product-desc .cc-shop-addtocard,
#hs-container .mid-round-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,
#hs-container .mid-round-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,
#hs-container .mid-round-btn .j-blogarticle .blogreadmore:link,
#hs-container .mid-round-btn .j-blogarticle .blogreadmore:visited,
#hs-container .mid-round-btn .j-blogarticle .comment:link,
#hs-container .mid-round-btn .j-blogarticle .comment:visited,
#hs-container .mid-round-btn .post .blogreadmore:link,
#hs-container .mid-round-btn .post .blogreadmore:visited,
#hs-container .mid-round-btn .post .comment:link,
#hs-container .mid-round-btn .post .comment:visited,
#hs-container .mid-round-btn .commententry input[type="submit"],
#hs-container .mid-round-btn .j-formnew input[type='submit'],
#hs-container .mid-round-btn .j-downloadDocument .cc-m-download-link,
#hs-container .mid-round-btn .j-newsletterbox input[type='submit'],
.cc-pagemode-overlay #hs-container .mid-round-btn input[type="submit"].submitUser,
#hs-container .mid-round-btn .j-rss br+a[target="_blank"],
#hs-container .mid-round-btn input#mc-embedded-subscribe.button,
#hs-container .mid-round-btn a.j-calltoaction-link.j-calltoaction-link-style-1,
#hs-container .mid-round-btn a.j-calltoaction-link.j-calltoaction-link-style-2,
#hs-container .mid-round-btn a.j-calltoaction-link.j-calltoaction-link-style-3 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 15px 30px;
}

/* dark outline input button */

#hs-container .dark-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard,
#hs-container .dark-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,
#hs-container .dark-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,
#hs-container .dark-outline-btn .j-blogarticle .blogreadmore:link,
#hs-container .dark-outline-btn .j-blogarticle .blogreadmore:visited,
#hs-container .dark-outline-btn .j-blogarticle .comment:link,
#hs-container .dark-outline-btn .j-blogarticle .comment:visited,
#hs-container .dark-outline-btn .post .blogreadmore:link,
#hs-container .dark-outline-btn .post .blogreadmore:visited,
#hs-container .dark-outline-btn .post .comment:link,
#hs-container .dark-outline-btn .post .comment:visited,
#hs-container .dark-outline-btn .commententry input[type="submit"],
#hs-container .dark-outline-btn .j-formnew input[type='submit'],
#hs-container .dark-outline-btn .j-downloadDocument .cc-m-download-link,
#hs-container .dark-outline-btn .j-newsletterbox input[type='submit'],
.cc-pagemode-overlay #hs-container .dark-outline-btn input[type="submit"].submitUser,
#hs-container .dark-outline-btn .j-rss br+a[target="_blank"],
#hs-container .dark-outline-btn input#mc-embedded-subscribe.button,
#hs-container .dark-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1,
#hs-container .dark-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2,
#hs-container .dark-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3 {
  background: none!important;
  color: #000!important;
  height: auto;
  border: 2px solid #000;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
}

#cc-inner #hs-container .dark-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,
#cc-inner #hs-container .dark-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:hover,
#cc-inner #hs-container .dark-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:hover,
#cc-inner #hs-container .dark-outline-btn .j-blogarticle .blogreadmore:hover:link,
#cc-inner #hs-container .dark-outline-btn .j-blogarticle .blogreadmore:hover:visited,
#cc-inner #hs-container .dark-outline-btn .j-blogarticle .comment:hover:link,
#cc-inner #hs-container .dark-outline-btn .j-blogarticle .comment:hover:visited,
#cc-inner #hs-container .dark-outline-btn .post .blogreadmore:hover:link,
#cc-inner #hs-container .dark-outline-btn .post .blogreadmore:hover:visited,
#cc-inner #hs-container .dark-outline-btn .post .comment:hover:link,
#cc-inner #hs-container .dark-outline-btn .post .comment:hover:visited,
#cc-inner #hs-container .dark-outline-btn .commententry input[type="submit"]:hover,
#cc-inner #hs-container .dark-outline-btn .j-formnew input[type='submit']:hover,
#cc-inner #hs-container .dark-outline-btn .j-downloadDocument .cc-m-download-link:hover,
#cc-inner #hs-container .dark-outline-btn .j-newsletterbox input[type='submit']:hover,
.cc-pagemode-overlay #hs-container .dark-outline-btn input[type="submit"].submitUser:hover,
#cc-inner #hs-container .dark-outline-btn .j-rss br+a[target="_blank"]:hover,
#cc-inner #hs-container .dark-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:active,
#cc-inner #hs-container .dark-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:active,
#cc-inner #hs-container .dark-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:active,
#cc-inner #hs-container .dark-outline-btn .j-blogarticle .blogreadmore:active:link,
#cc-inner #hs-container .dark-outline-btn .j-blogarticle .blogreadmore:active:visited,
#cc-inner #hs-container .dark-outline-btn .j-blogarticle .comment:active:link,
#cc-inner #hs-container .dark-outline-btn .j-blogarticle .comment:active:visited,
#cc-inner #hs-container .dark-outline-btn .post .blogreadmore:active:link,
#cc-inner #hs-container .dark-outline-btn .post .blogreadmore:active:visited,
#cc-inner #hs-container .dark-outline-btn .post .comment:active:link,
#cc-inner #hs-container .dark-outline-btn .post .comment:active:visited,
#cc-inner #hs-container .dark-outline-btn .commententry input[type="submit"]:active,
#cc-inner #hs-container .dark-outline-btn .j-formnew input[type='submit']:active,
#cc-inner #hs-container .dark-outline-btn .j-downloadDocument .cc-m-download-link:active,
#cc-inner #hs-container .dark-outline-btn .j-newsletterbox input[type='submit']:active,
#cc-inner #hs-container .dark-outline-btn .cc-pagemode-overlay input[type="submit"].submitUser:active,
#cc-inner #hs-container .dark-outline-btn .j-rss br+a[target="_blank"]:active,
#cc-inner #hs-container .dark-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:focus,
#cc-inner #hs-container .dark-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:focus,
#cc-inner #hs-container .dark-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:focus,
#cc-inner #hs-container .dark-outline-btn .j-blogarticle .blogreadmore:focus:link,
#cc-inner #hs-container .dark-outline-btn .j-blogarticle .blogreadmore:focus:visited,
#cc-inner #hs-container .dark-outline-btn .j-blogarticle .comment:focus:link,
#cc-inner #hs-container .dark-outline-btn .j-blogarticle .comment:focus:visited,
#cc-inner #hs-container .dark-outline-btn .post .blogreadmore:focus:link,
#cc-inner #hs-container .dark-outline-btn .post .blogreadmore:focus:visited,
.post .comment:focus:link,
#cc-inner #hs-container .dark-outline-btn .post .comment:focus:visited,
#cc-inner #hs-container .dark-outline-btn .commententry input[type="submit"]:focus,
#cc-inner #hs-container .dark-outline-btn .j-formnew input[type='submit']:focus,
#cc-inner #hs-container .dark-outline-btn .j-downloadDocument .cc-m-download-link:focus,
#cc-inner #hs-container .dark-outline-btn .j-newsletterbox input[type='submit']:focus,
#cc-inner .cc-pagemode-overlay #hs-container .dark-outline-btn input[type="submit"].submitUser:focus,
#cc-inner #hs-container .dark-outline-btn .j-rss br+a[target="_blank"]:focus,
#cc-inner #hs-container .dark-outline-btn input#mc-embedded-subscribe.button:hover,
#cc-inner #hs-container .dark-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1:hover,
#cc-inner #hs-container .dark-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2:hover,
#cc-inner #hs-container .dark-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3:hover {
  border: 2px solid #333;
  background: #000!important;
  color: #fff!important;
}

/* white outline input button */

#hs-container .white-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard,
#hs-container .white-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout,
#hs-container .white-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn,
#hs-container .white-outline-btn .j-blogarticle .blogreadmore:link,
#hs-container .white-outline-btn .j-blogarticle .blogreadmore:visited,
#hs-container .white-outline-btn .j-blogarticle .comment:link,
#hs-container .white-outline-btn .j-blogarticle .comment:visited,
#hs-container .white-outline-btn .post .blogreadmore:link,
#hs-container .white-outline-btn .post .blogreadmore:visited,
#hs-container .white-outline-btn .post .comment:link,
#hs-container .white-outline-btn .post .comment:visited,
#hs-container .white-outline-btn .commententry input[type="submit"],
#hs-container .white-outline-btn .j-formnew input[type='submit'],
#hs-container .white-outline-btn .j-downloadDocument .cc-m-download-link,
#hs-container .white-outline-btn .j-newsletterbox input[type='submit'],
.cc-pagemode-overlay #hs-container .white-outline-btn input[type="submit"].submitUser,
#hs-container .white-outline-btn .j-rss br+a[target="_blank"],
#hs-container .white-outline-btn input#mc-embedded-subscribe.button,
#hs-container .white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1,
#hs-container .white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2,
#hs-container .white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3 {
  background: none!important;
  color: #fff;
  height: auto;
  border: 2px solid #fff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
}

#cc-inner #hs-container .white-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:hover,
#cc-inner #hs-container .white-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:hover,
#cc-inner #hs-container .white-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:hover,
#cc-inner #hs-container .white-outline-btn .j-blogarticle .blogreadmore:hover:link,
#cc-inner #hs-container .white-outline-btn .j-blogarticle .blogreadmore:hover:visited,
#cc-inner #hs-container .white-outline-btn .j-blogarticle .comment:hover:link,
#cc-inner #hs-container .white-outline-btn .j-blogarticle .comment:hover:visited,
#cc-inner #hs-container .white-outline-btn .post .blogreadmore:hover:link,
#cc-inner #hs-container .white-outline-btn .post .blogreadmore:hover:visited,
#cc-inner #hs-container .white-outline-btn .post .comment:hover:link,
#cc-inner #hs-container .white-outline-btn .post .comment:hover:visited,
#cc-inner #hs-container .white-outline-btn .commententry input[type="submit"]:hover,
#cc-inner #hs-container .white-outline-btn .j-formnew input[type='submit']:hover,
#cc-inner #hs-container .white-outline-btn .j-downloadDocument .cc-m-download-link:hover,
#cc-inner #hs-container .white-outline-btn .j-newsletterbox input[type='submit']:hover,
.cc-pagemode-overlay #hs-container .white-outline-btn input[type="submit"].submitUser:hover,
#cc-inner #hs-container .white-outline-btn .j-rss br+a[target="_blank"]:hover,
#cc-inner #hs-container .white-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:active,
#cc-inner #hs-container .white-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:active,
#cc-inner #hs-container .white-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:active,
#cc-inner #hs-container .white-outline-btn .j-blogarticle .blogreadmore:active:link,
#cc-inner #hs-container .white-outline-btn .j-blogarticle .blogreadmore:active:visited,
#cc-inner #hs-container .white-outline-btn .j-blogarticle .comment:active:link,
#cc-inner #hs-container .white-outline-btn .j-blogarticle .comment:active:visited,
#cc-inner #hs-container .white-outline-btn .post .blogreadmore:active:link,
#cc-inner #hs-container .white-outline-btn .post .blogreadmore:active:visited,
#cc-inner #hs-container .white-outline-btn .post .comment:active:link,
#cc-inner #hs-container .white-outline-btn .post .comment:active:visited,
#cc-inner #hs-container .white-outline-btn .commententry input[type="submit"]:active,
#cc-inner #hs-container .white-outline-btn .j-formnew input[type='submit']:active,
#cc-inner #hs-container .white-outline-btn .j-downloadDocument .cc-m-download-link:active,
#cc-inner #hs-container .white-outline-btn .j-newsletterbox input[type='submit']:active,
#cc-inner #hs-container .white-outline-btn .cc-pagemode-overlay input[type="submit"].submitUser:active,
#cc-inner #hs-container .white-outline-btn .j-rss br+a[target="_blank"]:active,
#cc-inner #hs-container .white-outline-btn .j-product .cc-shop-product-desc .cc-shop-addtocard:focus,
#cc-inner #hs-container .white-outline-btn #cc-sidecart .cc-sidecart-footer .cc-sidecart-checkout:focus,
#cc-inner #hs-container .white-outline-btn #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-btn:focus,
#cc-inner #hs-container .white-outline-btn .j-blogarticle .blogreadmore:focus:link,
#cc-inner #hs-container .white-outline-btn .j-blogarticle .blogreadmore:focus:visited,
#cc-inner #hs-container .white-outline-btn .j-blogarticle .comment:focus:link,
#cc-inner #hs-container .white-outline-btn .j-blogarticle .comment:focus:visited,
#cc-inner #hs-container .white-outline-btn .post .blogreadmore:focus:link,
#cc-inner #hs-container .white-outline-btn .post .blogreadmore:focus:visited,
.post .comment:focus:link,
#cc-inner #hs-container .white-outline-btn .post .comment:focus:visited,
#cc-inner #hs-container .white-outline-btn .commententry input[type="submit"]:focus,
#cc-inner #hs-container .white-outline-btn .j-formnew input[type='submit']:focus,
#cc-inner #hs-container .white-outline-btn .j-downloadDocument .cc-m-download-link:focus,
#cc-inner #hs-container .white-outline-btn .j-newsletterbox input[type='submit']:focus,
.cc-pagemode-overlay #hs-container .white-outline-btn input[type="submit"].submitUser:focus,
#cc-inner #hs-container .white-outline-btn .j-rss br+a[target="_blank"]:focus,
#cc-inner #hs-container .white-outline-btn input#mc-embedded-subscribe.button:hover,
#cc-inner #hs-container .white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-1:hover,
#cc-inner #hs-container .white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-2:hover,
#cc-inner #hs-container .white-outline-btn a.j-calltoaction-link.j-calltoaction-link-style-3:hover {
  border: 2px solid #fff;
  background: #fff!important;
  color: #000!important;
  opacity:1;
}

.cc-pagemode-overlay #hs-container input[type="submit"].submitUser,
.cc-pagemode-overlay #hs-container input[type="submit"].submitUser:hover {
  color: #fff!important;
}

/* rss button */

#hs-container .j-rss br+a[target="_blank"],
.hs-footer .j-rss br+a[target="_blank"] {
  background: #404040;
  border: none;
  cursor: pointer;
  text-decoration: none;
  clear: both;
  display: inline-block;
  margin: 0;
  margin-top: 10px;
  color: #fff;
  height: auto;
  padding: 10px 10px;
  -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

/***  awesome buttons ***/
.hs-button {
  display: inline-block;
  background: #404040;
  border: none;
  cursor: pointer;
  text-decoration: none;
  clear: both;
  margin: 1px;
  color: #fff!important;
  letter-spacing: 0;
  font-weight: normal;
  padding: 15px 30px;
  border: 2px solid transparent;
  border-radius: 0;
  text-shadow: none;
  text-align:center;
  transform: perspective(1px) translateZ(0);
  -webkit-transition: .1s opacity linear;
  -moz-transition: .1s opacity linear;
  -o-transition: .1s opacity linear;
  transition: .1s opacity linear;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.bg-round,
.round {
  padding: 15px 45px;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
}

.mid-round {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: inherit;
}

.flat {
  -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
}

.hs-button:hover,
.brand-bg .hs-button:hover {
  color: #fff;
  opacity:.8;
}

/* ghost white button */

#hs-container .ghost-white {
  border: 2px solid #fff;
  color: #fff;
  background: transparent;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
}

#cc-inner #hs-container .global-colors .ghost-white:hover,
#cc-inner #hs-container .global-colors .j-module .ghost-white:hover {
  background: #fff!important;
  color: #666!important;
  border: 2px solid transparent!important;
  opacity:1;
}

/* ghost dark button */

#hs-container .ghost-dark {
  border: 2px solid #111;
  color: #111!important;
  background: transparent;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
}

#hs-container .ghost-dark:hover,
#cc-inner #hs-container .global-colors .j-module .ghost-dark:hover {
  background: #111!important;
  color: #fff!important;
  border: 2px solid transparent!important;
  opacity:1;
}

#cc-inner #hs-container a.hs-button.bg-white{
  color:#000!important;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
}

#cc-inner #hs-container a.hs-button.bg-white:hover{
  color: #000!important;
}

#hs-container .commententry input[type="submit"],#cc-inner #hs-container a.cc-shop-addtocard {
   -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
}

#cc-inner #hs-container a.cc-shop-addtocard:hover {
   opacity:1;
}

#hs-container .ghost-white.mid-round-border,
#hs-container .ghost-dark.mid-round-border {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#hs-container .extra-small-btn {
  padding: 5px 10px;
  font-size: 90%;
}

#hs-container .small-btn {
  padding: 12px 25px;
  font-size: 90%;
}

#hs-container .large-btn {
  padding: 15px 55px;
}

.fullwidth-btn {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 12px 0!important;
}

.is-outlined {
  position: relative;
}

.ghost-dark.is-outlined::after,
.ghost-white.is-outlined::after {
  content: "";
  width: calc(100%);
  height: 100%;
  left: 5px;
  right: 0px;
  margin: auto;
  top: -8px;
  position: absolute;
  border: 2px solid #111;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  pointer-events: none;
}

.ghost-white.is-outlined::after {
  border: 2px solid #fff;
}

#hs-container .has-dark-link:not(a.ghost-white.has-dark-link),
#hs-container .has-dark-link a {
  color: #111!important;
}

#cc-inner #hs-container .has-dark-link:hover,
#hs-container .brand-bg .has-dark-link:hover,
#hs-container .has-dark-link a:hover,
#hs-container .brand-bg .has-dark-link a:hover {
  color: inherit;
}

@media only screen and (min-width: 290px) and (max-width: 745px) {
  .mobile-overlay {
     opacity: 0.6!important;
     width: 100%!important;
  }
}

/*** form note ***/

#hs-container .cc-m-form-note {
  padding: 3px 0;
  margin-top: 10px;
  font-size: 13px;
  background: none;
}

#hs-container .cc-m-form-note {
  border-top: 1px solid rgba(85, 85, 85, 0.15);
}

.cc-pagemode-overlay #hs-container input.submitUser {
  margin-bottom: 10px;
}

.inner dt#mandFields-label {
  margin-top: 15px;
}

/*** responsive video ***/

#hs-container .cc-m-video-wrapper {
  width: 100%!important;
}

.hide-video #video-wrapper {
  display: none;
}

/* custom blog */

@media only screen and (min-width: 746px) {
  .cc-page-blog .has-custom-blog .hs-content .gutter,
  .has-custom-blog .hs-content .gutter .j-blogarticle {
     padding: 25px 100px 0 100px;
  }
  .matrix-grid .j-blogarticle {
     padding: 0!important;
  }
}

#cc-inner a#load-more-blog-posts {
  margin-bottom: 20px;
}

/* styles for tags */

span.j-text.j-blog-post--date,
#cc-inner .datetime-inner {
  font-size: 12px;
}

#hs-container span.j-blog-post--tags--template {
  display: none;
}

#hs-container .j-blog-post--tags-wrapper {
  padding: 5px 0;
  margin-bottom: 5px;
  font-size: 90%;
}

#hs-container .j-blog-page--post-cta .j-calltoaction-link {
  padding: 7px 15px;
  margin-bottom: 20px;
}

#hs-container a.j-blog-page--pagination--page {
  padding: 2px 7px;
  border-radius: 0!important;
}

#hs-container a.j-blog-post--tag {
  position: relative;
  display: inline-block;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

#hs-container ul.j-blog-page--pagination.j-callToAction {
  margin-left: 0;
  padding: 0;
  float: left;
}

#hs-container .j-blogSelection,
.matrix #hs-container .j-blogSelection {
  display: block;
}

#hs-container .datetime p {
  padding: 5px 0;
  text-align: left;
  display: inline-block;
}

/* default blog date icon */

#hs-container .datetime-inner {
  background-color: rgba(85, 85, 85, 0.0);
  padding: 0px;
  display: inline-block;
}

#hs-container .datetime p.yr,
#hs-container .datetime p.day,
#hs-container .datetime p.mon {
  display: inline-block;
  color: inherit!important;
  font-size: 12px!important;
}

#hs-container .datetime p.day:after {
  background-color: transparent;
}

#hs-container .datetime {
  margin: 0px;
  min-height: 0;
  background-color: transparent;
  overflow: hidden;
  border-radius: 0px;
  box-shadow: none;
  width: 100%;
}

/* blogreadmore link */

#cc-inner #hs-container span.comment {
  border: solid 0px transparent;
}

#hs-container .j-blogarticle .blogreadmore:link,
#hs-container span.comment {
  float: right;
  padding: 9px 10px!important;
  margin-top: 0!important;
  border-radius: 0.2em!important;
}

span.comment a {
  color: inherit!important;
}

/* metatag */

p.postmeta {
  display: none;
}

/* comment link */

#hs-container span.comment {
  margin: 0 5px;
  padding: 5px 10px;
  /* use 6px 10px for non outlined default btn */
  background-color: rgba(85, 85, 85, 0.15);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
  /* for old IE */
  background-image: none;
}

#hs-container span.comment a:hover {
  color: #000;
}

.no-comment-page #hs-container span.comment {
  display: none;
}

#hs-container ul.com-list-noava li {
  border-top: 1px solid transparent;
  background: transparent;
  padding: 10px;
  margin: 2px 0;
}

#hs-container .j-comment {
  margin: -5px -500%;
  padding: 1.5em 500%;
  background: transparent;
}

#hs-container a.cc-pinterest-link {
  float: left;
}

/*** Jimdo online store ***/

.j-shop-addtocard-response--actions,
.j-shop-addtocard-response--item,
.j-shop-addtocard-response--message {
  width: 100%!important;
  display: block!important;
}


#cc-inner #hs-container div.cc-m-all.cc-m-product .cc-m-product-variants.cc-m-product-has-variants td.editable:not(.editing) label .cc-m-input-wrapper input,
#cc-inner #hs-container div.cc-m-all.cc-m-product .cc-m-product-variants.cc-m-product-has-variants td.editable:not(.editing) label .cc-m-input-wrapper span {
  color: inherit!important;
}

#hs-container .cc-m-hgrid-column .cc-shop-addtocard {
  width: 100%;
  box-sizing: border-box;
}

/* 01-shopping cart */

.no-shopping-cart .j-cart.is-empty,
.no-icon .j-cart.is-empty {
  display: none!important;
}

.sc-wrapper {
  padding: 0;
}

.j-cart {
  display: flex!important;
  position: inherit!important;
  top: 0!important;
  right: 0!important;
  line-height: 2.2em!important;
  overflow: hidden!important;
}

/* position in responsive design */

@media only screen and (max-width: 1023px) {
  .j-cart {
     margin-top: 40px!important;
  }
  .sc-wrapper {
     margin-right: -5px;
  }
}

.j-cart-icon-wrapper {
  position: relative!important;
}

.j-cart-icon {
  padding: 4px 6px !important;
  background-color: rgba(52, 52, 52, 0.2)!important;
  border-radius: 2px!important;
}

#hs-container .j-cart-icon::before,
#hs-container .j-cart-icon:before {
  left: 0px!important;
  font-size: 22px!important;
}

a.j-shop-addtocard-response--backward.is-close {
  margin-bottom: 5px!important;
}

.no-icon .j-cart.is-empty,
.no-shopping-cart .has-shop {
  display: none!important;
}

span.j-cart-item-amount {
  position: absolute;
  top: 0;
  right: 0;
}

.j-cart.has-products .j-cart-icon::before,
.j-cart.has-products .j-cart-icon:before {
  margin-right: .6em!important;
}

.j-cart--hover-popup {
  position: absolute!important;
  right: 0!important;
  top: 100%!important;
  margin-top: 0!important;
  min-width: 150px;
}

/* 02-store items styles */

.has-custom-store .hproduct,
.has-custom-store .bg-grey-inner,
.has-custom-store .cc-shop-product-desc_,
.has-custom-store .hlisting {
  background-color: rgba(85, 85, 85, 0.11);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
  /* for old IE */
}

.has-custom-store .cc-shop-product-desc {
  padding: 5px;
}

.has-custom-store .cc-shop-product-img {
  padding: 10px;
}

#hs-container .hproduct {
  border: 0px solid #ededed;
  padding: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.bg-grey-inner {
  padding: 5px 0;
}

#hs-container .j-module .n.j-product {
  padding: 5px;
}

/* hide small image in hproduct in order to use columns */

#hs-container .hproduct .cc-shop-product-size-1 .cc-shop-product-img {
  display: none;
}

.cc-shop-product-desc {
  padding: 0px;
}

.cc-shop-product-img {
  padding: 0px;
}

/* responsive design */

@media only screen and (max-width: 745px) {
  #hs-container .cc-shop-product-img {
     padding: 0;
  }
}

#hs-container .cc-m-hgrid-column div.cc-shop-product-img {
  max-width: 100%;
}

#hs-container .cc-m-hgrid-column .cc-shop-product-img {
  padding: 0;
}

#hs-container .cc-m-hgrid-column div.cc-shop-product-size-1 div.cc-shop-product-desc,
#hs-container .cc-m-hgrid-column div.cc-shop-product-size-2 div.cc-shop-product-desc,
#hs-container .cc-m-hgrid-column div.cc-shop-product-size-3 div.cc-shop-product-desc {
  margin-left: 0px;
  clear: both;
  padding-top: 10px;
}

#hs-container .cc-m-hgrid-column .hproduct {
  margin-top: 0px;
  background: none;
}

#hs-container .j-product {
  padding: 30px 0;
}

/*** store item elements */

#hs-container span.fn {
  font-size: 130%;
  font-weight: normal;
  margin-top: 10px;
}

#hs-container .cc-catalog-container-new .cc-product-title {
  font-weight: normal;
  margin-top: 5px;
}

#hs-container .cc-catalog-wrapper span a {
  font-size: 16px;
  line-height: 20px;
}

#hs-container .j-product .cc-shop-product-desc h4 {
  font-weight: 400;
}

#hs-container .j-product .cc-shop-product-desc .cc-shop-product-price-container {
  margin: 15px 0;
}

#hs-container .j-product .cc-shop-product-desc .cc-shop-product-price-item {
  display: inline;
  padding-right: 15px;
}

#hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard {
  border: 0;
}

#hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard:before {
  display: none;
}

#hs-container .j-product .cc-shop-product-desc .cc-shop-addtocard span {
  text-shadow: none;
}

#hs-container .j-product .cc-shop-product-desc .cc-product-infolink a:link,
#hs-container .j-product .cc-shop-product-desc .cc-product-infolink a:visited {
  font-size: 85%;
}

#hs-container .j-product .cc-shop-product-availability {
  padding: 0;
  margin-top: 25px;
}

#hs-container .cc-catalog-container-new .cc-catalog-galleryview.cc-catalog-st-1 .cc-webview-product-price {
  text-align: center;
}

#hs-container .cc-catalog-container-new .cc-catalog-galleryview.cc-catalog-st-2 .cc-webview-product-price,
#hs-container .cc-catalog-container-new .cc-catalog-galleryview.cc-catalog-st-3 .cc-webview-product-price,
#hs-container .cc-catalog-container-new .cc-catalog-sliderview.cc-catalog-st-2 .cc-webview-product-price,
#hs-container .cc-catalog-container-new .cc-catalog-sliderview.cc-catalog-st-3 .cc-webview-product-price {
  bottom: 0;
  left: 0;
}

#hs-container .cc-catalog-container-new .cc-catalog-sliderview {
  width: 100%!important;
}

/* 03-checkout process */
#cc-inner #cc-checkout {
  overflow: scroll;
}

#hs-container #cc-checkout-wrapper {
  padding:15px;
  border-radius:5px;
  background: #fff!important;
}

#hs-container .cc-checkout-overview .cc-checkout-fullshopingcart-wrapper {
   padding: 10px 0;
   background: transparent;
}

#hs-container #cc-checkout-progress-4 {
  width:100%;
  text-align:center;
  margin:0 auto;
  float:none;
  color: #fff!important;
}

#hs-container #cc-checkout-gutter {
  padding:20px 0;
}

#hs-container div.cc-checkout-subheadings {
   border-bottom: 0px solid  #fff!important;
}


#hs-container table.cc-checkout-products th {
   border: 1px solid #f0f0f0;
   text-align: left!important;
   background: #fff;
   color: #000!important;
   font-size:16px;
   font-weight:normal;
}
#hs-container table.cc-checkout-products td {
   padding: 5px;
   border: 1px solid #f0f0f0;
   vertical-align: top;
   color: #222!important;
}

a.cc-quantity-delete-link {
  background:red;
  padding:2px;
  border-radius:2px;
}

#hs-container table.cc-checkout-products td.cc-checkout-number {

}

#hs-container input.cc-checkout-btn {
  float:left;
  font-weight: normal;
  background: #111;
  color: #fff;
}

#hs-container a.cc-shop-addtocard,#hs-container  a.cc-shop-addtocard:visited,#hs-container  a.cc-sidecart-checkout,#hs-container a.cc-sidecart-checkout:visited,#hs-container input.cc-checkout-btn {
   text-shadow:none;
   -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
   border-radius: 0px;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
}

#hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-products .cc-checkout-total {
   border: 0px solid  #ccc;
   font-weight:700;
}

#hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-products .cc-checkout-hint {
   font-style:italic;
   font-size:90%;
   border: none;
}

#hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-products img {
   float:left;
   margin:5px 0px;
}

#hs-container #cc-checkout-wrapper #cc-checkout-gutter .cc-checkout-paymentoption {
   padding:0;
   list-style:none
}

table.cc-checkout-products td {color:#fff!important;}

@media only screen and (max-width: 745px) {
.cc-checkout-progress-element a,.cc-checkout-progress-element {
  font-size:13px!important;
}

#cc-checkout-gutter {
  margin-left: -5px!important;
 }
}

/*** tagcloud ***/

ul.m-tag {
  list-style: none;
  margin: 0!important;
  padding: 0!important;
}

ul.m-tag li {
  right: 0!important;
  margin: 0px;
  display: inline-block;
}

#cc-inner ul.m-tag li {
  padding: 5px 7px;
  margin: 1px;
  border: 1px solid;
  border-radius: 0.3em;
  font-size: 80%;
  line-height: 1.5;
  white-space: nowrap;
}

#cc-inner ul.m-tag li a {
  color: inherit;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

ul.m-tag li a:hover {
  opacity: 0.6;
}

.tagcloud a {
  display: inline-block;
  padding: 2px 7px;
  margin: 2px 0;
  border: 1px solid;
  border-radius: 4px;
  font-size: 80%;
  color: inherit!important;
  opacity: 0.8;
  text-decoration: none !important;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.tagcloud.is-darken a {
  background-color: rgba(198, 201, 208, 0.11);
}

.tagcloud.bg-round a {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
}

.tagcloud.mid-round a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.tagcloud a:hover,
.tagcloud a:hover,
.has-border a:hover,
.has-border-white a:hover {
  opacity: 1;
}

/*** Content & quote teaser ***/

.content-teaser,
.quote-teaser {
  width: auto;
  padding: 20px;
  background: #E8E9E9;
  background-repeat: repeat;
  border-radius: 0.5em;
}

.content-teaser .hs-left {
  padding: 0 10px 10px 0;
}

blockquote p,
blockquote span {
  font-family: Georgia, Times, serif;
  font-style: italic;
  line-height: 120%;
}

blockquote cite {
  font-style: normal;
  display: block;
  font-size: 10px;
  font-weight: 700;
  color: inherit;
  letter-spacing: 1px;
}

/*** fullwidth section ***/

.hs-fullwidth {
  margin: -5px -500%;
  padding: 1.5em 500%;
}

.custom-image {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
}

/*** matrix ultimate parallax ***/

.bg-holder {
  width: 100%;
  height: 100%;
}

.bg-section {
  background-attachment: fixed!important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

@media only screen and (max-width: 745px) {
  .is-parallax .m-padding,.m-padding-large {
     padding-top: 100px!important;
     padding-bottom: 100px!important;
  }
  .m-padding {
     padding-top: 25px!important;
     padding-bottom: 25px!important;
  }
}

#cc-inner .is-boxed {
  margin: -5px 0;
  padding: 0px;
  overflow: hidden;
}

@media only screen and (max-width: 745px) {
  #cc-inner .boxed {
     margin: -5px -500%;
     padding: 1.5em 500%;
  }
}

.enllax-bg {
  background-size: cover;
  box-sizing: border-box;
  background-repeat: repeat!important;
}

.is-parallax {
  will-change: auto;
  background-attachment: fixed!important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-size: cover!important;
}

@media screen and (max-width: 768px) {
  .is-parallax {
     background-size: auto!important;
     background-attachment: scroll!important;
  }
}

.craple {
  background-attachment: scroll!important;
  background-size: auto!important;
}

/* displaying fullwidth sections in admin mode -- is bug */

#hs-container .hs-content .cc-m-all.cc-m-htmlcode .cc-m-all-content {
  overflow: visible!important;
}

/*** thumbnail image hover ***/

.hs-thumbnail {
  position: relative;
}

.hs-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}

.is-widget-rounded .hs-thumbnail img,
.is-widget-rounded .thumbnail-hover,
.is-widget-rounded img {
  border-radius: 0.9em 0.9em 0 0;
}

.is-widget-rounded .hs-description {
  border-radius: 0 0 0.9em 0.9em;
}

.is-widget-rounded {
  border-radius: 0.9em;
}

.hs-thumbnail:hover .thumbnail-hover {
  opacity: 1;
  filter: alpha(opacity=100);
  /*for ie older browsers*/
}

.thumbnail-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: .0;
  -ms-filter: "alpha(opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=100);
  /*for ie older browsers*/
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  z-index: 1;
}

.thumbnail-hover:after {
  font-family: 'FontAwesome', sans-serif;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
  width: 50px;
  height: 50px;
  display: block;
  color: #fff;
  font-size: 50px;
  content: '\f067';
  z-index: -1;
}

.custom-caption {
  position: absolute;
  left: 5%;
  top: 5%;
}

.thumbnail-hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.thumbnail-hover a {
  display: block;
  width: 100%;
  height: 100%;
}

/* description */

.hs-description {
  padding: 20px;
  background: #E8E9E9;
  position: relative;
}

.hs-description p {
  margin: 5px 0;
}

/* tile widget */

.custom-widget {
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
  background: #fff;
}

.hs-left-50 {
  width: 50%;
  float: left;
  padding: 0;
}

.hs-right-50 {
  float: right;
  width: 50%;
  padding: 0;
}

.custom-widget img {
  width: 100%;
  height: auto;
}

#cc-inner .j-hgrid.has-overlay .caption.cc-m-image-align-3,
#cc-inner .j-hgrid.has-overlay .cc-imagewrapper.cc-m-image-align-3 figcaption {
  background: transparent;
}

/*** latest Jimdo cookies styles ***/

.cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-actions .btn-primary,
.cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-actions .btn,
.cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-categories ul .category,
.cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-categories ul .cookie {
  border-radius: 4px!important;
  margin-bottom: 5px;
}

.cc-individual-cookie-settings-texts button#cookie-settings-all {
  position: absolute!important;
  right: 5px;
  top: 5px;
  background: none;
  font-size: 14px;
  cursor: pointer;
}

.cc-individual-cookie-settings-texts button#cookie-settings-all::after {
  content: ' X ';
  font-weight: bold;
}

.cc-individual-cookie-settings {
  border: none!important;
  box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.08);
}

.cc-individual-cookie-settings .links a,
button.toggle,
.cc-individual-cookie-settings button,
.cc-individual-cookie-settings h2,
.cc-individual-cookie-settings p {
  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important;
  outline: none;
}

.cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-texts h2,
.cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-texts p {
  color:#000;
}

.cc-individual-cookie-settings .btn.btn-primary {
  border: none!important;
}

.cc-individual-cookie-settings button.toggle span.fill {
  background-color: #666!important;
}

.cc-individual-cookie-settings.ui-dialog .cc-individual-cookie-settings-actions .btn-primary {
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  background-color: #000!important;
  border: solid 2px #000!important;
  color: #fff!important;
}

/*** end latest Jimdo cookies styles ***/

/*** cookies message styles for japanese users ***/
#cc-cookie-law-headline {
  font-weight:500;
  font-size:13px;
}

#cc-cookie-law-button-group {
  padding-bottom:10px;
  display: flex;
}

#cc-cookie-law-text {
  margin-bottom:10px!important;
}


#cc-cookie-law-headline, #cc-cookie-law-text a {
  color: #fff!important;
}

#cc-inner {
 padding:0!important;
}

.cc-page #cc-cookie-law {
  padding: 5px;
  vertical-align: middle;
  text-align: left;
  font-size: 11px;
  line-height: 120%;
  border-bottom:none;
  background: #000!important;
  color: #cdcfd3!important;
  position: flex;
  bottom:0;
  top:auto;
}

.cc-page #cc-cookie-law-button,.cc-page #cc-cookie-law-button:last-child {
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1px;
}

#cc-cookie-law-button {
width:inherit!important;
}

.cc-page .cc-btn-icon span {
 display:none;
}

.cc-page #cc-cookie-law-button a.cc-btn.cc-btn-icon.btn-tick,#cc-cookie-law-button a {
  display: block;
  margin:1px;
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  box-shadow: none;
  text-align:center;
  border: none;
  border-radius: 0;
  line-height: 120%;
  font-size: 13px;
  text-shadow: none;
  background-color: #222!important;
  color: #fff!important;
  padding: 8px 10px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}

.cc-page #cc-cookie-law-button a.cc-btn.cc-btn-icon.btn-tick,.cc-btn.green{
  background:#f1d600!important;
  color:#000!important
}

/*** end cookies message ***/

/* responsive image */

.resp-img img {
  max-width: 100%;
  height: auto;
}

.circular img {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
}

.white-solid-border {
  outline: 1px solid #fff;
  outline-offset: -5px;
}

/*** styled links ***/

#cc-inner .links ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none !important;
}

#cc-inner .links li {
  list-style: none;
  text-decoration: none !important;
  padding: 9px 0;
  border-bottom: 1px solid rgba(85, 85, 85, 0.15);
}

#cc-inner .links li a {
  color: inherit;
  opacity: 0.6;
  text-decoration: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

#cc-inner .links li a:hover {
  opacity: 1;
  color: inherit
}

/*** timeline widget ***/

.timeline-item {
  padding: 2em 1.5em;
  position: relative;
  color: inherit;
  border-left: 4px solid;
}

.timeline-item::before {
  content: attr(date-is);
  position: absolute;
  left: 2em;
  font-weight: bold;
  top: 1em;
  display: block;
  font-weight: 700;
  font-size: .785rem;
}

.timeline-item::after {
  width: 20px;
  height: 10px;
  display: block;
  top: 1.1em;
  position: absolute;
  left: -11px;
  content: '';
  background: currentColor;
}

/* hours */

.hours {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.hours span {
  font-weight: bold;
  min-width: 100px;
  display: inline-block;
}

.hours li {
  border-bottom: 1px dashed #ddd;
  vertical-align: middle;
  padding: 5px 0;
}

.hours li:last-child {
  border-bottom: 0;
}

.hours li p {
  display: inline-block;
  position: absolute;
  right: 15px;
  font-style: normal;
  font-size: 100%;
}

/*** underlined link ***/

#inner .has-link-underlined a:link,
#cc-inner .has-link-underlined a:visited,
#cc-inner a.has-link-underlined {
  color: inherit;
  border-bottom: 1px solid transparent;
  -webkit-transition: border 500ms ease;
  -moz-transition: border 500ms ease;
  -ms-transition: border 500ms ease;
  -o-transition: border 500ms ease;
  transition: border 500ms ease;
}

#cc-inner .has-link-underlined_ a:hover,
#cc-inner a.has-link-underlined:hover {
  border-bottom: 1px solid;
}

/*** new social icons ***/

.new-social {
  padding: 0;
}

.new-social a {
  width: auto;
  min-width: 20px;
  padding: 8px;
  margin: 1px;
  text-align: center;
}

.small-social a {
  font-size: 15px;
  min-width: 15px;
}

.large-social a {
  font-size: 30px;
  min-width: 30px;
}

.has-brand-bg a {
  background: var(--bg-primary)!important;
}

.has-brand-link a {
  color: var(--bg-primary)!important;
}

.has-brand-border a {
  border: 2px solid var(--bg-primary)!important;
}

.hs-social a {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.hs-social a:hover {
  opacity: 0.7;
  color: inherit;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.is-circle-border a {
  border: 2px solid;
}

.is-circle-border-white a {
  border: 2px solid #fff;
}

.is-circle-solid a {
  background: #000;
}

.is-circle-solid-white a {
  background: #fff;
}

.is-rounded a {
  border-radius: 500px;
}

.is-mid-rounded a {
  border-radius: 5px;
}

/*** Skills ***/

.skill {
  margin-top: 20px
}

.skill:first-child {
  margin-top: 0
}

.skill .skill_bar {
  background: #f2f2f1;
  height: 30px;
  width: 100%;
  position: relative
}

.skill-small .skill_bar {
  height: 15px;
  width: 100%
}

.skill .skill_bar .skill_active {
  background: #3f3f3f;
  height: 100%
}

.skill .skill_bar span {
  color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  line-height: 10px;
  font-size: 10px;
}

.skill-small .skill_bar span {
  top: 3px;
  left: 3px;
  font-size: 10px;
}

/*** jQuery toggles & tabs ***/

.toggle {
  padding: 10px 0;
}

.toggle a.switch {
  color: inherit;
}

.toggle a.switch:first-child {
  border: none;
}

.toggle a.switch {
  display: inherit;
}

.toggle a.switch:after {
  font-family: 'FontAwesome', sans-serif;
  content: '\f067';
  float: right;
  padding: 0px 5px;
}

.toggle a.switch.opened:after {
  font-family: 'FontAwesome', sans-serif;
  content: '\f068';
}

.toggle .content {
  margin: 10px 0 0;
  padding: 0;
}

/*** accordeon ***/

ul.accordeon {
  padding: 0;
  list-style: none;
  margin: 0;
}

li.accordeon_item {
  list-style: none!important;
}

.accordeon_item {
  margin-bottom: 0.5rem;
}

.active>.accordeon_title {}

.active__>.accordeon_title:after {
  content: '\f068';
  /* this value should be removed or deactivated */
}

.accordeon_title {
  cursor: pointer;
  padding: 0.8rem!important;
  text-transform: uppercase;
  background: #f0f0f0;
}

.accordeon_title:after {
  font-family: 'FontAwesome', sans-serif;
  float: right;
  content: '\f078';
  /* you change the plus icon for the info sign */
}

h1.accordeon_title,
h2.accordeon_title,
h3.accordeon_title {
  text-align: left;
}

.accordeon_content {
  padding: 0.8rem;
}

/*** tabs ***/

ul.tabs-nav {
  font-size: inherit;
  font-weight: bold;
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.tabs-nav>li {
  display: inline-block;
  margin-right: 1px;
  margin-bottom: -1px;
}

ul.tabs-nav>li>a {
  background-color: rgba(85, 85, 85, 0.1);
  color: #111;
  font-size: 14px;
  display: block;
  text-decoration: none;
  padding: 8px 20px;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
}

ul.tabs-nav>li:hover,
ul.tabs-nav>li.active {
  background-color: rgba(85, 85, 85, 0.2);
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
}

.tabs-container {
  padding: 10px 0;
}

/*** star rating ***/

.star-rating,
.back-stars,
.front-stars {
  display: flex;
}

.star-rating {
  align-items: left;
  font-size: inherit;
  justify-content: left;
}

.back-stars {
  color: #b2aeae;
  position: relative;
}

.front-stars {
  color: #FFBC0B;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

/* animated popup */

.popup {
  width: 100%;
  height: 100vh;
  display: none;
  z-index: 203005;
  position: fixed;
  top: 0;
  right: 0;
}

.popup-overlay:target {
  display: block;
}

.popup__block {
  height: calc(100vh - 40px);
  padding: 5% 15%;
  box-sizing: border-box;
  margin-top: 20px;
  overflow: auto;
  animation: fade .5s ease-out 1.3s both;
}

.popup:before {
  content: "";
  box-sizing: border-box;
  width: 100%;
  box-shadow: inset 0 0 0 20px #f0f0f0;
  background: #fff;
  position: fixed;
  top: 50%;
  will-change: height, top;
  animation: open-animation .8s cubic-bezier(0.83, 0.04, 0, 1.16) .65s both;
}

.popup:after {
  content: "";
  width: 0;
  height: 4px;
  background: #f0f0f0;
  will-change: width, opacity;
  animation: line-animation .8s cubic-bezier(0.83, 0.04, 0, 1.16) both;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
}

@keyframes line-animation {
  0% {
     width: 0;
     opacity: 1;
  }
  99% {
     width: 100%;
     opacity: 1;
  }
  100% {
     width: 100%;
     opacity: 0;
  }
}

@keyframes open-animation {
  0% {
     height: 0;
     top: 50%;
  }
  100% {
     height: 100vh;
     top: 0;
  }
}

@keyframes fade {
  0% {
     opacity: 0;
  }
  100% {
     opacity: 1;
  }
}

.popup__close {
  width: 3.2rem;
  height: 3.2rem;
  text-indent: -9999px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTE5IDYuNDFMMTcuNTkgNSAxMiAxMC41OSA2LjQxIDUgNSA2LjQxIDEwLjU5IDEyIDUgMTcuNTkgNi40MSAxOSAxMiAxMy40MSAxNy41OSAxOSAxOSAxNy41OSAxMy40MSAxMnoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
}

.popup__media {
  margin-bottom: 2rem;
}

@media screen and (min-width: 641px) {
  .popup__title {
     font-size: 3.8rem;
  }
  .popup__close {
     top: 40px;
     right: 40px;
  }
  .popup__media {
     max-width: 35%;
  }
  .popup__media_left {
     float: left;
     margin: 10px 10px 10px 0;
  }
  .popup__media_right {
     float: right;
     margin: 10px 0 10px 10px;
  }
}

@media screen and (max-width: 640px) {
  .popup__title {
     font-size: 2.2rem;
  }
  .popup__close {
     top: 20px;
     right: 20px;
  }
}

@media only screen and (min-width: 290px) and (max-width: 745px) {
  .rel-mobile-only {
     position: relative!important;
     top: 0!important;
  }
}

.hs-content .is-header {
  display: none;
}

.bg-caption {
  display: none;
  width: 100%;
  margin: 0 auto;
  height: 50%;
  overflow: hidden;
  background: none;
  position: absolute;
  top: 50%;
  left: 0;
  bottom: 0;
  right: 0;
}

/*** additional animated effect for snip-nav menu ***/

.--effect02 a:before {
  width: 100%;
  opacity: 0;
  transform: scaleX(0);
  transition: all 0.4s ease-in-out 0s;
}

.--effect03 a:before {
  width: 100%;
  opacity: 0;
}

.--effect04 a:before {
  width: 100%;
  transform: scaleX(0);
  bottom: 0;
  left: 0;
  background-color: currentColor;
  transform-origin: bottom right;
  transition: transform 0.4s cubic-bezier(0.86, 0, 0.07, 1);
}

.--line01 a:before {
  height: 1px;
}

.--line02 a:before {
  height: 2px;
}

.--line03 a:before {
  height: 3px;
}

.--line04 a:before {
  height: 4px;
}

.--line05 a:before {
  height: 5px;
}

/* ytplayer */

@media only screen and (max-width:1023px) {
  .mbYTP_wrapper {
     display: none
  }
}

.ytplayer-container {
  position: absolute;
  top: 0;
  opacity: 0;
  z-index: -1
}

#hs-container span.mb_YTPPlaypause.ytpicon:before {
  content: "\f28b";
  font-family: FontAwesome;
  color: #fff;
  font-size: 20px
}

#hs-container span.mb_YTPMuteUnmute.ytpicon:before {
  content: "\f144";
  font-family: FontAwesome;
  color: #fff;
  font-size: 20px
}

#hs-container span.mb_OnlyYT.ytpicon:before {
  content: "\f0b2";
  font-family: FontAwesome;
  color: #fff;
  font-size: 20px
}

#hs-container span.mb_YTPUrl.ytpicon:before {
  content: "\f167";
  font-family: FontAwesome;
  color: #fff;
  font-size: 20px
}

.mb_YTPlayer:focus {
  outline: 0
}

.YTPWrapper {
  display: block;
  transform: translateZ(0) translate3d(0, 0, 0);
  transform-style: preserve-3d;
  perspective: 1000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box
}

.mb_YTPlayer .loading {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 12px;
  color: #fff;
  background: rgba(0, 0, 0, .51);
  text-align: center;
  padding: 2px 4px;
  border-radius: 5px;
  font-family: "Droid Sans", sans-serif;
  -webkit-animation: fade .1s infinite alternate;
  animation: fade .1s infinite alternate
}

.YTPFullscreen,
.inline_YTPlayer img {
  border: none!important;
  padding: 0!important
}

@-webkit-keyframes fade {
  0% {
     opacity: .5
  }
  100% {
     opacity: 1
  }
}

@keyframes fade {
  0% {
     opacity: .5
  }
  100% {
     opacity: 1
  }
}

.YTPFullscreen {
  display: block!important;
  position: fixed!important;
  width: 100%!important;
  height: 100%!important;
  top: 0!important;
  left: 0!important;
  margin: 0!important;
  opacity: 1!important;
  background-color: #000!important
}

.mbYTP_wrapper iframe {
  max-width: 8000px!important
}

.inline_YTPlayer {
  margin-bottom: 20px;
  vertical-align: top;
  position: relative;
  left: 0;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .7);
  background: rgba(0, 0, 0, .5)
}

.inline_YTPlayer img {
  margin: 0!important;
  transform: none!important
}

.mb_YTPBar,
.mb_YTPBar .buttonBar {
  box-sizing: border-box;
  left: 0;
  padding: 5px;
  width: 100%
}

.mb_YTPBar .ytpicon {
  font-size: 0;
  font-family: ytpregular
}

.mb_YTPBar .mb_YTPUrl.ytpicon {
  font-size: 0
}

.mb_YTPBar {
  transition: opacity .5s;
  display: block;
  height: 10px;
  background: #333;
  position: fixed;
  bottom: 0;
  text-align: left;
  z-index: 1000;
  font: 14px/16px sans-serif;
  opacity: .1
}

.mb_YTPBar.visible,
.mb_YTPBar:hover {
  opacity: 1
}

.mb_YTPBar .buttonBar {
  transition: all .5s;
  background: 0 0;
  font: 12px/14px san-serif;
  position: absolute;
  top: -30px;
  height: 40px
}

.mb_YTPBar:hover .buttonBar {
  background: rgba(0, 0, 0, .4)
}

.mb_YTPBar span {
  display: inline-block;
  font: 16px/20px sans-serif;
  position: relative;
  width: 30px;
  height: 25px;
  vertical-align: middle
}

.mb_YTPBar span.mb_YTPTime {
  width: 130px
}

.mb_YTPBar span.mb_OnlyYT,
.mb_YTPBar span.mb_YTPUrl {
  position: absolute;
  width: auto;
  display: block;
  top: 6px;
  right: 10px;
  cursor: pointer
}

.mb_YTPBar span.mb_YTPUrl img {
  width: 60px
}

.mb_YTPBar span.mb_OnlyYT {
  left: 300px;
  right: auto
}

.mb_YTPBar span.mb_OnlyYT img {
  width: 25px
}

.mb_YTPBar .mb_YTPMuteUnmute,
.mb_YTPBar .mb_YTPPlaypause,
.mb_YTPlayer .mb_YTPBar .mb_YTPPlaypause img {
  cursor: pointer
}

.mb_YTPBar .mb_YTPProgress {
  height: 10px;
  width: 100%;
  background: #222;
  bottom: 0;
  left: 0
}

.mb_YTPBar .mb_YTPLoaded {
  height: 10px;
  width: 0;
  background: #444;
  left: 0
}

.mb_YTPBar .mb_YTPseekbar {
  height: 10px;
  width: 0;
  background: #bb110e;
  bottom: 0;
  left: 0;
  box-shadow: rgba(82, 82, 82, .47) 1px 1px 3px
}

.mb_YTPBar .YTPOverlay {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: flat;
  box-sizing: border-box
}

.mb_YTPBar .simpleSlider {
  position: relative;
  width: 100px;
  height: 10px;
  border: 1px solid #fff;
  overflow: hidden;
  box-sizing: border-box;
  margin-right: 10px;
  cursor: pointer!important;
  border-radius: 3px
}

.mb_YTPBar.compact .simpleSlider {
  width: 40px
}

.mb_YTPBar .simpleSlider.muted {
  opacity: .3
}

.mb_YTPBar .level {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
  box-sizing: border-box
}

.mb_YTPBar .level.horizontal {
  height: 100%;
  width: 0
}

.mb_YTPBar .level.vertical {
  height: auto;
  width: 100%
}

#hs-video {
  display: none
}