@charset "UTF-8";
/* vychozi rodina pisma */
/* vetsi velikost pisma, odpovida 24px */
/* vetsi velikost pisma, odpovida 18px */
/* vetsi velikost pisma, odpovida 16px */
/* vychozi velikost pisma, odpovida 14px */
/* mensi velikost pisma, odpovida 12px */
/* mensi velikost pisma, odpovida 11px */
.xxlead {
  font-size: 1.5rem !important; }

.small {
  line-height: 1.1; }

.xsmall {
  font-size: 0.6875rem !important;
  line-height: 1.0; }

/* barva pozadi body */
/* h1, h2, h3, ... */
h1 {
  font-weight: 700; }

/* vychozi padding obsahu (clanky, kontakt, ad.) */
a.arb:link {
  color: #0a1045;
  text-decoration: underline; }

a.arb:hover {
  color: #121d7d;
  text-decoration: underline; }

a.acg:link {
  color: #8487a2;
  text-decoration: underline; }

a.acg:hover {
  color: #0a1045;
  text-decoration: underline; }

.text-decoration-underline {
  text-decoration: underline !important; }

/* create new custom classes from existing classes */
/*.row-mydark {
    @extend .row;
    background-color: #333333;
    color: #ffffff;
}*/
/* modals
============================================================================ */
.modal-title {
  margin-bottom: 0.5rem; }

@media (min-width: 768px) {
  .modal-dialog-narrow {
    max-width: 416px; } }
.modal-header .close {
  padding: 2rem 1.063rem 2rem 1.063rem;
  margin: -2.5rem -1.563rem -2rem auto; }

/* Tlacitka
============================================================================ */
/* Formulare
============================================================================ */
.form-group > label {
  text-transform: uppercase;
  margin-bottom: 0.5rem !important;
  font-weight: 600;
  color: #8487a2;
  font-size: 0.75rem; }

.custom-control {
  margin-left: 1rem; }

.custom-control-label::before {
  margin-top: -0.15rem;
  width: 1.25rem;
  height: 1.25rem;
  left: -2rem; }

.custom-radio input.custom-control-input,
.custom-checkbox input.custom-control-input {
  margin-top: -0.15rem;
  width: 1.25rem;
  height: 1.25rem;
  left: -0.5rem;
  z-index: 1; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("../images/icons/Icons_XS_White_CheckMark.svg");
  top: 0.15rem;
  left: -1.85rem;
  position: absolute; }

.form-control:disabled,
.form-control[readonly] {
  color: #8487a2 !important; }

/* Range slider
============================================================================ */
input.slider[type="range"] {
  -webkit-appearance: none;
  /* Override default CSS styles */
  appearance: none;
  width: 100%;
  height: 0.5rem;
  padding: 0;
  border: 0;
  background: #b0cf3a;
  background: linear-gradient(90deg, #b0cf3a 50%, #b0cf3a 50%, rgba(176, 207, 58, 0.2) 50%);
  outline: none;
  /* Remove outline */
  -webkit-transition: .2s;
  /* 0.2 seconds transition on hover */
  transition: opacity .2s; }

input.slider[type="range"]::-ms-track {
  width: 100%;
  cursor: pointer;
  /* Hides the slider so custom styles can be added */
  background: transparent;
  border-color: transparent;
  color: transparent; }

input.slider[type="range"]:focus {
  outline: none;
  /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
  box-shadow: none; }

/* Special styling for WebKit/Blink */
input.slider[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  /* Override default look */
  appearance: none;
  width: 2rem;
  /* Set a specific slider handle width */
  height: 2rem;
  /* Slider handle height */
  border: 0;
  border-radius: 50%;
  background: url("../images/icons/Icons_S_Royal_Drag.svg") center center no-repeat #fff;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
  cursor: pointer;
  /* Cursor on hover */
  opacity: 0.7; }

input.slider[type="range"]::-webkit-slider-thumb:hover {
  opacity: 1; }

/* All the same stuff for Firefox */
input.slider[type="range"]::-moz-range-thumb {
  width: 2rem;
  /* Set a specific slider handle width */
  height: 2rem;
  /* Slider handle height */
  border: 0;
  border-radius: 50%;
  background: url("../images/icons/Icons_S_Royal_Drag.svg") center center no-repeat #fff;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
  cursor: pointer;
  /* Cursor on hover */
  opacity: 0.7; }

input.slider[type="range"]::-moz-range-thumb:hover {
  opacity: 1; }

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
  width: 2rem;
  /* Set a specific slider handle width */
  height: 2rem;
  /* Slider handle height */
  border: 0;
  border-radius: 50%;
  background: url("../images/icons/Icons_S_Royal_Drag.svg") center center no-repeat #fff;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16);
  cursor: pointer;
  /* Cursor on hover */
  opacity: 0.7; }

input[type=range]::-ms-thumb:hover {
  opacity: 1; }

/* Formulare - validace
============================================================================ */
form .invalid, form .invalid * {
  color: #d00000 !important; }

input.form-control.invalid, input.custom-control-input.invalid {
  border-color: #d00000; }

/* RESPONSIVE menu
============================================================================ */
@media only screen and (min-width: 992px) {
  nav.navbar .login-modal {
    display: none; } }
@media only screen and (min-width: 768px) {
  .menu-user-orders li > a:hover,
  .menu-user-orders li > a:focus,
  .menu-user-orders li.current > a,
  .menu-user-orders li.active > a {
    border-bottom: 4px solid #b0cf3a; } }
@media only screen and (max-width: 991px) {
  body.opened-menu {
    /*overflow: hidden;*/
    position: fixed; }

  body.opened-menu #top-header {
    background: #0a1045; }

  body.opened-menu #top-header {
    background: #0a1045; }

  body .logo-white, body.opened-menu .logo-blue {
    display: none !important; }

  body.opened-menu .logo-white {
    display: inline !important; }

  body.opened-menu nav.navbar {
    height: calc(100vh - 78px);
    align-items: flex-start;
    position: relative;
    z-index: 3000000;
    overflow-y: auto; }

  body.opened-menu .navbar-close {
    display: block !important;
    position: absolute;
    z-index: 3000001;
    top: 0;
    right: 0; }

  body.opened-menu .navbar-toggler-icon-close {
    content: "";
    background: url(../images/icons/Icons_S-XS_RoyalLight_Close.svg) no-repeat 0 0;
    background-size: contain;
    width: 10px;
    height: 10px;
    display: block; }

  body.opened-menu header .left-col button.navbar-toggler {
    display: none !important; }

  body.opened-menu header#top-header .navbar-brand {
    margin-left: 0.5rem; }

  body.opened-menu header #vmCartModule {
    display: none; }

  /* MODAL Prihlaseni
  ============================================================================ */
  .login-modal {
    white-space: nowrap;
    font-weight: 600;
    border-top: 1px solid #1f2454;
    border-bottom: 1px solid #1f2454;
    padding: 16px 34px; }

  .login-modal * {
    line-height: 1rem; }

  .login-modal a {
    color: #fff;
    display: inline-block; }

  .login-modal .not-logged-in-user-wrapper:before,
  .login-modal .logged-in-user-wrapper:before {
    content: "";
    display: block;
    float: left;
    width: 24px;
    height: 28px;
    background: url(../images/icons/Icons_M_White_Account.svg) no-repeat 0 bottom;
    background-size: contain;
    margin-right: 13px; }

  .login-modal input[type="submit"] {
    background: none;
    padding: 0;
    border: 0;
    font-weight: 600;
    color: #fff; }

  .login-modal input[type="submit"]:hover {
    text-decoration: underline; }

  .right-col .login-modal {
    display: none !important; }

  header .navbar-toggler {
    padding: 0.25rem 0.55rem; }

  body.opened-menu #navbarSupportedContent {
    border-top: 1px solid #1f2454; }

  nav.navbar > .navbar-collapse {
    padding: 0; }

  .jux-megamenu > ul,
  .nav-header > ul {
    margin: 16px 34px; }

  header#top-header .navbar-brand {
    height: 1rem; }

  nav .navbar-collapse {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    align-items: stretch;
    align-content: stretch;
    min-height: 100%;
    flex-shrink: 0; }

  .nav-header {
    flex: 1;
    flex-shrink: 0;
    width: 100%; }

  .navbar .nav-footer {
    width: 100%;
    flex-shrink: 0;
    margin-top: 4rem;
    margin-bottom: 10rem; }

  .navbar .nav-footer .menu-contact a {
    padding: 16px 34px;
    text-decoration: underline; }

  .navbar .nav-footer .custom-contact-phone .ico:before {
    content: "";
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    background: url(../images/icons/Icons_S_Royal_Phone.svg) no-repeat center center #fff;
    border-radius: 50%; }

  .navbar .nav-footer .custom-contact-email .ico:before {
    content: "";
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    background: url(../images/icons/Icons_S_Royal_Mail.svg) no-repeat center center #fff;
    border-radius: 50%; }

  .navbar .nav-footer .custom-contact-phone, .nav-footer .custom-contact-email {
    font-size: 1.125rem;
    font-weight: 600; }

  .navbar .nav-footer .custom-contact-phone > div, .nav-footer .custom-contact-email > div {
    display: inline-block;
    vertical-align: middle;
    margin-right: .25rem; }

  .navbar .nav-footer .custom-contact-phone > div p {
    margin-bottom: 0; }

  .navbar .nav-footer .custom-contact-email > div p {
    margin-bottom: 0px; }

  .navbar .nav-footer div[class*="custom-contact-"] .phone,
  .navbar .nav-footer div[class*="custom-contact-"] .phone *,
  .navbar .nav-footer div[class*="custom-contact-"] .email,
  .navbar .nav-footer div[class*="custom-contact-"] .email * {
    color: #fff !important; }

  .navbar .nav-footer .custom {
    margin-left: 34px; }

  .navbar .nav-footer .custom-contact-phone {
    margin-bottom: 22px; }

  /* MENU users-orders
  ============================================================================ */
  body.opened-menu .nav-header .menu-user-orders {
    display: block; }

  body.opened-menu .nav-footer .menu-user-orders {
    display: none; }

  .nav-header .menu-user-orders {
    margin: 0 0 0 auto;
    list-style: none;
    padding-left: 0;
    display: block; }

  .menu-user-orders li {
    display: block; }

  /* MENU users-mobile
  ============================================================================ */
  .menu-user-orders.user-mobile {
    padding-top: 1rem;
    padding-left: 1rem; }

  .menu-user-orders.user-mobile li a {
    display: flex; }

  .menu-user-orders.user-mobile > li > a.my-orders::before {
    content: url("../images/icons/Icons_M_Royal_Orders.svg"); }

  .menu-user-orders.user-mobile > li > a.my-rentals::before {
    content: url("../images/icons/Icons_M_Royal_Rentals.svg"); }

  .menu-user-orders.user-mobile > li > a.customer-zone::before {
    content: url("../images/icons/Icons_M_Royal_AccountEdit.svg"); }

  .opened-menu .menu-user-orders.user-mobile > li > a.my-orders::before {
    content: url("../images/icons/Icons_M_White_Orders.svg"); }

  .opened-menu .menu-user-orders.user-mobile > li > a.my-rentals::before {
    content: url("../images/icons/Icons_M_White_Rentals.svg"); }

  .opened-menu .menu-user-orders.user-mobile > li > a.customer-zone::before {
    content: url("../images/icons/Icons_M_White_AccountEdit.svg"); } }
/* RESPONSIVE moduly
============================================================================ */
/* HOME - Jumbotron
============================================================================ */
@media (max-width: 991px) {
  section.content .jumbotron {
    margin-bottom: 100px; }

  .content .moduletable-jumbotron {
    padding: 0; }

  .custom-jumbotron.home .img-container {
    position: relative;
    height: 500px; }

  .custom-jumbotron.home img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

  .custom-jumbotron.home h2 {
    text-align: center;
    margin-bottom: 1.5rem; } }
@media (max-width: 767px) {
  .content .moduletable-jumbotron .home-text-wrapper {
    padding: 56px 64px 0 64px; }

  .custom-jumbotron.home .img-container {
    margin-top: -100px; }

  .custom-jumbotron.home img {
    top: 100px; } }
/* MODUL featured
============================================================================ */
@media (max-width: 991px) {
  .moduletable-featured .vmproduct-featured > #productajaxloaddata {
    margin: 22px auto 0;
    min-height: 4rem; }

  .moduletable-featured h2 {
    font-size: 1rem;
    text-align: center; } }
@media (max-width: 1199px) {
  .moduletable-featured .vmproduct-featured h3 {
    text-align: center;
    margin-bottom: 0.25rem; } }
/* Nazev kategorie
============================================================================ */
@media only screen and (max-width: 767px) {
  .category-view > header {
    padding: 16px 80px 56px 39px;
    margin: 0 -39px; } }
/* Detail produktu
============================================================================ */
@media (min-width: 992px) {
  .product-container .product-description .custom.rental-prices {
    max-width: 75%; }

  .product-container .product-description .moduletable.rental-prices h4 {
    margin-bottom: 1.5rem; }

  .product-container .product-description .moduletable.rental-prices .caption {
    margin-top: 0.5rem; }

  .product-container .product-description .moduletable.rental-prices .table-outer {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem; } }
/* Kroky v kosiku
============================================================================ */
@media only screen and (max-width: 991px) {
  .navbar-steps .show-steps {
    float: right;
    background: none;
    border: none; }

  .navbar-steps .show-steps:after {
    content: "";
    background: url("../images/icons/Icons_S_RoyalLight_AccordionDown.svg") no-repeat 0 0;
    background-size: contain;
    width: 1rem;
    height: 1rem;
    display: block;
    margin-top: 1.2rem;
    margin-left: 1rem; }

  nav.navbar.navbar-steps ul > li > a > span {
    border-bottom: 0;
    padding-bottom: 0; }

  nav.navbar ul.cart-steps > li > a span.btn-circle {
    width: 24px;
    height: 24px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  nav.navbar.navbar-steps ul > li > a {
    padding: 0 1rem; } }
/* Bannery pod obsahem
============================================================================ */
@media (max-width: 991px) {
  .moduletable-advice h3 a {
    font-size: 18px; }

  .moduletable-advice .phone p {
    font-size: 12px;
    color: #8487a2; } }
@media (max-width: 767px) {
  .banners-bottom div[class*="custom-banner-bottom"] {
    padding: 24px 150px 24px 24px !important; }

  .banners-bottom div[class*="custom-banner-bottom"]:after {
    top: 24px;
    right: 24px; }

  .custom-banner-bottom-left.delivery:after {
    width: 36px;
    height: 24px; }

  .custom-banner-bottom-right.experience:after {
    width: 76px;
    height: 32px; }

  .moduletable-banner-bottom-right {
    padding: 0 0 24px; } }
/* MOZNOSTI DOPRAVY
============================================================================ */
@media (max-width: 991px) {
  .product-container .product-description .custom.delivery-options .express24-container {
    order: 1; }

  .product-container .product-description .custom.delivery-options .express24-container + div {
    order: 3; }

  .product-container .product-description .custom.delivery-options .express-desc {
    order: 2; }

  .product-container .product-description .custom.delivery-options .express-desc + div {
    order: 4; } }
/* VYHLEDAVANI s naseptavacem
============================================================================ */
@media (max-width: 991px) {
  .opened-menu #search-switch {
    display: none; } }
@media only screen and (max-width: 767px) {
  #search-switch {
    display: inline-block;
    margin-right: 25px;
    width: 2rem;
    height: 0.75rem;
    position: relative; }

  #search-switch:after {
    content: "";
    background: url("../images/icons/Icons_S_Royal_Search.svg") no-repeat center center;
    width: 1rem;
    height: 1rem;
    display: block;
    position: absolute;
    top: -0.5rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%; }

  #search-switch:hover:after {
    background-color: #b0cf3a; }

  .moduletable-search {
    width: 100%;
    z-index: 10;
    padding: 0 1rem 1.5rem; }

  header#top-header .moduletable-search input.inputbox-search {
    border: 0;
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.16); } }
/* PROC SI ZALOZIT UCET GO1?
============================================================================ */
@media only screen and (max-width: 767px) {
  .registration-view .already-customer h3 {
    margin-top: 1.5rem; } }
/* PROC SI ZALOZIT UCET GO1?
============================================================================ */
@media only screen and (max-width: 767px) {
  .registration-view .already-customer {
    margin: 0.4rem -15px 0;
    padding: 1.5rem 2rem; }

  .registration-view .why-register {
    margin-top: 2.5rem;
    padding: 0; }

  .registration-view .why-register h4 {
    margin-bottom: 0.75rem !important; } }
/* Filtrovani v kategoriich
============================================================================ */
@media only screen and (min-width: 768px) {
  .paramfilter a:hover span,
  .paramfilter a:focus span,
  .paramfilter label:hover span,
  .paramfilter label:focus span {
    font-weight: 600;
    text-decoration: none;
    border-bottom: 2px solid #b0cf3a; } }
@media only screen and (max-width: 767px) {
  .paramfilter .container-fluid {
    width: 100vw;
    margin-left: -39px;
    margin-right: -39px;
    margin-bottom: 0;
    padding-top: 1px;
    position: relative;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); }

  .paramfilter .container-fluid > div[class*="-inner"] {
    width: unset;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(-90deg, #000 85%, transparent); }

  .paramfilter .container-fluid .row {
    width: 87vw;
    margin: 0 auto;
    flex-wrap: nowrap;
    top: 0;
    white-space: nowrap; }

  .paramfilter .container-fluid .row:after {
    content: '';
    display: block;
    padding-right: 25vw; }

  .paramfilter .filter-item {
    padding: 0 0 0 2rem; }

  .paramfilter .filter-item:first-child {
    padding: 0 0 0 1.25rem; } }
/* modul Katalog produktu
============================================================================ */
@media only screen and (max-width: 767px) {
  .custom-product-catalog {
    padding: 1rem;
    background-size: 127px;
    min-height: 160px; }

  .custom-product-catalog h4 {
    font-size: 1.125rem !important; }

  .custom-product-catalog .btn-tertiary {
    display: block !important;
    text-align: left;
    border: 0 !important;
    background: none !important;
    padding: 0 !important;
    text-decoration: underline;
    line-height: 1.2rem;
    text-transform: initial; } }
@media only screen and (max-width: 576px) {
  .custom-product-catalog .btn-tertiary > span:before {
    content: ' ';
    display: block; } }
/* RESPONSIVE clanky, ad.
============================================================================ */
/* RESPONSIVE kontakt
============================================================================ */
@media (min-width: 768px) {
  .contact-view.container-fluid {
    padding: 5rem 5rem 0; }

  .contact-view .contact-image img {
    max-width: 416px; } }
/* ============================================================================
***************************** BREAKPOINT <= 767px *****************************
============================================================================ */
@media (max-width: 767px) {
  .view-contact main#content {
    padding: 0.25rem 1rem 3rem !important; }

  .view-contact h1 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 2.25rem;
    margin-bottom: 1rem; } }
/* RESPONSIVE modals
============================================================================ */
/* ============================================================================
**************************** BREAKPOINT >= 1200px *****************************
============================================================================ */
@media (min-width: 1200px) {
  #galleryModal > .modal-dialog {
    max-width: 39.8vw; } }
/* ============================================================================
**************************** BREAKPOINT <= 1199px *****************************
============================================================================ */
@media only screen and (max-width: 1199px) {
  #galleryModal .carousel-item img {
    max-width: 100%; } }
/* ============================================================================
***************************** BREAKPOINT <= 991px *****************************
============================================================================ */
/* ============================================================================
***************************** BREAKPOINT >= 992px *****************************
============================================================================ */
/* ============================================================================
********************* BREAKPOINT >= 768px AND <= 991px ************************
============================================================================ */
@media (min-width: 768px) and (max-width: 991px) {
  #galleryModal > .modal-dialog {
    max-width: 74.9vw; } }
/* ============================================================================
***************************** BREAKPOINT <= 767px *****************************
============================================================================ */
@media (max-width: 767px) {
  .fancybox-slide--html {
    padding: 1rem; }

  #galleryMobile {
    margin-bottom: 3rem; }

  #galleryMobile .carousel-indicators {
    margin: 0;
    justify-content: center;
    bottom: -1.5rem; }

  #galleryMobile .carousel-indicators li {
    text-indent: unset;
    width: 8px;
    height: 8px;
    opacity: 1;
    border-top: none;
    border-bottom: none;
    margin-left: 4px;
    margin-right: 4px;
    background: rgba(10, 16, 69, 0.1);
    border-radius: 50%; }

  #galleryMobile .carousel-indicators li .aimg {
    display: block;
    width: 100%;
    height: 100%;
    border: 0; }

  #galleryMobile .carousel-indicators li.active {
    background: #0a1045; }

  #galleryMobile .carousel-indicators li.active .aimg {
    border: 0; }

  #galleryMobile .carousel-control-next, #galleryMobile .carousel-control-prev {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    opacity: 1;
    top: calc(50% - 16px); }

  #galleryMobile .carousel-control-next {
    right: -6px; }

  #galleryMobile .carousel-control-prev {
    left: -6px; }

  #galleryMobile .carousel-control-next-icon {
    background-image: url("../images/icons/Icons_S-XS_RoyalLight_ArrowRight.svg");
    width: 12px; }

  #galleryMobile .carousel-control-prev-icon {
    background-image: url("../images/icons/Icons_S-XS_RoyalLight_ArrowLeft.svg");
    width: 12px; }

  #galleryMobile .carousel-control-prev, #galleryMobile .carousel-control-next {
    background: rgba(255, 255, 255, 0.3); }

  #galleryMobile .carousel-control-prev:hover, #galleryMobile .carousel-control-next:hover {
    background: #8487a2; }

  #galleryMobile .carousel-control-next:hover .carousel-control-next-icon {
    background-image: url("../images/icons/Icons_S_RoyalLight_ArrowRight_White.svg"); }

  #galleryMobile .carousel-control-prev:hover .carousel-control-prev-icon {
    background-image: url("../images/icons/Icons_S_RoyalLight_ArrowLeft_White.svg"); }

  #galleryMobileImage {
    border-radius: 16px; }

  /* Prihlaseni */
  #loginModal #form-login-username {
    margin-bottom: 0; }

  .login-modal input[type="submit"] {
    background: none;
    border: 0;
    color: #fff;
    font-size: 12px; } }
/* ============================================================================
******************** BREAKPOINT >= 576px AND <= 767px *************************
============================================================================ */
@media (min-width: 576px) and (max-width: 767px) {
  #galleryModal > .modal-dialog {
    max-width: 667px; } }
/* ============================================================================
***************************** BREAKPOINT <= 991px *****************************
============================================================================ */
@media (max-width: 991px) {
  .vendor-terms_of_service h1 {
    font-size: 1.75rem; } }
/* RESPONSIVE VM menu
============================================================================ */
@media (min-width: 768px) {
  .jux-nav > li {
    float: left;
    position: relative; }

  nav.navbar .jux-nav > li > a:hover,
  nav.navbar .jux-nav > li > a:focus {
    border-bottom: 4px solid #b0cf3a; } }
@media (min-width: 992px) and (max-width: 1199px) {
  /*nav.navbar > .navbar-collapse {
      padding: 0 2rem;
  }*/ }
@media (min-width: 1200px) {
  nav.navbar > .navbar-collapse {
    padding: 0 3.75rem; } }
@media (max-width: 991px) {
  nav.navbar {
    padding: 0; }

  nav.navbar.navbar-steps {
    padding: 0 34px; }

  nav.navbar .jux-nav {
    flex-direction: column; }

  .navbar-toggler {
    display: block; }

  .navbar-toggler > .navbar-toggler-icon {
    content: "";
    background: url("../images/icons/Icons_S_Royal_Menu.svg") no-repeat 0 0;
    background-size: contain;
    width: 0.9rem;
    height: 0.9rem; } }
@media (max-width: 991px) {
  nav.navbar > .navbar-collapse {
    padding: 32px 0 64px 0; }

  nav.navbar ul > li > a {
    padding: 0 32px; } }
@media (max-width: 767px) {
  nav.navbar ul > li > a > span {
    padding-top: 16px;
    padding-bottom: 16px; } }
@media (min-width: 992px) and (max-width: 1299px) {
  /*nav.navbar ul > li > a {
      padding-left: 0.25rem ! important;
      padding-right: 0.25rem ! important;
      font-size: 90%;
  }*/ }
@media (max-width: 991px) {
  nav.navbar > .navbar-inner {
    padding: 0; }

  nav.navbar ul > li > a {
    padding: 0;
    height: 3.5rem; }

  nav.navbar ul > li > a > span {
    padding: 0 0 0.25rem 0;
    font-size: 0.75rem; } }
/* RESPONSIVE VM kategorie
============================================================================ */
@media (min-width: 768px) {
  .category-view > .browse-view > .row {
    margin: 0 -33px; } }
@media (min-width: 1200px) {
  .category-view > .browse-view .spacer.product-container .vm-product-media-container > a > img {
    height: 249px; } }
/* ============================================================================
****************************** BREAKPOINT < 1600px ****************************
============================================================================ */
@media only screen and (max-width: 1599px) {
  .category-view .vm-product-descr-container-1 h3 {
    min-height: 3rem;
    font-size: 1.3rem; } }
/* ============================================================================
****************************** BREAKPOINT < 1200px ****************************
============================================================================ */
@media only screen and (max-width: 1199px) {
  .category-view .vm-product-descr-container-1 h3 {
    min-height: 2.5rem;
    font-size: 1.1rem; }

  .category-view .vm-product-descr-container-1 h2 {
    margin-bottom: 0.4rem; }

  .category-view p.product_s_desc {
    line-height: 1rem; } }
/* ============================================================================
****************************** BREAKPOINT < 992px *****************************
============================================================================ */
@media only screen and (max-width: 991px) {
  .category-view h1 {
    color: #0a1045;
    font-size: 32px;
    font-weight: bold;
    line-height: 36px; }

  .category-view .browse-view header .category_description {
    line-height: 18px; }

  .browse-view .vm-product-media-container img {
    max-width: 100%; }

  .category-view > header {
    padding-bottom: 24px; }

  .category-view .vm-product-descr-container-1 h3 {
    color: #0a1045;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    line-height: 20px;
    margin-bottom: 4px; }

  .category-view p.product_s_desc {
    color: #8487a2;
    font-size: 14px;
    text-align: center; }

  .category-view .price span {
    color: #0a1045;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 16px;
    margin-bottom: 4px; }

  .category-view .caption {
    color: #8487a2;
    font-size: 11px;
    text-align: center;
    line-height: 16px; } }
/* ============================================================================
****************************** BREAKPOINT < 768px *****************************
============================================================================ */
@media only screen and (max-width: 767px) {
  .category-view .category_description > p {
    margin-bottom: 0; }

  .category-view > .browse-view a.spacer.product-container {
    border: 2px solid rgba(15, 3, 38, 0.05); }

  .category-view .vm-product-descr-container-1 h3 {
    min-height: initial;
    font-size: initial; } }
/* RESPONSIVE VM produkt
============================================================================ */
/* ============================================================================
****************************** BREAKPOINT >= 1200px *****************************
============================================================================ */
@media (min-width: 1200px) {
  .product-view.container-fluid {
    width: auto; } }
/* ============================================================================
****************************** BREAKPOINT <= 991px *****************************
============================================================================ */
@media (max-width: 991px) {
  .vm-product-container h1.product-name {
    font-size: 2.25rem;
    line-height: 2.25rem; } }
/* ============================================================================
****************************** BREAKPOINT >= 768px *****************************
============================================================================ */
@media (min-width: 768px) {
  .product-container .add-to-cart-form {
    display: block; }

  .product-container .add-to-cart-link {
    display: none; } }
/* ============================================================================
****************************** BREAKPOINT <= 767px *****************************
============================================================================ */
@media (max-width: 767px) {
  .content.white-bg {
    background: #fff;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08); }

  .product-container .add-to-cart {
    padding-left: 0;
    padding-right: 0; }

  .product-container .add-to-cart-form {
    display: none; }

  .product-container .product-name-wthumb h4 {
    font-size: 0.875rem;
    margin-bottom: 0.25rem; }

  .product-container .product-name-wthumb .image-thumb {
    width: 3rem;
    height: 3rem;
    background: white;
    border-radius: 8px;
    border: 2px solid rgba(15, 3, 38, 0.03); }

  .product-container #addtocart-switch-back {
    text-decoration: none;
    display: block;
    margin-bottom: 2.5rem;
    display: flex;
    align-items: center; }

  .product-container #addtocart-switch-back:before {
    content: "";
    display: inline-block;
    background: url("../images/icons/Icons_S_RoyalLight_ArrowRight.svg") no-repeat 0 0;
    background-size: auto;
    background-size: contain;
    width: 12px;
    height: 12px;
    transform: rotate(180deg);
    margin-right: 9px; }

  .product-container .express-container {
    order: -2; }

  .product-container .express-desc {
    order: -1;
    margin-bottom: 1.5rem; }

  .product-container .addtocart-wrapper.max-amount-cart-wrapper {
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 0 16px 0 #ffaf83; } }
/* RESPONSIVE VM kosik - volba mnozstvi
============================================================================ */
/* ============================================================================
**************************** BREAKPOINT >= 1200px *****************************
============================================================================ */
@media (min-width: 1200px) {
  #cart-view .quantity-changer-input-wrapper {
    flex: 0 0 8rem; } }
/* ============================================================================
**************************** BREAKPOINT <= 1199px *****************************
============================================================================ */
/* ============================================================================
***************************** BREAKPOINT <= 991px *****************************
============================================================================ */
/* ============================================================================
***************************** BREAKPOINT >= 768px *****************************
============================================================================ */
/* ============================================================================
***************************** BREAKPOINT <= 767px *****************************
============================================================================ */
/* RESPONSIVE VM kosik
============================================================================ */
/* ============================================================================
**************************** BREAKPOINT >= 1200px *****************************
============================================================================ */
@media (min-width: 1200px) {
  .navbar .continue-link-list {
    margin-right: 8rem; }

  /* Platba
  ===================================================================s===== */
  .cart-view #checkoutForm div.cart.tos {
    max-width: 75%; }

  /* Platba - navrat z brany
  ===================================================================s===== */
  .layout-orderdone section.content main#content,
  .view-pluginresponse section.content main#content {
    padding: 5rem 1rem 8.5rem 9rem !important; } }
/* ============================================================================
***************************** BREAKPOINT <= 991px *****************************
============================================================================ */
@media (max-width: 991px) {
  header#top-header .show_cart {
    padding-right: 0;
    display: flex; }

  header#top-header #vmCartModule {
    padding-top: 3px; }

  header#top-header .show_cart a:before {
    width: 16px;
    height: 16px;
    background-image: url("../images/icons/Icons_S_Royal_Cart.svg"); }

  .cart-view .vm-fieldset-pricelist .installation-container .date-wrapper,
  .cart-view .vm-fieldset-pricelist .installation-container .date-wrapper-result {
    justify-content: flex-end; }

  .cart-view .vm-fieldset-pricelist .row > div {
    padding: 1rem 1rem; }

  .cart-view .vm-fieldset-pricelist .row.category-header > div {
    padding: 0 1rem 1.5rem 1rem;
    border-bottom: 1px solid rgba(10, 16, 69, 0.1);
    margin-bottom: 1.5rem; }

  .cart-view #checkoutForm div.cart.legal {
    margin-bottom: 1.5rem; } }
/* ============================================================================
***************************** BREAKPOINT >= 768px *****************************
============================================================================ */
@media (min-width: 768px) {
  nav.navbar ul.cart-steps > li {
    display: inline-block; }

  nav.navbar ul.cart-steps > li#checkout-step5 {
    display: none; }

  .cart-view .vm-fieldset-pricelist {
    margin: -15px -15px 0px -15px;
    width: auto; }

  /* Panely pro dopravu a platbu
  ======================================================================== */
  .cart-view .panel-group {
    margin-left: -1.5rem; }

  /* situace s větším než max. množstvím */
  .cart-view .vm-fieldset-pricelist .max-amount-cart-container {
    position: absolute;
    z-index: 10;
    width: 272px;
    margin-left: -34%;
    margin-top: -0.5rem; } }
/* ============================================================================
***************************** BREAKPOINT <= 767px *****************************
============================================================================ */
@media (max-width: 767px) {
  .view-cart section.content {
    background: #fff; }

  .view-cart main#content {
    padding: 0 2rem 3rem !important;
    background: #fff; }

  .cart-view.container-fluid {
    padding-top: 1rem; }

  .container-fluid.cart-summary {
    padding: 0;
    margin: 0 -2rem;
    width: initial; }

  .cart-view .vm-fieldset-pricelist .row.category-header > div {
    padding: 0 2rem 1.5rem 2rem;
    margin-bottom: 1rem; }

  .cart-view .vm-fieldset-pricelist .body > .row {
    padding: 0 1rem 1rem 1rem !important; }

  .cart-view .vm-fieldset-pricelist .body > .row:not(.last) {
    margin-bottom: 2rem !important; }

  .cart-view .vm-fieldset-pricelist .footer {
    padding: 2rem 2rem 1.5rem 2rem; }

  .cart-view section.content > footer {
    border-top: 0; }

  /* situace s větším než max. množstvím */
  .cart-view .vm-fieldset-pricelist .max-amount-cart-container {
    position: absolute;
    z-index: 10;
    width: 100vw;
    margin-top: -0.5rem;
    left: 0;
    padding-right: 3rem !important; }

  .cart-view .vm-fieldset-pricelist .max-amount-cart-container .max-amount-wrapper:before {
    left: calc(25% - 0.25rem); }

  /* Krok 2 - Misto urceni
  ======================================================================== */
  .view-cart.task-edit_shipment .cart-view.container-fluid {
    padding-top: 0; }

  .view-cart.task-edit_shipment main#content {
    padding: 0.25rem 1rem 3rem !important; }

  .view-cart.task-edit_shipment #accordionPlace {
    margin: 2.25rem -1rem; }

  .view-cart.task-edit_shipment .btn-panel {
    padding: 1.188rem; }

  .view-cart.task-edit_shipment .panel-group div::before {
    margin-right: 0.688rem !important; }

  .view-cart.task-edit_shipment .cart-wrapper {
    border-radius: 16px;
    background: #fff;
    box-shadow: none;
    margin-bottom: 2rem;
    padding: 0; }

  .view-cart.task-edit_shipment .cart-wrapper .your-order,
  .view-cart.task-edit_shipment .cart-wrapper .statuscart-total {
    display: none; }

  .view-cart.task-edit_shipment .cart-wrapper .btn-success-wrapper {
    margin: 0; }

  .view-cart.task-edit_shipment .cart-wrapper .btn-success-wrapper .btn-success {
    border-radius: 16px; }

  .view-cart.task-edit_shipment .vm-shipment-select .delivery-wrapper .row {
    padding: 1rem; }

  .view-cart.task-edit_shipment .vm-shipment-select .delivery-wrapper .row > div[class*="col-"] {
    padding: 0; }

  .view-cart.task-edit_shipment .vm-shipment-select .delivery-wrapper .installation-wrapper,
  .view-cart.task-edit_shipment .vm-shipment-select .delivery-wrapper .service-wrapper {
    margin-left: auto; }

  .view-cart.task-edit_shipment .vm-shipment-select .delivery-wrapper .installation-wrapper:before,
  .view-cart.task-edit_shipment .vm-shipment-select .delivery-wrapper .service-wrapper:before {
    display: none; }

  .view-cart.task-edit_shipment .vm-shipment-select .delivery-wrapper .express24-container,
  .view-cart.task-edit_shipment .vm-shipment-select .delivery-wrapper .economy-container {
    display: none; }

  .view-cart.task-edit_shipment .vm-shipment-select .delivery-wrapper .express24 .installation-wrapper:before {
    content: "";
    background: url("../images/symbols/Brand_GO1_Express_Symbol.svg") no-repeat 0 0;
    background-size: auto;
    background-size: contain;
    width: 24px;
    height: 16px;
    display: block;
    float: left;
    margin-right: 8px; }

  .view-cart.task-edit_shipment .panel.coords .card-body {
    padding: 1rem 1rem 0; }

  .view-cart.task-edit_shipment .panel.coords .card-body #destination-coords-wrapper {
    margin-bottom: 0; }

  .view-cart.task-edit_shipment .panel.address .card-footer,
  .view-cart.task-edit_shipment .panel.coords .card-footer {
    padding: 1rem !important;
    border-top: 0; }

  .view-cart.task-edit_shipment #collapseAddressNote .card-body,
  .view-cart.task-edit_shipment #collapseCoordsNote .card-body {
    margin-bottom: 0; }

  /* Krok 3 - Kontaktni udaje
  ======================================================================== */
  .view-user.task-editaddresscart .user-view.container-fluid {
    padding-top: 0; }

  .view-user.task-editaddresscart main#content {
    padding: 0.25rem 1rem 3rem !important; }

  .view-user.task-editaddresscart h2 {
    font-size: 1.125rem; }

  .view-user.task-editaddresscart .user-view #userForm h2 {
    margin-top: 0.5rem;
    margin-bottom: 2.5rem; }

  .view-user.task-editaddresscart .phone_1-group {
    order: 2;
    margin-bottom: 0.5rem; }

  .view-user.task-editaddresscart .email-group {
    order: 1; }

  .view-user.task-editaddresscart .zip-group {
    padding-left: 0; }

  .view-user.task-editaddresscart .user-view .toggle-person2 {
    margin-top: 0.5rem;
    margin-bottom: 2.5rem;
    text-decoration: none; }

  .view-user.task-editaddresscart .user-view #collapsePerson2 > .card-body {
    padding: 0;
    background-color: unset; }

  .view-user.task-editaddresscart .cart-wrapper {
    border-radius: 16px;
    background: #fff;
    box-shadow: none;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
    padding: 0; }

  .view-user.task-editaddresscart .cart-wrapper .your-order,
  .view-user.task-editaddresscart .cart-wrapper .installation-place,
  .view-user.task-editaddresscart .cart-wrapper .installation-place-coords,
  .view-user.task-editaddresscart .cart-wrapper .statuscart-total {
    display: none; }

  .view-user.task-editaddresscart .cart-wrapper .btn-success-wrapper {
    margin: 0; }

  .view-user.task-editaddresscart .cart-wrapper .btn-success-wrapper .btn-success {
    border-radius: 16px; }

  /* Krok 4 - Platba
  ======================================================================== */
  .view-cart.task-edit_payment .cart-view.container-fluid {
    padding-top: 0; }

  .view-cart.task-edit_payment main#content {
    padding: 0.25rem 1rem 3rem !important; }

  .view-cart.task-edit_payment h2 {
    font-size: 1.125rem; }

  .view-cart.task-edit_payment #accordionPayment {
    margin-left: -1rem;
    margin-right: -1rem; }

  .view-cart.task-edit_payment .cart-wrapper {
    border-radius: 16px;
    background: #fff;
    box-shadow: none;
    margin-bottom: 2rem;
    padding: 0; }

  .view-cart.task-edit_payment .cart-wrapper .your-order,
  .view-cart.task-edit_payment .cart-wrapper .installation-place,
  .view-cart.task-edit_payment .cart-wrapper .installation-place-coords,
  .view-cart.task-edit_payment .cart-wrapper .statuscart-total {
    display: none; }

  .view-cart.task-edit_payment .cart-wrapper .btn-success-wrapper {
    margin: 0; }

  .view-cart.task-edit_payment .cart-wrapper .btn-success-wrapper .btn-success {
    border-radius: 16px; }

  .view-cart.task-edit_payment .cart-view #checkoutForm #accordionPayment {
    margin-bottom: 2.5rem; }

  /* Krok 5 - Rekapitulace
  ======================================================================== */
  .view-cart.step-recap .cart-view.container-fluid {
    padding-top: 0; }

  .view-cart.step-recap main#content {
    padding: 0.25rem 0 3rem !important;
    margin: 0 -15px; }

  .view-cart.step-recap main#content #system-message-container {
    padding-left: 2rem;
    padding-right: 2rem; }

  .view-cart.step-recap h2 {
    font-size: 1.125rem;
    display: flex;
    align-items: center;
    padding-left: 2rem;
    padding-right: 2rem; }

  .view-cart.step-recap h2 > a {
    margin-left: auto; }

  .view-cart.step-recap .status-cart {
    padding: 0.75rem 0 2.25rem;
    margin-bottom: 1.75rem; }

  .view-cart.step-recap .status-cart .your-order,
  .view-cart.step-recap .status-cart .statuscart-total {
    padding: 0.75rem 0 2.25rem;
    border-bottom: 1px solid rgba(10, 16, 69, 0.1); }

  .view-cart.step-recap .status-cart .statuscart-total {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    background: rgba(176, 207, 58, 0.08); }

  .view-cart.step-recap .status-cart h4 {
    font-size: 1.125rem;
    text-transform: initial !important;
    color: #0a1045 !important;
    font-weight: 600;
    margin-bottom: 1.5rem;
    display: flex; }

  .view-cart.step-recap .status-cart h4 > a {
    margin-left: auto; }

  .view-cart.step-recap .status-cart .quantity > span {
    font-weight: 600; }

  .view-cart.step-recap .status-cart .your-order {
    padding: 0.75rem 2rem; }

  .view-cart.step-recap .status-cart .installation-place,
  .view-cart.step-recap .status-cart .installation-place-coords,
  .view-cart.step-recap .status-cart .contact,
  .view-cart.step-recap .status-cart .contact-place,
  .view-cart.step-recap .status-cart .address,
  .view-cart.step-recap .status-cart .payment {
    padding: 2.5rem 2rem;
    border-bottom: 1px solid rgba(10, 16, 69, 0.1); }

  .view-cart.step-recap .status-cart .statuscart-total,
  .view-cart.step-recap fieldset[class*="vm-fieldset"],
  .view-cart.step-recap .cart-wrapper {
    padding-left: 2rem !important;
    padding-right: 2rem !important; }

  .view-cart.step-recap .status-cart .statuscart-total .row.price:first-child {
    margin-bottom: 1.5rem; }

  .view-cart.step-recap fieldset[class*="vm-fieldset"] .custom-control {
    margin-left: 0.5rem; }

  .view-cart.step-recap .status-cart .statuscart-total > .row {
    margin: 0; }

  .view-cart.step-recap .status-cart .your-order .product-wrapper > .row > div[class*="col-9"] {
    padding-left: 0; }

  .view-cart.step-recap .status-cart .your-order .product-wrapper > .row > div[class*="col-9"] .product_name {
    font-weight: 600; }

  .view-cart.step-recap .status-cart .your-order .installation-collection-container::after {
    align-self: auto;
    margin: 0 0.5rem; }

  .view-cart.step-recap .status-cart .your-order .installation-collection-container > div[class*="col-"] {
    max-width: 4.5rem; }

  .view-cart.step-recap .status-cart .your-order .installation-collection-container > div[class*="col-"] .date-wrapper:before {
    display: none; }

  .view-cart.step-recap .status-cart .your-order .installation-collection-container,
  .view-cart.step-recap .status-cart .your-order .service-parent-container,
  .view-cart.step-recap .status-cart .your-order .installation-container,
  .view-cart.step-recap .status-cart .your-order .collection-container,
  .view-cart.step-recap .status-cart .your-order .service-container {
    margin-bottom: 1rem; }

  .view-cart.step-recap .status-cart .your-order .product-wrapper > .row > div[class*="col-3"] {
    padding-right: 0;
    text-align: right; }

  .view-cart.step-recap .vm-fieldset-tos {
    margin-top: 2.5rem; }

  .view-cart.step-recap .cart-wrapper {
    border-radius: 16px;
    background: #fff;
    box-shadow: none;
    margin-bottom: 2rem;
    padding: 0; }

  .view-cart.step-recap .cart-wrapper .btn-success-wrapper {
    margin: 0; }

  .view-cart.step-recap .cart-wrapper .btn-success-wrapper .btn-success {
    border-radius: 16px; }

  .view-cart.step-recap .status-cart .payment .vmCartPaymentLogo {
    display: none; } }
/* RESPONSIVE VM uzivatel
============================================================================ */
/* RESPONSIVE VM produkt
============================================================================ */
/* ============================================================================
****************************** BREAKPOINT >= 1200px *****************************
============================================================================ */
/* ============================================================================
****************************** BREAKPOINT <= 991px *****************************
============================================================================ */
@media (max-width: 991px) {
  /* Registrace
  ============================================================================ */
  .registration-view .already-customer h3 {
    color: #0a1045;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px; }

  .registration-view .already-customer p {
    color: #0a1045;
    font-size: 16px;
    line-height: 24px;
    clear: left; }

  .registration-view .why-register h4 {
    color: #8487a2;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 28px; }

  .registration-view .why-register li {
    color: #0f0326;
    font-size: 14px;
    line-height: 16px; } }
/* ============================================================================
****************************** BREAKPOINT >= 768px *****************************
============================================================================ */
/* VM registrace
============================================================================ */
@media (min-width: 768px) {
  .registration-view.container-fluid {
    padding: 5rem 5rem 0; }

  .regcomplete-view.container-fluid {
    padding: 8.75rem 5rem 0; }

  .regcomplete-view .thumbnail .img-fluid {
    margin-top: -3rem; }

  /* Zakaznicka zona
  ============================================================================ */
  .item-pageview-user.zakaznicka-zona h1,
  .item-pageview-user.zakaznicka-zona div[itemprop="articleBody"] > p:first-child {
    text-align: center; } }
/* ============================================================================
****************************** BREAKPOINT <= 767px *****************************
============================================================================ */
@media (max-width: 767px) {
  .view-user.uzivatelsky-profil.guest .breadcrumbs {
    display: none; }

  .view-user main#content {
    padding: 0.25rem 1rem 3rem !important; }

  .view-user h1 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 2.25rem;
    margin-bottom: 2rem; }

  /* Registrace
  ============================================================================ */
  .registration-view > #userForm > .address-pane {
    order: 2; }

  .registration-view > #userForm > .info-pane {
    order: 1; }

  .registration-view > #userForm > .info-pane > .container-fluid {
    padding: 0; }

  .registration-view a.toggle-business {
    padding: 0 0 2rem; }

  .registration-view > #userForm .button-wrapper .verify-email {
    order: 2;
    padding-top: 1rem;
    text-align: center; }

  .registration-view > #userForm .button-wrapper {
    padding-top: 1rem; }

  .registration-view > #userForm .button-wrapper .button {
    order: 1; }

  .registration-view a.toggle-business {
    margin: 0 -31px;
    padding: 0 47px 2rem; }

  .registration-view #collapseBusiness h2 {
    margin-top: 0;
    margin-bottom: 2.5rem; }

  .registration-view button.toggle-ares {
    margin: 0 auto 2rem;
    width: 100%; }

  .registration-view .zip-group {
    padding-left: 0; }

  .registration-view #collapseAres {
    border-bottom: 2px solid rgba(10, 16, 69, 0.1);
    margin: 0 -31px;
    padding: 0 31px 0.5rem 31px; }

  .registration-view #setpassword-password {
    width: 100% !important; }

  .registration-view .privacy-group > .custom-control {
    margin-left: 15px; }

  .registration-view.setpassword-layout .btn-success {
    width: 100%;
    margin-top: 1.5rem; }

  .regcomplete-view .regcomplete-image .thumbnail {
    display: flex;
    width: inherit;
    justify-content: center; }

  .regcomplete-view .regcomplete-image .img-fluid {
    max-width: 208px; }

  .regcomplete-view .btn-success {
    width: 100%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    margin-top: 0;
    margin-bottom: 2rem; }

  /* Zakaznicka zona - Uzivatelsky profil
  ============================================================================ */
  .view-user.uzivatelsky-profil h1 {
    margin-bottom: 0.5rem; }

  .view-user.uzivatelsky-profil .user-view #userForm h2 {
    margin-top: 0.5rem;
    margin-bottom: 2.5rem; }

  .view-user.uzivatelsky-profil .user-view .zip-group {
    padding-left: 0; }

  .view-user.uzivatelsky-profil .user-view .button-wrapper div[class*="col-"] {
    padding-left: 0;
    padding-right: 0; }

  .view-user.uzivatelsky-profil .user-view .btn-success {
    width: 100%;
    margin: -0.5rem 0 1.5rem 0; }

  /* Zakaznicka zona - Moje objednavky
  ============================================================================ */
  .view-orders main#content {
    padding: 0.25rem 1rem 3rem !important; }

  .view-orders h1 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 2.25rem;
    margin-bottom: 0.5rem; }

  /* Zakaznicka zona - Moje pronajmy
  ============================================================================ */
  .view-rentals main#content {
    padding: 0.25rem 1rem 3rem !important; }

  .view-rentals h1 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 2.25rem;
    margin-bottom: 0.5rem; } }
/* ============================================================================
***************************** BREAKPOINT <= 767px *****************************
============================================================================ */
@media (max-width: 767px) {
  /* Navrat z platebni brany
  ======================================================================== */
  .task-pluginresponsereceived main#content {
    padding: 0.25rem 1rem 3rem !important; }

  .task-pluginresponsereceived h1, .task-pluginresponsereceived h3 {
    font-size: 2rem !important;
    font-weight: bold !important;
    line-height: 2.25rem;
    margin-bottom: 2rem !important; }

  /* Vypis objednavek
  ======================================================================== */
  .view-orders .vm-orders-list table td > a {
    font-size: 0.875rem;
    display: block; }

  /* Detail objednavky
  ======================================================================== */
  .view-orders .vm-orders-items .category-header {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(10, 16, 69, 0.1); }

  .view-orders .vm-orders-info {
    margin: 2.5rem 0 0;
    padding: 0;
    border-bottom: 0; }

  .view-orders .vm-orders-information h2 {
    font-size: 1.125rem;
    margin: 1.5rem 0; }

  .view-orders .vm-orders-items .order-item-images {
    display: none !important; }

  .view-orders .vm-fieldset-pricelist .body > .row:not(.last) {
    border-bottom: 1px solid rgba(10, 16, 69, 0.1);
    margin-bottom: 1rem; }

  .view-orders .vm-fieldset-pricelist .product-name-wrapper * {
    font-size: 1rem; }

  .view-orders .vm-fieldset-pricelist .name-description-wrapper .unit {
    font-weight: normal; }

  .view-orders .order-detail-anchors {
    border-top: solid 1px rgba(10, 16, 69, 0.1); }

  .view-orders .order-detail-anchors div[class*="col-"] {
    border-bottom: solid 1px rgba(10, 16, 69, 0.1);
    font-weight: 500; }

  .view-orders .dest-coords {
    margin-top: 1rem; }

  .view-orders .vm-fieldset-pricelist .body .row > div.vm-cart-item-total {
    flex-direction: column;
    align-items: end;
    padding-top: 0; }

  .view-orders .vm-orders-shipment > h2 {
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(10, 16, 69, 0.1);
    margin-bottom: 0.75rem; }

  .view-orders .vm-orders-shipment .express24-container > div {
    text-transform: initial; }

  .view-orders .vm-orders-shipment .body > .row > div.flex-column div {
    justify-content: flex-end;
    padding: 0; }

  .view-orders .vm-orders-history h2 {
    font-size: 1.125rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(10, 16, 69, 0.1);
    margin: 4rem 0 0.75rem; }

  .view-orders .vm-orders-history {
    margin-bottom: 2rem; }

  .view-orders .installation-collection-container::after {
    margin-top: auto;
    margin-bottom: 6px; } }
/* hlavicka
============================================================================ */
@media (min-width: 992px) {
  header#top-header {
    padding: 1.5rem 3.5rem; } }
@media (max-width: 767px) {
  #container-sticky {
    position: sticky;
    background: #fff;
    top: 0;
    z-index: 1000;
    width: 100%; }

  header#top-header .navbar-brand {
    height: 1rem; } }
@media (max-width: 991px) {
  header#top-header .navbar-brand {
    margin-left: 1rem; } }
@media (max-width: 1199px) {
  header#top-header .navbar-brand img {
    vertical-align: initial; } }
/* prostredni sloupec */
@media (min-width: 1200px) {
  header#top-header .center-col {
    justify-content: center; } }
/* navigace
============================================================================ */
main#content {
  padding: 0 3.5rem; }

/* Jumbotron (siroky banner pod navigaci)
============================================================================ */
@media (min-width: 992px) {
  .content .jumbotron-fluid {
    margin-top: -2rem; } }
@media (max-width: 991px) {
  .content .jumbotron-fluid {
    margin-top: -1.5rem; } }
@media (min-width: 768px) {
  .custom-jumbotron.home {
    padding: 0 0 0 100px; }

  .custom-jumbotron.home h1 {
    margin: 4rem 0 1.5rem; } }
@media (max-width: 767px) {
  .custom-jumbotron.home h1 {
    font-size: 48px; }

  .custom-jumbotron.home .row {
    margin: 0; } }
/* bannery pod obsahem
============================================================================ */
@media (min-width: 768px) {
  .moduletable-banner-bottom-left {
    padding: 64px 0 64px 64px; } }
@media (max-width: 767px) {
  .moduletable-banner-bottom-left {
    padding: 1.5rem 0 1.5rem; } }
@media (min-width: 768px) {
  .moduletable-banner-bottom-right {
    padding: 64px 64px 64px 0; } }
/* horni paticka
============================================================================ */
@media (max-width: 767px) {
  .main-footer-top {
    padding: 0 0 40px; }

  .main-footer-top > div[class*="col-"] {
    padding: 0 17px; } }
/* spodni paticka 
============================================================================ */
@media (min-width: 768px) {
  .main-footer-bottom > .container-xl > .row > div[class*="col-"] {
    padding: 29px 88px; } }
/* GDPR 
============================================================================ */
@media (min-width: 992px) {
  .main-footer-bottom .menu-gdpr {
    text-align: right; } }
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  /* paticka
  ============================================================================ */
  .main-footer .custom-delivery > p {
    margin-bottom: 40px; }

  .main-footer-bottom > div[class*="col-"] {
    padding: 10px 17px;
    font-size: 12px; }

  .main-footer-bottom > div[class*="col-"] > p {
    margin-bottom: 0; } }
/* ============================================================================
****************************** BREAKPOINT > 1199px ****************************
============================================================================ */
@media (min-width: 1199px) {
  section.content main#content {
    padding-left: 87px;
    padding-right: 87px;
    padding-bottom: 144px; } }
/* ============================================================================
********************* BREAKPOINT >= 992px && <= 1199px ************************
============================================================================ */
@media (min-width: 992px) and (max-width: 1199px) {
  section.content main#content {
    padding: 0 2rem 144px;
    width: auto; } }
/* ============================================================================
****************************** BREAKPOINT < 992px *****************************
============================================================================ */
@media only screen and (max-width: 991px) {
  section.content main#content {
    padding: 0 1.5rem 80px;
    width: 100%;
    min-width: 320px; }

  /* rozne
  ============================================================================ */
  .breadcrumbs ul.breadcrumb, .breadcrumbs {
    padding: 0; }

  section.content .breadcrumbs > div[class*="col-"] {
    padding: 0 1.5rem; }

  section.content {
    padding-top: 1.5rem;
    background: rgba(10, 16, 69, 0.03); }

  header#top-header {
    padding: 1.5rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.08);
    z-index: 10;
    background: #fff; }

  /* obsahova cast (home)
  ============================================================================ */
  .content .home h1 {
    color: #0a1045;
    font-size: 2.75rem;
    font-weight: bold;
    text-align: center;
    line-height: 52px;
    margin-bottom: 1.5rem; }

  .content .home p {
    color: #0a1045;
    font-size: 16px;
    text-align: center;
    line-height: 24px; }

  /* product details
  ============================================================================ */
  .productdetails .vm-product-container > h2 {
    text-align: center;
    font-size: 32px; }

  .productdetails .vm-product-container .product-short-description {
    font-size: 16px;
    text-align: center;
    line-height: 24px; }

  .productdetails .vm-product-container .product-description h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 2.5rem;
    margin-bottom: 22px; }

  .product-container .product-short-description {
    margin-bottom: 64px; }

  .productdetails .vm-product-container .product-description .table-outer th {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.5px; }

  .productdetails .vm-product-container .product-description .table-outer thead:before {
    height: 16px;
    display: table-row;
    content: ''; }

  .productdetails .vm-product-container .product-description .table-outer tbody:after {
    height: 16px;
    display: table-row;
    content: ''; }

  .productdetails .vm-product-container .product-description .table-outer caption {
    font-size: 11px;
    line-height: 16px; }

  .product-container .product-description .custom.toilet-service .row {
    margin-bottom: 4px !important; }

  .productdetails .list-check {
    color: #0f0326 !important;
    font-size: 14px;
    line-height: 16px; }

  /* MODAL po vlozeni do kosiku
  ============================================================================ */
  .cart-padded-container h3 {
    color: #0a1045;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px; }

  #fancybox-content {
    border-width: 0 !important; }

  #fancybox-content .cart-padded-container {
    max-width: initial; }

  #fancybox-content .cart-padded-container .products h4 {
    font-size: 14px; }

  #fancybox-content .cart-padded-container .products p {
    font-size: 12px; }

  /* MODAL prihlaseni
  ============================================================================ */
  #loginModal h3.modal-title {
    color: #0a1045;
    font-size: 18px;
    font-weight: 600; }

  #loginModal p.text1 {
    color: #8487a2;
    font-size: 12px;
    line-height: 16px; }

  /* Registrace
  ============================================================================ */
  .registration-view .already-customer .logo-johnnyservis-wrapper {
    float: left;
    margin-right: 16px;
    margin-bottom: 16px; }

  /* Kontakty
  ============================================================================ */
  .contact-view h2 {
    font-size: 32px;
    margin-bottom: 16px; }

  .contact-view p {
    color: #0a1045;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0; }

  .contact-view .customer-service, .contact-view .write-to-us, .contact-view .address {
    margin-top: 40px; }

  .contact-view .text-secondary {
    margin-bottom: 24px;
    color: #8487a2;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 16px; }

  .contact-view .customer-service h3, .contact-view .write-to-us h3 {
    color: #0a1045;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    align-items: center;
    margin-bottom: 4px; }

  .contact-view address {
    color: #0f0326;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px; }

  .contact-view .contact-name {
    color: #0a1045;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px; }

  /* Kosik
  ============================================================================ */
  #checkoutForm .header, #checkoutForm span.cart-images {
    display: none; }

  .vm-cart-item-total .PricepriceWithoutTax {
    color: #8487a2;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 16px; }

  #checkoutForm .footer .priceWithoutTax {
    color: #8487a2;
    font-size: 11px;
    line-height: 16px; }

  #checkoutForm .footer .priceWithoutTax .text-right {
    font-size: 14px;
    letter-spacing: 0.5px; }

  #checkoutForm .footer .billTotal .text-right {
    font-size: 16px;
    letter-spacing: 0.5px; }

  #checkoutForm .name-description-wrapper h4 {
    color: #0a1045;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px; }

  .cart-view #checkoutForm > div > p {
    color: #8487a2;
    font-size: 14px;
    line-height: 18px; }

  .cart-view h3 {
    color: #0a1045;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px; }

  .card h5 {
    color: #0a1045;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 8px; }

  .card p {
    color: #8487a2;
    font-size: 12px;
    line-height: 16px; }

  /* OBRAZOK PRODUKTU */
  .vm-product-media-container .main-image > a {
    justify-content: center; }

  .vm-product-media-container {
    max-width: inherit !important; }

  /* MODAL KALENDAR */
  #intervalModalLabel {
    color: #8487a2;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px; }

  /* Po objednani (order-done)
  ============================================================================ */
  #content .order-done h2 {
    color: #0a1045;
    font-size: 32px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 16px; }

  #content .order-done p {
    color: #0a1045;
    font-size: 16px;
    line-height: 24px; }

  #content .order-done .what-next p {
    color: #8487a2;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px; }

  #content .order-done .what-next ul li {
    color: #0f0326;
    font-size: 14px;
    line-height: 18px;
    align-items: baseline; }

  .main-footer-bottom {
    padding-top: 40px;
    padding-bottom: 40px; }

  .main-footer-bottom > div {
    text-align: center; }

  .main-footer-bottom > .container-xl > .row > div[class*="col-"] {
    padding: 0.5rem 17px; }

  .main-footer-bottom > .container-xl > .row > div[class*="col-"]:first-child {
    order: 3; } }
/* ============================================================================
****************************** BREAKPOINT >= 768px *****************************
============================================================================ */
@media only screen and (min-width: 768px) {
  .position-md-relative {
    position: relative !important; } }
/* ============================================================================
****************************** BREAKPOINT <= 767px *****************************
============================================================================ */
@media only screen and (max-width: 767px) {
  #top-header > .main-header > .position-absolute {
    top: 76px;
    left: 0;
    background: #fff;
    z-index: 10; } }

/*# sourceMappingURL=responsive.css.map */