:root {--ar-primary: #e20613;--ar-primary-rgb: 226, 6, 19;--ar-link-color: #e20613;--ar-link-hover-color: #b5050f;}
.btn-primary {--ar-btn-bg: #e20613;--ar-btn-border-color: #e20613;--ar-btn-hover-bg: #b5050f;--ar-btn-active-bg: #b5050f;--ar-btn-hover-border-color: #b5050f;--ar-btn-active-border-color: #b5050f;}
.topkraft-container-big {padding-top: 120px; padding-bottom: 120px;}
.topkraft-container {padding-top: 80px; padding-bottom: 80px;}
.topkraft-head-bold {font-weight: 700; letter-spacing: -0.5px;}
.topkraft-head-extrabold {font-weight: 800; letter-spacing: -0.75px;}
.topkraft-badge {background-color: none !important;padding: 0;font-size: 14px !important;text-transform: uppercase;color: #576071;font-weight: 500;}
.topkraft-bg-product {background-color: #858c97;}
.bg-faded-dark {--ar-bg-opacity: 0.2;}
.topkraft-product-icon {width: 32px; height: 32px;}
.topkraft-product-img {width: 330px;}
.topkraft-product-circle {bottom: calc(50% - 240px); width: 480px; height: 480px; margin-left: -240px;}
.topkraft-reference {max-width: 298px; height: 160px; background-size: cover;}
.topkraft-reference h3 {line-height: 1.1;}
.topkraft-reference p {line-height: 1.2;}
.swiper-button-disabled, .swiper-button-disabled:disabled {opacity: .25;}
.navbar.navbar-stuck {box-shadow: rgba(50, 50, 93, 0.05) 0px 13px 27px -5px, rgba(0, 0, 0, 0.05) 0px 8px 16px -8px}
.bg-topkraft-form {background-color: #434a57;}
.topkraft-form-link-up {display: flex; height: 42px; width: auto; justify-content: flex-end; align-items: flex-start;}
.topkraft-form-link-up .link-primary {color: #121519 !important;}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {padding-right: 1rem;}
.topkraft-form-podminky {color: rgba(255, 255, 255, 0.7);}
.topkraft-form-podminky:hover, .topkraft-form-podminky:active, .topkraft-form-podminky:focus {color: rgba(255, 255, 255, 1);}
#modalTopKraft button.btn-close {position: absolute;right: 20px;top: 20px;}
#modalTopKraft .modal-content {padding: 0; overflow: hidden; border: 0; background-color: #a40001;}

/* TopKraft Header */
.topkraft-lanq-cz {background-image: url("../img/topkraft/cz.svg"); width: 24px;height: 18px;margin-right: 10px;display: flex;}
.topkraft-lanq-en {background-image: url("../img/topkraft/gb.svg"); width: 24px;height: 18px;margin-right: 10px;display: flex;}
.topkraft-lanq-sk {background-image: url("../img/topkraft/sk.svg"); width: 24px;height: 18px;margin-right: 10px;display: flex;}


/* TopKraft Hero Swiper */
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {margin-right: 6px;margin-left: 6px;}
.topkraft-hero-slide-1 {background-image:url("../img/topkraft/www-2023-hero-1.jpg"); background-size: cover; background-position: center; min-height: 656px;}
.topkraft-hero-slide-2 {background-image:url("../img/topkraft/www-2023-hero-2.jpg"); background-size: cover; background-position: center; min-height: 656px;}
.topkraft-hero-slide-3 {background-image:url("../img/topkraft/www-2023-hero-3.jpg"); background-size: cover; background-position: center; min-height: 656px;}
.topkraft-hero-slide-4 {background-image:url("../img/topkraft/www-2023-hero-4.jpg"); background-size: cover; background-position: center; min-height: 656px;}
.topkraft-hero-slide-5 {background-image:url("../img/topkraft/www-2023-hero-5.jpg"); background-size: cover; background-position: center; min-height: 656px;}
.swiper .btn-prev {left: 3.5%;}
.swiper .btn-next {right: 3.5%;}
.topkraft-hero-slide-1-content .display-4, .topkraft-hero-slide-2-content .display-4, .topkraft-hero-slide-3-content .display-4, .topkraft-hero-slide-4-content .display-4, .topkraft-hero-slide-5-content .display-4 {line-height: 1.15;}
.topkraft-hero-slide-2-content {position: relative; top: 100px;}
.topkraft-hero-slide-3-content {}
.topkraft-hero-slide-4-content {position: relative; top: 100px;}
.topkraft-hero-slide-5-content {}
.swiper-pagination-bullet {border-radius: 0;height: 4px;width: 100px;background-color: rgba(255, 255, 255, .25);border: 0px;}
.swiper-pagination-bullet-active {border-radius: 0;height: 4px;width: 100px;background-color: #fff;border: 0px;}
.link-primary:hover, .link-primary:active, .link-primary:focus {color: #b5050f !important;}
.footer .nav-link {line-height: 1.3}


/* TopKraft Card */	
.card-body {padding: 1.5rem;}
.topkraft-card .h4 {line-height: 1.15;}
.topkraft-card .bg-primary {--ar-bg-opacity: 0.75;}
.topkraft-card-body {min-height: 310px;}

.topkraft-card-produkty {padding: 0px;border-radius: 30px;overflow: hidden;}
.topkraft-card-produkty {padding: 0px;border-radius: 30px;overflow: hidden;}
.topkraft-card-body-produkty {padding: 0px;}
.topkraft-card-body-produkty-text {padding: 306px 30px 30px 30px; top: 0; left: 0;position: absolute; text-align: left; }
.topkraft-card-body-produkty-text h3 {font-size: 18px !important; line-height: 1.2;}
.topkraft-card-body-produkty-text p {font-size: 16px !important; line-height: 1.2;}

#topkraft-produkty .btn-outline-primary {color: #e20613; border-color: #e20613; background-color:transparent;}
#topkraft-produkty .btn-outline-primary:hover, #topkraft-produkty .btn-outline-primary:active, #topkraft-produkty .btn-outline-primary:focus {color: #fff; border-color: #e20613; background-color:#e20613 }

#topkraft-produkty .swiper-slide, #topkraft-reference .swiper-slide, #topkraft-specialiste .swiper-slide, #topkraft-historie .swiper-slide {cursor: move; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab;}
#topkraft-produkty .swiper-slide:active, #topkraft-reference .swiper-slide:active, #topkraft-specialiste .swiper-slide:active, #topkraft-historie .swiper-slide:active {cursor: grabbing !important; cursor: -moz-grabbing !important; cursor: -webkit-grabbing !important;}





/* TopKraft Gallery */	
#topkraft-gallery .btn-outline-primary {color: #e20613; border-color: #e20613; background-color:transparent;}
#topkraft-gallery .btn-outline-primary:hover, #topkraft-gallery .btn-outline-primary:active, #topkraft-gallery .btn-outline-primary:focus {color: #fff; border-color: #e20613; background-color:#e20613 }
#topkraft-gallery .gallery-item {max-width: 400px;}



/* TopKraft History */	
.topkraft-card-historie {padding: 0px;border-radius: 0px;overflow: hidden; background-color: transparent;width: 330px; text-align: left;}
.topkraft-card-historie:hover .step-number-topkraft::before, .topkraft-card-historie:active .step-number-topkraft::before, .topkraft-card-historie:focus .step-number-topkraft::before {transform: scale(1);opacity: 0.1;}
.step-number-topkraft {position: relative;display: flex;align-items: center;justify-content: center;flex-shrink: 0;width: 72px;height: 72px;}
.step-number-topkraft::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: scale(0.5);transition: transform .3s ease-in-out,opacity .2s;border-radius: 50%;background-color: #e20613;opacity: 0;content: "";}
.step-number-inner-topkraft {position: relative;display: flex;align-items: center;justify-content: center;width: 56px;height: 56px;transition: color .3s ease-in-out,background-color .3s ease-in-out;border-radius: 50%;background-color: #edf1f5;color:#e20613;font-size: 20px;font-weight: 700;z-index: 2;}
.topkraft-card-historie:hover .step-number-inner-topkraft {background-color: #e20613;color:#f6f9fc;}
.step-number-topkraft-line {position: absolute; content: "";right: 0;left: 72px;width: 100%;height: auto;top: 36px;border-top: 1px dashed #d7dde2;}
.topkraft-card-historie h3 {font-size: 36px;}
#topkraft-historie .btn-outline-primary {color: #e20613; border-color: #e20613; background-color:transparent;}
#topkraft-historie .btn-outline-primary:hover, #topkraft-historie .btn-outline-primary:active, #topkraft-historie .btn-outline-primary:focus {color: #fff; border-color: #e20613; background-color:#e20613 }

/* TopKraft Contact */
.topkraft-kontakt-card-top .card {border-radius: 1.5rem; }
.topkraft-kontakt-card-top .card-body {padding: 2.5rem;}
.topkraft-kontakt-card-top .card-body a.nav-link:hover, .topkraft-kontakt-card-top .card-body a.nav-link:active, .topkraft-kontakt-card-top .card-body a.nav-link:focus {color: #e20613;}
.topkraft-kontakt-card-bottom .card {border-radius: 0rem; }
.topkraft-kontakt-card-bottom .card-body {padding: 0rem;}
.topkraft-kontakt-card-bottom .card-body h4 {font-size: 22px;}
.topkraft-kontakt-card-bottom .card-body a.nav-link:hover, .topkraft-kontakt-card-bottom .card-body a.nav-link:active, .topkraft-kontakt-card-bottom .card-body a.nav-link:focus {color: #e20613;}
#topkraft-specialiste .card {border-radius: 1.5rem; width: 306px;}
#topkraft-specialiste .card-body {padding: 2.5rem; text-align: left;}
#topkraft-specialiste .card-body h4 {font-size: 22px;}
#topkraft-specialiste .card-body a.nav-link:hover, #topkraft-specialiste .card-body a.nav-link:active, #topkraft-specialiste .card-body a.nav-link:focus {color: #e20613;}
#topkraft-specialiste .btn-outline-primary {color: #e20613; border-color: #e20613; background-color:transparent;}
#topkraft-specialiste .btn-outline-primary:hover, #topkraft-specialiste .btn-outline-primary:active, #topkraft-specialiste .btn-outline-primary:focus {color: #fff; border-color: #e20613; background-color:#e20613 }
#topkraft-map iframe {width: 100%; height: 700px; border:none;}


@media (max-width: 1199px){
.topkraft-container-big {padding-top: 90px; padding-bottom: 90px;}
.topkraft-container {padding-top: 65px; padding-bottom: 65px;}	
.topkraft-hero-slide-1 {background-image:url("../img/topkraft/www-2023-hero-1.jpg"); background-size: cover; background-position: center; min-height: 500px;}
.topkraft-hero-slide-2 {background-image:url("../img/topkraft/www-2023-hero-2.jpg"); background-size: cover; background-position: center; min-height: 500px;}
.topkraft-hero-slide-3 {background-image:url("../img/topkraft/www-2023-hero-3.jpg"); background-size: cover; background-position: center; min-height: 500px;}
.topkraft-hero-slide-4 {background-image:url("../img/topkraft/www-2023-hero-4.jpg"); background-size: cover; background-position: center; min-height: 500px;}
.topkraft-hero-slide-5 {background-image:url("../img/topkraft/www-2023-hero-5.jpg"); background-size: cover; background-position: center; min-height: 500px;}
.topkraft-hero-slide-2-content {position: relative; top: 50px;}
.topkraft-hero-slide-3-content {}
.topkraft-hero-slide-4-content {position: relative; top: 50px;}
.topkraft-hero-slide-5-content {}
.swiper-pagination-bullet {width: 50px;}
.swiper-pagination-bullet-active {width: 50px;}
.topkraft-kontakt-card-top .card-body {padding: 2rem;}
#topkraft-specialiste .card-body {padding: 2rem;}
#topkraft-map iframe {height: 600px;}	
}


@media (max-width: 575px){
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {margin-right: 3px;margin-left: 3px;}	
.topkraft-badge {font-size: 12px !important;}
.topkraft-bg-product {background-color: #858c97;}	
.topkraft-container-big {padding-top: 60px; padding-bottom: 60px;}
.topkraft-container {padding-top: 50px; padding-bottom: 50px;}	
.topkraft-card-body {min-height: 180px;}
.topkraft-product-img {width: 220px;}
.topkraft-product-circle {bottom: calc(50% - 160px); width: 320px; height: 320px; margin-left: -160px;}
#topkraft-gallery .gallery-item {max-width: 300px;}
.topkraft-kontakt-card-top .card-body {padding: 1.5rem;}
#topkraft-specialiste .card-body {padding: 1.5rem;}
#topkraft-map iframe {height: 500px;}
}