html,body{margin:0;padding:0;}
body{ text-align:center; font-size:15px; font-family: 'Ubuntu', sans-serif; background: #FFF; color:#303030; overflow-x: hidden;}

input{-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;}

img{border:0}
form{margin:0;}
p{margin:10px 0 10px 0;padding:0;}
a:link, a:visited {color:blue;text-decoration:none;}
a:hover {color:blue;text-decoration:underline;}

.main-color {color: #ED1C24; background: #ED1C24;}

/* SEO H1 */
.web-title {float: left; position:fixed;left: -100%;margin: 0px;font-size: 1px;}

.ribbon {background-color:#ED1C24; color:white; font-weight:bold; padding:0.2em}
.ribbon a {color:white}



/*  HEADER and MENU  */
.web-header-ghost, .web-header { height: 100px; }
.web-header-ghost {width: 100%; position: relative;}
.web-header {top: 0px;width: 100%; background: #728491; position: fixed; z-index: 99; box-shadow: 0px 0px 25px -10px black;}
.web-header-in {position: relative; height: 100%; width: 100%; max-width: 1200px; margin: auto; }

.no-bg {background: transparent; box-shadow: none;}


.web-logo {width: 325px; position: absolute; left: 0px; top: 15px; bottom: 15px; display: block; background: url(/images/design/kad-sped-logo.png) no-repeat; background-size: auto 80%; background-position: center center;}


.web-lang-menu {display: none; position: absolute; right: -52px; top: 40px; }
.web-lang-menu a {font-size: 17px; color: #6e6e6e; opacity: 0.5; text-decoration: none;}
.lang-actual {opacity: 1 !important;}



.web-main-menu, .web-main-menu-in {height: 80px;}
.web-main-menu {position: absolute; left: 360px; top: 0px;}
.web-main-menu-in {position: relative; display: table;}

.main-menu-item {display: table-cell; position: relative; height: 100%; vertical-align: middle;}
.main-menu-item:hover {background: rgba(0,0,0,0.05);}
.main-menu-item a {display: block; color: white; padding: 26px 30px; font-size: 19px; font-weight: 400;}
.main-menu-item a:hover {text-decoration: none;} 

.main-menu-item-subs {position: absolute; top: 100%; background: rgba(112, 124, 132, 0.95); box-shadow: 2px 3px 10px -6px rgb(0, 0, 0); min-width: 250px; text-align: left;}
.main-menu-item-subs {transform: scale(0); -webkit-transform: scale(0); opacity: 0; transform-origin: left top; -webkit-transform-origin: left top; transition: all 0.3s; -webkit-transition: all 0.3s; }
.main-menu-item-subs a {padding: 15px 30px; font-size: 17px;}
.main-menu-item-subs a:hover {background: rgba(0,0,0,0.05);}



.main-menu-item:hover .main-menu-item-subs {transform: scale(1); -webkit-transform: scale(1); opacity: 1;}
.menu-active {background: rgba(0,0,0,0.05);}



#mobil {display: none;}




/* HOME */
.home-1 {width: 100vw; position: relative; display: inline-block; background: rgb(65, 64, 66); overflow: hidden;}



.home-1-banner {width: 400px; height: 200px; right: 800px; left: 0px; margin: auto; bottom: 0px; position: absolute; z-index: 22;}
.home-1-banner-in {padding: 6% 10% 6% 4%; width: 96%; display: inline-block; position: relative; }
.home-1-banner-in-text {color: white; text-align: left; line-height: 20px;}
.home-1-banner-in-text div {position: relative;}
.home-1-banner-in-text:before {left: -5%; right: -5%; top: 0px; bottom: 0px; background: rgba(209, 20, 20, 0.8); content:""; position: absolute; border-radius: 10px; -ms-transform: skewX(-15deg);-webkit-transform: skewX(-15deg);transform: skewX(-15deg);}
.home-1-banner-image {height: 110%; top: -15%; left: 400px; margin: auto; position: absolute;}


.home-1-mapa {left: 550px; right: 0px; top: 90px; width: 560px; height: 450px; margin: auto; position: absolute;z-index: 3; pointer-events: none;}
.home-1-mapa-mapa {left: 0px; top: 0px; bottom: 0px; right: 0px; width: 100%; height: 100%; margin: auto; position: absolute; background-image: url(../../images/design/mapa.png); background-size: auto 450px; background-repeat: no-repeat; background-position: center; transition: all 1s; }
.mapa-off {opacity: 0; width: 0%; height: 0%; border-radius: 50%;}
.home-1-mapa-mapa-logo {left: 30%; top: 55%; width: 45px; height: 45px; margin: auto; position: absolute; background-image: url(../../images/design/logicko.png); background-size: 100%; background-repeat: no-repeat; background-position: center; transition: all 0.5s; box-shadow: 0px 0px 20px -5px rgb(0, 0, 0); border-radius: 50%;}
.logo-off {transform: scale(0); -webkit-transform: scale(0);}


.line-1 {width: 200px; height: 230px; left: -6px; top: 284px; position: absolute; overflow: hidden; transition: all 1s;}
.line-1 div {right: 0px; top: -465px; width: 1200px; height: 800px; border: 3px solid white; border-radius: 50%; position: absolute; box-shadow: -5px -10px 30px 0px black;}
.line-1-off {height: 0px;}


.line-2 {width: 200px; height: 230px; left: 460px; top: -230px; position: absolute; overflow: hidden; transition: all 1s;}
.line-2 div {left: 0px; top: -465px; width: 1200px; height: 800px; border: 3px solid white; border-radius: 50%; position: absolute; box-shadow: 15px 4px 17px -3px rgb(0, 0, 0);}
.line-2-off {height: 0px;}









.home-1-mapa-mapa-text {width: 650px;left: -570px;top: 240px;position: absolute; text-shadow: 2px 2px 1px black,2px 2px 1px black;}
.home-1-mapa-mapa-text-1 {color: white;text-transform: uppercase;text-align: left;font-weight: 900;font-style: italic;font-size: 42px;}
.home-1-mapa-mapa-text-2 {color: RGB(237, 28, 36);text-transform: uppercase;text-align: left;font-weight: 900;font-style: italic;font-size: 22px;}





.home-2 {width: 100%; position: relative; display: inline-block; background: #728491; min-height: 400px; xbox-shadow: 0px 0px 60px -20px black; z-index: 1; background:url('/images/design/port.jpg') no-repeat 50% 40%; border-top:10px solid red; }
.home-2-in {padding-left: 600px; width: 600px; margin: 150px auto 50px; text-align: left; font-size: 15px; position: relative; }
.home-2-in-title {margin-left: -70px; display: inline-block; background: #ED1C24; -ms-transform: skewX(-15deg);-webkit-transform: skewX(-15deg);transform: skewX(-15deg);}
.home-2-in-title div {font-size: 24px; padding: 5px 70px; text-transform: uppercase;font-weight: 900;font-style: italic;color: white;-ms-transform: skewX(15deg);-webkit-transform: skewX(15deg);transform: skewX(15deg);}
.home-2-in-text {color:#333; margin-top: 30px;}
.home-2-in-text p {margin: 6px 0 6px 0; padding: 0;}
.home-2-in-image {width: 770px; height: 450px; right: 590px; top: -90px; position: absolute; background-size: auto 100% !important; background-repeat: no-repeat !important;}




.home-3 {width: 100%; display: inline-block; background: white;}
.home-3-in {width: 98%; max-width: 1200px; margin: 150px auto 100px; text-align: justify; font-size: 16px; position: relative; }
.home-3-in-title {display: inline-block; background: #ED1C24; -ms-transform: skewX(-15deg);-webkit-transform: skewX(-15deg);transform: skewX(-15deg);}
.home-3-in-title div {font-size: 24px; padding: 5px 70px; text-transform: uppercase;font-weight: 900;font-style: italic;color: white;-ms-transform: skewX(15deg);-webkit-transform: skewX(15deg);transform: skewX(15deg);}
.home-3-in-text {margin-top: 50px;}
.home-3-in-text ul {width: 100%; display: table;list-style: none; padding: 0px; margin: 0px;}
.home-3-in-text ul li {display: table-cell;}
.home-3-in-text ul li img {width: auto;height: auto;max-width: 220px;max-height: 70px;vertical-align: middle; filter: grayscale(100%); opacity: 0.3; transition: all 0.3s;}
.home-3-in-text ul li img:hover {filter: grayscale(0%); opacity: 1;}

/*  CONTENT  */
.web-container {background: rgba(0,0,0,0.05);}
.web-content {background: rgba(255,255,255,1); width: 98%; max-width: 1060px; margin: auto; padding: 80px 70px; text-align: left;}

.web-content h2 {font-size: 34px; margin: 15px 0px; color: rgb(190, 30, 45);}
.web-content {font-size: 16px;}


.web-content-gallery {display: inline-block; width: 100%;}
.web-content-gallery-item {width: 18%; margin: 1%; float: left;}
.web-content-gallery-item img {width: 100%; height: auto;}


.web-content-products {display: inline-block; width: 100%;}
.web-content-products-item {width: 18%; margin: 1%; float: left;}
.web-content-products-item img {width: 100%; height: auto;}





/* HOME */
.home-banners {display: inline-block; width: 100%;}
.home-banner {float: left; width: 48%; margin: 1%;}
.home-banner-img {width: 100%; height: 250px; background-size: cover !important; background-position: center center !important;}





/* NEWS */
.web-content-news {width: 100%; display: inline-block;}
.web-content-news-item {width: 100%; display: inline-block; margin-bottom: 3%;}
.web-content-news-item a:hover {text-decoration: none;}
.web-content-news-item-img {width: 15%; float: left;}
.web-content-news-item-img img {width: 100%; height: auto;}

.web-content-news-item-text {float: left; width: 83%;margin-left: 2%; text-align: justify; color: rgb(80, 80, 80);}
.web-content-news-item-text h3 {margin: 0px auto 0px; font-size: 24px;}

.web-content-news-item-date {font-size: 16px; margin-bottom: 5px;}
.web-content-news-item-date span {font-size: 18px;float: left;margin-right: 4px;margin-top: 4px;}







/*  WEB  SLIDER  */
#home-swiper, .swiper-container, .swiper-wrapper {width: 100% !important; height: 800px !important; margin: auto; position: relative; background:url('/images/design/kadsped-homepage-01.jpg') no-repeat 0 0; background-size:cover }
#home-swiper .swiper-container {width: 100%; }
.swiper-slide {width: 100%; text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

#home-swiper .swiper-container .swiper-slide {background-size: cover !important; background-position: center !important; width: 100%;}
#home-swiper .swiper-container .swiper-slide {opacity: 0.4; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition-delay: 0.2s; -webkit-transition-delay: 0.2s;}
#home-swiper .swiper-container .swiper-slide-active {opacity: 1; }
#home-swiper .swiper-container .swiper-slide .test {position: absolute; height: 100%; width: 100%; font-size: 30px; color: white;}

.swiper-pagination-bullet {width: 8px !important; height: 8px !important; background: RGB(116, 181, 194) !important; opacity: 0.4 !important;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 10px !important;}
.swiper-pagination-bullet-active {background: #74B5C2 !important;  opacity: 1 !important;}


/*
.swiper-slide-info { font-size: 21px; padding: 12px 40px; position: absolute; right: 60px; bottom: 30%; color: white; text-align: justify; background: RGBA(103, 174, 62, 0.9); box-shadow: 2px 2px 20px -5px rgb(0, 0, 0); transition: all 0.6s; -webkit-transition: all 0.6s; transition-delay: 0.6s; -webkit-transition-delay: 0.6s; transform:scale(0.9); -webkit-transform:scale(0.9); opacity: 0;}
.swiper-slide-info p {padding: 0px; margin: 0px;}
.swiper-slide-active .swiper-slide-info {opacity: 1; transform:scale(1); -webkit-transform:scale(1);}
*/








/*  FOOTER  */
.web-footer {padding: 10px; height: auto; background: #BE1E2D; color: white; font-size: 12px;}
.web-footer a {color: white; font-weight: 600;}

.web-small-footer {background: #BE1E2D; width: 100%; box-shadow: 0px 0px 60px -20px rgb(0, 0, 0); z-index: 1; position: relative;}
.web-small-footer-inner {position: relative; display: inline-block; width: 1100px; margin: 100px auto 0px; text-align: left;}

.web-small-footer-in-title {padding: 2%; font-size: 30px;text-transform: uppercase;font-weight: 900;font-style: italic;color: white;}
.web-small-footer-in-text {padding: 2%; width: 50%; display: inline-block;  position: relative; }
.web-small-footer-in-text {color: rgb(60, 60, 60); min-height: 150px; text-align: left;}
.web-small-footer-in-text div {position: relative;}
.web-small-footer-in-text h4 {text-transform: uppercase; opacity: 0.5; font-size: 18px; margin: 0px; padding: 0px;}
.web-small-footer-in-text a {color: rgb(153, 40, 51);}

.web-small-footer-in-text:before {left: -5%; right: -5%; top: 0px; bottom: 0px; background: white;content:""; position: absolute; border-radius: 10px; -ms-transform: skewX(-10deg);-webkit-transform: skewX(-10deg);transform: skewX(-10deg);}


.s-f-1 {margin-left: 20%;border-right: 1px solid silver; position: relative;}


.web-small-footer-in-logo {width: 270px; height: 50px; margin: 30px 0px 30px -48px; position: relative; display: block; background: url(/images/design/kad-sped-logo.png) no-repeat; background-size: auto 100%; background-position: center center;}
.web-small-footer-in-image {width: 50%; height: 95%; right: 0px; top: 0px; position: absolute; background-size: auto 100% !important; background-repeat: no-repeat !important;}





.web-footer-map {background: #BE1E2D; width: 100%; display: inline-block; position: relative;}

#map {width: 100%; height: 450px; margin: auto; background: rgba(255, 255, 255, 0.1);}








/*  SITE  MAPS  */
.site-maps {margin-top: 30px;}
.site-maps h3 {margin: 1% 1%;}
.site-maps h3 a {color: #5d5d5d; font-size: 26px;}

.site-maps h4 {margin: 1% 3%;}
.site-maps h4 a {color: #9b9b9b; font-size: 20px;}

.site-maps h5 {margin: 1% 6%;}
.site-maps h5 a {color: #898989; font-size: 20px;}

.site-maps h6 {margin: 1% 9%;}
.site-maps h6 a {color: #aaa; font-size: 20px;}





/*  GLOBAL CSS  */
.transition {transition: all 0.3s; -webkit-transition: all 0.3s;}

.pointer {cursor: pointer;}
.pointer:hover {opacity:0.8;}

.no-select {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: -moz-none;-o-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}


#to-top {display: none;padding: 1px 7px 5px 7px;font-size: 30px;background: #ED1C24;color: white;position: fixed;right: 20px;bottom: 20px;z-index: 99;}


.contact-form {margin-top: 50px;}
.contact-form div {display: block; width: 100%; margin: 7px auto;}
.contact-form div input {border: 1px solid silver; padding: 7px 1%; font-size: 15px; min-width: 250px;}
.contact-form div textarea {border: 1px solid silver; padding: 7px 1%; font-size: 15px; min-width: 500px; min-height: 110px;}
.contact-form div img {display: inline-block; height: 36px; margin-bottom: -12px; margin-left: 5px;}
.contact-form div button {font-size: 17px; padding: 7px 30px; margin-top: 10px; border: none; color: white !important; cursor: pointer; text-transform: uppercase;}

.form-status {margin: 40px 0px; display: inline-block;}
.form-status b {font-size: 20px;}
.form-timer {width: 99%; padding: 0.5%; box-shadow: 0px 0px 0px 1px #ededed; margin-top: 50px; text-align: left;}
.form-timer div {height: 25px; width: 100%; animation-name: form; animation-duration: 5s; margin: 0px !important;}
@keyframes form {
    from {width: 0px;}
    to {width: 100%;}
}





/* LOGIN */
.login-form {margin: 30px auto 60px; }
.login-form div {display: block; width: 100%; margin: 7px auto;}
.login-form div input {border: 1px solid silver; padding: 7px 1%; font-size: 15px; min-width: 250px;}
.login-form div img {display: inline-block; height: 36px; margin-bottom: -12px; margin-left: 5px;}
.login-form div button {font-size: 17px; padding: 7px 30px; margin-top: 10px; border: none; color: white !important; cursor: pointer; text-transform: uppercase; color: white!important;}
.login-form .sec input {width: 150px; min-width: 150px;}


.errors {display: block; width: 100%; margin-bottom: 25px !important;}
.errors div {display: block; width: 100%; color: rgb(120, 20, 20);}
.errors div span {float: left;margin-top: -1px;margin-right: 4px;font-size: 24px;}



/* MENU USER */
.web-main-menu-login {position: absolute; right: 10px; top: 16px;}
.web-main-menu-login span {color: rgb(146, 146, 146); font-size: 40px; padding: 14px; display: block; cursor: pointer;}
.web-main-menu-login-a {color: white;}
.web-main-menu-login-a:hover {color: white; text-decoration: none;}
.web-main-menu-login-menu {right: 15px; top: 85%; position: absolute; background: rgb(245, 245, 245); box-shadow: 3px 3px 5px -5px black;}
.web-main-menu-login-menu {transform: scale(0); -webkit-transform: scale(0); transform-origin: right top; -webkit-transform-origin: right top;}
.web-main-menu-login-menu div {position: relative; width: 100%; text-align: left;}
.web-main-menu-login-menu div a {padding: 5px 15px; white-space: nowrap; display: block; color: rgb(30, 30, 30); font-size: 17px;}
.web-main-menu-login:hover .web-main-menu-login-menu {transform: scale(1); -webkit-transform: scale(1);}


.profile-info {display: inline-block; width: 100%;}
.profile-info-title {font-size: 20px; text-transform: uppercase; font-weight: 600; display: inline-block; width: 99%; padding: 0.5%; background: rgba(0, 0, 0, 0.05);}
.profile-info-title span {float: left; margin-top: 2px; margin-right: 6px; font-size: 22px;}
.profile-info-text { display: inline-block; width: 99%; padding: 0.5%;}
.profile-info-text div {font-size: 18px; margin: 5px 0px 20px 30px;}







/*  POP  BOX  */
#pop-shadow {position: fixed; height: 100vh; width: 100vw; top: 0px; left: 0px; background: rgba(0,0,0,0.45); z-index: 99; cursor: pointer; display: none;}
#pop-box {position: fixed; top: 25vh; left: 0px; right: 0px; margin: auto; background: rgba(255,255,255,0.9); z-index: 100; display: none;}
#pop-box {text-align: left; padding: 0px; letter-spacing: 0.5px; line-height: 18px;}
#pop-box div {width: 96%; padding: 2%;}
#pop-box img {width: 100%; height: auto; margin: auto;}
#pop-box p {padding: 0px !important; margin: 0px !important;}
#pop-box h2 {color: #1585b7; padding: 0px 0px 0px 0px;width: auto;font-family: 'Merriweather', serif;font-size: 3em; letter-spacing: 0px;}
#pop-box h3 {color: #1585b7; padding: 0px 0px 0px 0px;width: auto;font-family: 'Merriweather', serif;font-size: 2em; border: none;}
#pop-box:before {top: -40px; right: -40px;position: absolute;content: "";background: transparent url("/images/close.png") no-repeat;height: 35px;width: 35px;background-position: center center;background-size: 100% 100%;opacity: 0.4;transition: all 0.3s;-webkit-transition: all 0.3s;pointer-events: none;}
.pop-box:before {opacity: 1 !important; transform: rotate(90deg);}










/*  MOBIL  */
@media screen and (max-width: 1000px) {


#mobil {position: absolute;right: 0px;top: 0px;display: block;}
#mobil span {color: white;font-size: 40px;padding: 7px;display: block;}


.web-main-menu {display: none; background: rgba(95, 107, 117, 0.95);position: fixed;left: 0px;top: 54px;bottom: 0px;right: 0px; height: auto; width: 100%; overflow-y: scroll;}
.web-main-menu-in {width: 90%; margin: 10% auto; height: auto;}
.main-menu-item {display: block; text-align: left;}
.main-menu-item a {padding: 10px 30px; font-weight: 600; font-size: 22px;}
.main-menu-item-subs {transform: scale(1); -webkit-transform: scale(1); opacity: 1; position: relative; background: transparent; box-shadow: none;}
.main-menu-item-subs a {font-size: 14px;padding: 10px 40px; font-size: 16px;}


.web-header-ghost, .web-header {height: 54px;}
.web-logo {width: 245px;top: 6px;bottom: 6px;}
.web-header-info {top: 8px; right: 60px; padding-right: 15px; padding-left: 0px; border-right: 1px solid rgb(192, 192, 192); border-left: none;}


#home-swiper, .swiper-container, .swiper-wrapper {height: 550px !important;}

.swiper-pagination-bullet {width: 8px !important;height: 8px !important;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 6px !important;}



.home-1-banner {width: 330px; height: 140px; right: auto; left: 15px;}
.home-1-banner-in {padding: 1% 11% 1% 1%; width: 78%;}
.home-1-banner-in-text {line-height: 18px;font-size: 12px;}
.home-1-banner-image {height: 87%; top: -3%;left: 275px;}


.home-1-mapa {top: -50px; left: -500px;right: -500px; transform: scale(0.5); -webkit-transform: scale(0.5);}
.home-1-mapa-mapa-text {left: 0px;right: 0px;top: 540px;}




.line-1 {display: none;}
.line-2 {display: none;}
.home-2-in {padding-left: 0px;width: 96%; margin: 30px auto 50px;}
.home-2-in-image {width: 100%;height: 55vw;right: 0px;top: 0px;position: relative;}
.home-2-in-title {margin-left: 5px;}
.home-2-in-title div {font-size: 20px;padding: 5px 50px;}



.home-3-in {margin: 30px auto 30px; width: 92%;padding: 0px;font-size: 15px;}
.home-3-in-title div {font-size: 20px;padding: 5px 50px;}
.home-3-in-text {margin-top: 20px;}
.home-3-in-text ul {display: inline-block; margin-top: 25px;}
.home-3-in-text ul li {height: 8vh; width: 50%; float: left; display: block; position: relative;}
.home-3-in-text ul li img {max-width: 70%; max-height: 70%;position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;margin: auto;}




.web-content {width: 94%; padding: 15px 2% 30px;}
.page-content table {width: 100%;}
.page-content td {width: 100%; display: block;}

.web-content-news-item {margin-bottom: 30px;}
.web-content-news-item-img {width: 20%;}
.web-content-news-item-text {width: 78%;font-size: 14px;}
.web-content-news-item-text h3 {font-size: 20px;line-height: 24px;}

.contact-form div textarea {min-width: 98%;}
.contact-form div input {min-width: 65%;}





.web-small-footer-inner {padding: 0px; width: 80%; margin: 10px auto 0px;}
.web-small-footer-in-image {width: 100%; height: 65vw; position: relative; right: auto; top: auto;}
.web-small-footer-in-text {width: 88%; margin: 0px 4%; font-size: 14px;}
.web-small-footer-in-text:before {left: -9%;right: -9%;}
.web-small-footer-in-logo {width: 250px;height: 40px;margin: 35px auto 5px;}




.web-footer {font-size: 10px; padding: 10px 0px 50px;}

#map {height: 350px;}
#to-top {right: 2%; bottom: 2%; font-size: 24px;}

}

/* Kadsped homepage refresh. Scoped to the Slovak homepage. */
.kh-home{color:#172b3a;font-family:'Ubuntu',sans-serif}
.kh-home *{box-sizing:border-box}
.kh-home .web-title{display:none}
.kh-home .web-header{height:112px;background:#172b3a;box-shadow:0 1px 0 #e7ebef}
.kh-home .ribbon{height:28px;background:#102332;text-align:right;padding:6px max(24px,calc((100vw - 1240px)/2));font-size:12px;font-weight:400}
.kh-home .ribbon a{color:#cbd7df}
.kh-home .web-header-in{height:84px;max-width:1240px;width:calc(100% - 48px)}
.kh-home .web-logo{width:235px;top:18px;bottom:18px;background-size:contain;background-position:left center}
.kh-home .web-main-menu{left:auto;right:0;height:84px}
.kh-home .web-main-menu-in{height:84px}
.kh-home .main-menu-item a{color:#edf3f6;font-size:15px;padding:30px 19px}
.kh-home .menu-active{background:none}
.kh-home .menu-active>a{color:#c7212b}
.kh-home .main-menu-item-subs{background:#172b3a}
.kh-home .main-menu-item-subs a{padding:15px 20px}
.kh-hero{margin-top:112px;min-height:720px;position:relative;isolation:isolate;color:white;overflow:hidden;text-align:left;background:#172b3a}
.kh-photo{position:absolute;inset:-210px 0 0;z-index:-2;background:url('/images/design/kadsped-homepage-01.jpg') center bottom/cover no-repeat;animation:kh-photo-in 1.8s ease-out both}
.kh-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,29,45,.89),rgba(10,29,45,.66) 47%,rgba(10,29,45,.08) 85%)}
.kh-inner{max-width:1240px;width:calc(100% - 80px);margin:auto;position:relative;padding:86px 0 112px}
.kh-copy{width:64%;max-width:740px;position:relative;z-index:2}
.kh-eyebrow{font-size:11px;font-weight:500;letter-spacing:2px;line-height:1.7;margin:0 0 24px}
.kh-copy h1{font-size:clamp(42px,4.6vw,68px);line-height:1.09;letter-spacing:-2.3px;font-weight:500;margin:0 0 28px;animation-delay:.15s}
.kh-types{display:flex;flex-wrap:wrap;gap:12px 18px;font-size:17px;font-weight:500;animation-delay:.35s}
.kh-types span+span:before{content:'';display:inline-block;width:4px;height:4px;background:#e94b52;vertical-align:middle;margin-right:18px;border-radius:50%}
.kh-description{font-size:17px;line-height:1.7;color:#e1e7eb;max-width:470px;margin:25px 0 30px;animation-delay:.5s}
.kh-actions{display:flex;gap:26px;align-items:center;animation-delay:.7s}
.kh-home a.kh-button{display:inline-flex;gap:28px;align-items:center;background:#cf2630;color:white;padding:19px 24px;font-size:14px;font-weight:500;border-radius:5px;text-decoration:none;transition:background .2s,box-shadow .2s}
.kh-home a.kh-button:hover{background:#b81d27;box-shadow:0 5px 20px #0003}
.kh-button span{font-size:20px}
.kh-home a.kh-phone{color:white;font-size:17px;text-decoration:none;white-space:nowrap}
.kh-phone span{display:block;font-size:11px;color:#c5d1d9;margin-top:5px}
.kh-art{position:absolute;right:-10px;top:35px;width:40%;height:480px;pointer-events:none}
.kh-map{width:100%;opacity:.4;animation:kh-map-in 1.6s .3s both;filter:drop-shadow(0 4px 10px #122d4055)}
.kh-pallet-wrap{position:absolute;right:calc(100% - 40px);top:230px;width:200px;animation:kh-pallet-in 1.3s .75s both}
.kh-pallet{display:block;width:100%;filter:drop-shadow(0 18px 15px #0005);animation:kh-float 5s 2.1s ease-in-out infinite}
.kh-hero-foot{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:20px;padding:24px max(40px,calc((100vw - 1240px)/2));border-top:1px solid #ffffff30;background:#10273938;font-size:12px;color:#dbe3e9}
.kh-home .kh-hero-foot a{color:white;text-decoration:none}.kh-hero-foot a span{margin-left:24px}
.kh-section{max-width:1240px;width:calc(100% - 80px);margin:auto;text-align:left;padding:80px 0}
.kh-section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:35px}
.kh-section .kh-eyebrow{color:#667a88;margin-bottom:14px}
.kh-section h2{font-size:36px;line-height:1.2;letter-spacing:-1px;font-weight:500;margin:0}
.kh-section-head>p{font-size:14px;color:#667783;line-height:1.7;margin:0}
.kh-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.kh-card{padding:32px;background:#f2f5f7;border-radius:8px;display:flex;flex-direction:column;min-height:330px}
.kh-number{font-size:10px;letter-spacing:1.8px;color:#6b7d8a}
.kh-card h3{font-size:26px;line-height:1.25;font-weight:500;letter-spacing:-.5px;margin:30px 0 15px}
.kh-card p{color:#627581;font-size:14px;line-height:1.75;margin:0 0 25px}
.kh-home .kh-card a{margin-top:auto;color:#172b3a;font-size:12px;font-weight:500;display:flex;justify-content:space-between;gap:10px;text-decoration:none;padding-top:15px;border-top:1px solid #d5dfe5}
.kh-card.kh-express{background:#1b3345;color:white}.kh-express .kh-number{color:#fb878d}.kh-express p{color:#d1dce4}.kh-home .kh-express a{color:white;border-color:#ffffff30}
.kh-references{border-top:1px solid #e6ecef;padding-top:55px;padding-bottom:60px}.kh-references h2{font-size:28px}
.kh-logos ul{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:50px;margin:35px 0 0;padding:0}.kh-logos li{width:180px}.kh-logos img{max-width:100%;max-height:60px;object-fit:contain}
.kh-home .web-small-footer{background:#edf1f4;color:#243b4a}.kh-home .web-small-footer-in-text:before{display:none}.kh-home .web-small-footer-in-text{color:#243b4a;background:none;line-height:1.9}.kh-home .web-small-footer-in-title{color:#243b4a;font-style:normal}.kh-home .web-small-footer-in-logo{margin-left:0;background-color:#172b3a;border-radius:4px;padding:8px;box-sizing:content-box;background-size:auto 70%}.kh-home .web-small-footer-inner{max-width:1240px;width:calc(100% - 80px)}.kh-home .web-footer{background:#172b3a}
.kh-home #to-top{font-size:0;background:#172b3a;border-radius:4px}.kh-home #to-top:before{content:"↑";font-size:24px}.kh-home a:focus-visible{outline:3px solid #e57c81;outline-offset:5px}
.kh-enter{animation:kh-enter .9s both}
@keyframes kh-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes kh-map-in{from{opacity:0;transform:translateY(18px)}to{opacity:.4;transform:translateY(0)}}
@keyframes kh-pallet-in{from{opacity:0;transform:translate(45px,22px)}to{opacity:1;transform:translate(0,0)}}
@keyframes kh-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes kh-photo-in{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(max-width:1100px){.kh-home .main-menu-item a{padding-left:13px;padding-right:13px}.kh-copy{width:68%}.kh-types{font-size:15px}.kh-art{right:-20px;width:36%}.kh-pallet-wrap{width:160px;top:340px;right:65%}.kh-inner{padding-top:75px}.kh-card{padding:25px}}
@media(max-width:1000px){.kh-home .web-header{height:92px}.kh-home .web-header-in{height:64px}.kh-home .web-logo{width:210px;top:13px;bottom:13px}.kh-home #mobil{top:8px}.kh-home #mobil span{color:#fff;font-size:0}.kh-home #mobil span:before{content:"☰";font-family:Arial,sans-serif;font-size:29px}.kh-home #mobil span.mdi-navigation-close:before{content:"×"}.kh-home .web-main-menu{top:92px;left:0;right:0;height:calc(100vh - 92px);background:#172b3a}.kh-home .web-main-menu-in{height:auto}.kh-home .main-menu-item a{padding:18px 25px}.kh-hero{margin-top:92px}.kh-section-head{display:block}.kh-section-head>p{margin-top:20px}.kh-card h3{font-size:23px}.kh-actions{gap:18px}}
@media(max-width:700px){.kh-home .ribbon{font-size:10px;text-align:center}.kh-home .web-header-in{width:calc(100% - 32px)}.kh-inner{width:calc(100% - 40px);padding:48px 0 235px}.kh-copy{width:100%;max-width:none}.kh-copy h1{font-size:42px;letter-spacing:-1.4px;max-width:520px}.kh-eyebrow{font-size:9px;letter-spacing:1.4px}.kh-types{gap:10px 12px;font-size:13px}.kh-types span+span:before{margin-right:12px}.kh-description{font-size:15px;max-width:360px;margin:22px 0}.kh-actions{flex-wrap:wrap;gap:20px}.kh-home a.kh-button{padding:17px 20px;font-size:13px}.kh-home a.kh-phone{font-size:15px}.kh-photo{inset:0;background-position:65% bottom}.kh-hero:before{background:linear-gradient(180deg,rgba(10,29,45,.88),rgba(10,29,45,.65) 60%,rgba(10,29,45,.2))}.kh-art{top:auto;bottom:20px;right:0;width:215px;height:205px}.kh-map{width:205px}.kh-pallet-wrap{top:65px;right:135px;width:130px}.kh-hero-foot{padding:17px 20px;font-size:10px}.kh-hero-foot a span{margin-left:8px}.kh-section{width:calc(100% - 40px);padding:50px 0}.kh-section h2{font-size:29px}.kh-cards{grid-template-columns:1fr;gap:15px}.kh-card{min-height:285px;padding:28px}.kh-card h3{font-size:27px;margin-top:23px}.kh-logos ul{gap:24px}.kh-logos li{width:130px}.kh-home .web-small-footer-inner{width:calc(100% - 40px)}.kh-home .web-small-footer-in-text{width:100%;margin-left:0;padding:0}.kh-home .web-small-footer-in-image{display:none}}
@media(prefers-reduced-motion:reduce){.kh-home *, .kh-home *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Shared Slovak subpage presentation */
.kh-subpage .web-header-ghost{height:112px}.kh-subpage .menu-active>a{color:#f58a90}.kh-subpage .web-content .kh-breadcrumb a{color:#c8d4dd}
.kh-subpage .web-container{background:#fff}
.kh-subpage .web-content{max-width:none;width:100%;padding:0;background:none;font-size:16px;line-height:1.85}
.kh-page-hero{position:relative;isolation:isolate;overflow:hidden;background:#172b3a;color:white}
.kh-page-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#102739fa,#102739db 55%,#10273944),url('/images/design/kadsped-homepage-01.jpg') center 60%/cover no-repeat}
.kh-page-hero-inner{max-width:1240px;width:calc(100% - 80px);margin:auto;padding:28px 0 62px}
.kh-breadcrumb{display:flex;gap:15px;align-items:center;font-size:12px;color:#c8d4dd;margin-bottom:38px}
.kh-home .kh-breadcrumb a{color:#c8d4dd;text-decoration:none}
.kh-breadcrumb a:hover{color:white;text-decoration:underline}
.kh-page-hero .kh-eyebrow{color:#cad6df;margin-bottom:12px;font-size:10px}
.kh-page-hero h1{font-size:58px;line-height:1.12;font-weight:500;letter-spacing:-1.7px;margin:0 0 18px}
.kh-page-description{font-size:18px;line-height:1.6;color:#e0e8ee;max-width:660px;margin:0}
.kh-page-body{max-width:1240px;width:calc(100% - 80px);margin:auto;padding:60px 0 70px}
.kh-page-body>p{max-width:860px;color:#536b7a;margin:0 0 24px;line-height:1.9}
.kh-page-body>p:empty,.kh-contact-details p:empty{display:none}
.kh-page-body>p:first-child{font-size:20px;color:#243f51;line-height:1.75}
.kh-page-body h2{font-size:32px;line-height:1.25;font-weight:500;letter-spacing:-.7px;color:#172b3a;margin:0 0 24px}
.kh-page-body>ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;margin:24px 0 38px;max-width:960px}
.kh-page-body>ul li{padding:20px 22px 20px 42px;background:#f2f5f7;border-radius:6px;position:relative;color:#2a4659}
.kh-page-body>ul li:before{content:'';position:absolute;left:22px;top:33px;width:5px;height:5px;background:#cf2630;border-radius:50%}
.kh-subpage .web-content a{color:#bd2430;text-underline-offset:4px}
.kh-subpage .web-content a.kh-button{color:white}
.kh-subpage .kh-card a{color:#172b3a}.kh-subpage .kh-express a{color:white}
.kh-service-heading .kh-eyebrow,.kh-extra-service .kh-eyebrow,.kh-reference-panel .kh-eyebrow,.kh-contact-details>.kh-eyebrow{color:#6b7d8a;font-size:10px}
.kh-page-body .kh-cards{margin-top:30px}
.kh-page-body .kh-card p{font-size:14px;line-height:1.75}
.kh-extra-service{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #e1e8ed;border-radius:8px;padding:30px;margin:24px 0 0}
.kh-extra-service h2{font-size:24px;margin-bottom:12px}.kh-extra-service p{font-size:14px;color:#627581;margin:0}
.kh-extra-service a{font-size:13px;font-weight:500;white-space:nowrap}.kh-extra-service a span{margin-left:16px}
.kh-page-cta{margin-top:55px;padding:38px 40px;background:#edf2f5;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.kh-page-cta .kh-eyebrow{color:#6b7d8a;font-size:10px;margin-bottom:10px}.kh-page-cta h2{font-size:30px;margin:0 0 10px}.kh-page-cta p{font-size:14px;color:#627581;margin:0}.kh-page-cta .kh-button{flex-shrink:0}
.kh-reference-panel{border-top:1px solid #e4eaee;margin-top:35px;padding-top:30px}
.kh-reference-panel .kh-logos ul{gap:30px;margin-top:20px}.kh-reference-panel .kh-logos li{width:210px;min-height:110px;background:#f5f7f9;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:24px}.kh-reference-panel .kh-logos img{max-width:100%;height:auto;max-height:64px}
.kh-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:45px}
.kh-home a.kh-contact-card{background:#f2f5f7;display:flex;flex-direction:column;padding:30px;border-radius:8px;color:#172b3a;text-decoration:none;transition:background .2s}
.kh-home a.kh-contact-card:hover{background:#e8eff3}
.kh-contact-card .kh-eyebrow{font-size:10px;color:#6b7d8a;margin-bottom:20px}
.kh-contact-card strong{font-size:clamp(18px,2.3vw,30px);font-weight:500;line-height:1.4;overflow-wrap:anywhere;letter-spacing:-.5px}
.kh-contact-card>span:last-child{font-size:13px;color:#627581;margin-top:20px}.kh-contact-card b{float:right;color:#bd2430}
.kh-contact-details{padding:30px;border:1px solid #e1e8ed;border-radius:8px}
.kh-contact-details .page-contact-text{width:100%;float:none;line-height:1.9}.kh-contact-details .page-contact-text p{margin:10px 0;color:#536b7a}.kh-contact-details strong{font-weight:500;color:#172b3a}
.kh-subpage #contact-map{max-width:100%;border-radius:8px;overflow:hidden;margin-top:30px}
.kh-subpage .web-small-footer-inner{margin-top:30px}
.kh-subpage .web-content-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.kh-subpage .web-content-gallery-item{width:auto;float:none;margin:0}.kh-subpage .web-content-gallery-item img{border-radius:6px}
@media(max-width:1000px){.kh-subpage .web-header-ghost{height:92px}.kh-page-hero h1{font-size:48px}.kh-page-cta{align-items:start;flex-direction:column}.kh-contact-card strong{font-size:24px}}
@media(max-width:700px){.kh-page-hero-inner{width:calc(100% - 40px);padding:22px 0 40px}.kh-breadcrumb{margin-bottom:28px;font-size:11px}.kh-page-hero h1{font-size:40px}.kh-page-description{font-size:16px}.kh-page-body{width:calc(100% - 40px);padding:35px 0 45px}.kh-page-body>p:first-child{font-size:18px}.kh-page-body>ul{grid-template-columns:1fr}.kh-page-body h2{font-size:27px}.kh-extra-service{flex-direction:column;align-items:start;padding:25px}.kh-page-cta{padding:28px 24px;margin-top:35px}.kh-page-cta h2{font-size:26px}.kh-contact-actions{grid-template-columns:1fr;gap:15px;margin-bottom:30px}.kh-home a.kh-contact-card{padding:25px}.kh-contact-card strong{font-size:23px}.kh-contact-card:last-child strong{font-size:18px}.kh-contact-details{padding:24px}.kh-contact-details a{overflow-wrap:anywhere}.kh-subpage .web-content-gallery{grid-template-columns:repeat(2,1fr)}}


/* Transport quote form */
.kh-quote{padding:38px;border:1px solid #dfe7ec;border-radius:8px;margin:0 0 40px;background:#fff;scroll-margin-top:135px}
.kh-quote>.kh-eyebrow{font-size:10px;color:#6b7d8a;margin-bottom:12px}.kh-quote h2{margin-bottom:12px}.kh-quote-intro{font-size:15px;color:#627581;margin:0 0 30px}
.kh-quote-form{max-width:860px}.kh-quote-form label,.kh-quote-types legend{display:block;font-size:14px;font-weight:500;line-height:1.6;color:#243f51;margin-bottom:9px}
.kh-quote-form label>span{font-weight:400;color:#6b7d8a}.kh-quote-types{border:0;padding:0;margin:0 0 26px;min-width:0}.kh-quote-types legend{padding:0}
.kh-quote-type-options{display:flex;gap:12px}.kh-quote-type-options label{flex:1;margin:0;position:relative}.kh-quote-type-options input{position:absolute;opacity:0;width:1px;height:1px}.kh-quote-type-options span{display:block;border:1px solid #d9e2e8;border-radius:5px;background:#f5f7f9;padding:14px;text-align:center;cursor:pointer}
.kh-quote-type-options input:checked+span{border-color:#172b3a;background:#172b3a;color:white}.kh-quote-type-options input:focus-visible+span{outline:3px solid #e57c81;outline-offset:3px}
.kh-quote-route{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.kh-quote-route>div{min-width:0}.kh-quote-field{margin-bottom:24px}
.kh-quote-form input:not([type=radio]):not([type=hidden]),.kh-quote-form textarea{display:block;width:100%;min-width:0;border:1px solid #cfdae2;border-radius:5px;padding:13px 15px;font:inherit;font-size:15px;color:#172b3a;background:#fff;line-height:1.6;box-sizing:border-box}
.kh-quote-form textarea{resize:vertical;min-height:130px}.kh-quote-form input::placeholder,.kh-quote-form textarea::placeholder{color:#84929c;opacity:1}
.kh-quote-form input:focus,.kh-quote-form textarea:focus{outline:2px solid #58798f;outline-offset:1px;border-color:#58798f}.kh-quote-help{font-size:12px;color:#627581;margin:7px 0 0}
.kh-quote-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.kh-quote-bottom p{font-size:12px;color:#627581;margin:0}
.kh-quote button.kh-button{border:0;display:inline-flex;gap:35px;align-items:center;background:#cf2630;color:white;border-radius:5px;padding:18px 24px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap}.kh-quote button.kh-button:hover{background:#b81d27}.kh-quote button.kh-button:focus-visible{outline:3px solid #e57c81;outline-offset:4px}
.kh-quote-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.kh-quote-error,.kh-quote-success{padding:16px 20px;border-radius:5px;margin-bottom:25px;font-size:14px;line-height:1.7}.kh-quote-error{background:#fff0f1;color:#9f2029;border:1px solid #efc6ca}.kh-quote-success{background:#eaf4ef;color:#23533e;border:1px solid #c6dfd2}
@media(max-width:700px){.kh-quote{padding:25px 20px;scroll-margin-top:110px}.kh-quote h2{font-size:25px}.kh-quote-route{grid-template-columns:1fr;gap:22px}.kh-quote-type-options{gap:8px}.kh-quote-type-options span{padding:12px 8px}.kh-quote-bottom{align-items:start;flex-direction:column}.kh-quote button.kh-button{width:100%;justify-content:space-between}}