/*
Theme Name: Tiché město
Description: 
Author: 
Author URI: 
Version: 1.08
*/

/* Special	*/

/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

section#tourplan .container-fluid.container-limited, #mapa {
    /*display: none!important;*/
}
@font-face {
	font-family: "HusqvarnaGothic";
	src: url(font/HusqvarnaGothic-Regular.eot?#iefix);
	src: url(font/HusqvarnaGothic-Regular.eot) format("eot"), url(font/HusqvarnaGothic-Regular.woff) format("woff"), url(font/HusqvarnaGothic-Regular.ttf) format("truetype"), url(font/HusqvarnaGothic-Regular.svg#HusqvarnaGothic-Regular) format("svg")
}

@font-face {
	font-family: "HusqvarnaGothic";
	src: url(font/HusqvarnaGothic-RegularItalic.eot?#iefix);
	src: url(font/HusqvarnaGothic-RegularItalic.eot?#iefix) format("eot"), url(font/HusqvarnaGothic-RegularItalic.woff) format("woff"), url(font/HusqvarnaGothic-RegularItalic.ttf) format("truetype"), url(font/HusqvarnaGothic-RegularItalic.svg#HusqvarnaGothic-RegularItalic) format("svg");
	font-style: oblique
}

@font-face {
	font-family: "HusqvarnaGothic";
	src: url(font/HusqvarnaGothic-Bold.eot?#iefix);
	src: url(font/HusqvarnaGothic-Bold.eot?#iefix) format("eot"), url(font/HusqvarnaGothic-Bold.woff) format("woff"), url(font/HusqvarnaGothic-Bold.ttf) format("truetype"), url(font/HusqvarnaGothic-Bold.svg#HusqvarnaGothic-Bold) format("svg");
	font-weight: 700
}

@font-face {
	font-family: "HusqvarnaGothic";
	src: url(font/HusqvarnaGothic-BoldItalic.eot?#iefix);
	src: url(font/HusqvarnaGothic-BoldItalic.eot?#iefix) format("eot"), url(font/HusqvarnaGothic-BoldItalic.woff) format("woff"), url(font/HusqvarnaGothic-BoldItalic.ttf) format("truetype"), url(font/HusqvarnaGothic-BoldItalic.svg#HusqvarnaGothic-BoldItalic) format("svg");
	font-weight: 700;
	font-style: oblique
}

@font-face {
	font-family: "HusqvarnaGothic";
	src: url(font/HusqvarnaGothic-Light.eot?#iefix);
	src: url(font/HusqvarnaGothic-Light.eot?#iefix) format("eot"), url(font/HusqvarnaGothic-Light.woff) format("woff"), url(font/HusqvarnaGothic-Light.ttf) format("truetype"), url(font/HusqvarnaGothic-Light.svg#HusqvarnaGothic-Light) format("svg");
	font-weight: lighter
}

@font-face {
	font-family: "HusqvarnaGothic";
	src: url(font/HusqvarnaGothic-LightItalic.eot?#iefix);
	src: url(font/HusqvarnaGothic-LightItalic.eot?#iefix) format("eot"), url(font/HusqvarnaGothic-LightItalic.woff) format("woff"), url(font/HusqvarnaGothic-LightItalic.ttf) format("truetype"), url(font/HusqvarnaGothic-LightItalic.svg#HusqvarnaGothic-LightItalic) format("svg");
	font-weight: lighter;
	font-style: italic
}


.container-limited {
  max-width: 1705px;
  margin: auto;
}
.btn-warning {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 1.1em;
}
.btn-lg,
.btn-group-lg > .btn {
  font-size: 1.33em !important;
  padding: 16px 24px !important;
}
.text-orange,
a.text-orange {
/*  color: #f47220 !important;*/
}
@media (min-width: 768px) {
  .equalheights {
    display: flex;
    align-items: stretch;
  }
}
@media (min-width: 992px) {
  .equalheights-md {
    display: flex;
    align-items: stretch;
  }
}
.multirow .multirow-item {
  height: auto;
}
.multirow .multirow-item:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .multirow {
    display: flex;
    flex-direction: column;
  }
  .multirow .multirow-item:last-child {
    flex-grow: 2;
  }
}

html,
.overflowxhidden,
body {
    overflow-x: hidden;
    position: relative;
}

body{
  font-family: 'Roboto', sans-serif;        font-size: 18px;        overflow-x: hidden; font-weight: 300; color:#3d3d3c;
}
a {
    color: #3d3d3c;
    text-decoration: underline;
}
a:focus, a:hover {
    color: #3d3d3c;
    text-decoration: none;
}
h1,
h2,
h3,
h4 {
  line-height: 1.3;
  font-weight: bold;
}
h1,
h2 {
  font-size: 44px;
} 

h1,
h2,
h3,
h4 {

  font-weight: bold;
  letter-spacing: -0.4px;
  font-family: "HusqvarnaGothic",Arial,sans-serif;
}

@media (max-width: 767px) {
  h1,
  h2 {
    font-size: 36px;
    margin: 30px 0;
  }
    span.hx, strong.hx {
        font-size: 36px!important;
        font-weight: 700!important;
        line-height: 1.1!important;
    }
    strong.hx {
    font-size: 25px!important;
    font-weight: 700!important;
    line-height: 1.2!important;
    }
}
@media (min-width: 1200px) {
    h1 {
                font-size: 60px;
        line-height: 72px;
        }
}
.header .navbar{
  background-color: #fff;
  color:#273a60;
}
.header .navbar a {text-decoration: none;}

.row.no-gutters>div{
    padding-left: 0!important;
    padding-right: 0!important;
}
.box__text{
    font-size: 16px;
    padding: 56px 30px 0!important;
}
@media (max-width: 768px){
    .box__text{
        padding:30px!important;
    }
}

.box__obrazek {overflow: hidden;}
.box__obrazek-levo:before{
content: "";
    position: absolute;
    display:block;
    top: calc(50% - 35px);
    right: -1px;
    width:26px;
    height: 71px;
    background: url(images_tm/sipka.svg) no-repeat;
    background-size: contain;
    z-index: 2;
}
.box__obrazek-pravo:before{
content: "";
    position: absolute;
    display:block;
    top: calc(50% - 35px);
    left: -1px;
    background: url(images_tm/sipka.svg)  no-repeat;
    width:26px;
    height: 71px;
    background-size: contain;
    -webkit-transform: rotate(180deg);
    -ms-transform:  rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    z-index: 2;
}

.box__obrazek:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.48);
    z-index: 1;
    opacity: 0;
    display: block;
    will-change: opacity;
    transition: all 0.3s
}
.box__obrazek:hover:after{
    opacity: 1;
}

.row.no-gutters .row.no-gutters {
    margin: 0;
}
.boxy__title{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%,-50%);
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    z-index: 2;
    will-change: font-size;
    transition: all 0.3s
    font-weight: bold;
    letter-spacing: -0.4px;
    font-family: "HusqvarnaGothic",Arial,sans-serif;    
}
.box__obrazek:hover .boxy__title{
    font-size: 42px;
}
    .navbar h1 {
        color: white;
        font-size: 20px;
        font-weight: 400;
        padding: 0;
        margin: 0;
        line-height: 38px;
    }
.footer-tm .img-wrapper{

        position: static;
        width: auto;
    }

@media (max-width: 768px) {
    .sm-d-flex{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .sm-d-flex > div{
        width: 100%;
    }
    .sm-order-1{
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        -o-order: 1;
        order: 1;
    }
    .sm-order-2{
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        -o-order: 2;
        order: 2;
    }
    .box__obrazek:before{
    content: "";
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: -22px;
    background: url(images_tm/sipka.svg) center center no-repeat;
    -webkit-background-size: 26px 71px;
    background-size: 26px 71px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    z-index: 2;
    width: 100%;
    height: 66px;
    }
    .footer-tm .img-wrapper{
        margin: -40px -15px!important;
        position: static;
        width: auto;
    }
}

span.icon-bar {
    background: white;
}

.navbar {
    /* min-height: 50px; */
    margin-bottom: 0;
    border: 1px solid transparent;
    /* padding-top: 15px; */
    /* padding-bottom: 15px; */
    font-size: 18px;
    position: static;
    top: -100px;
    border-radius: 0;
    transition: .5s all ease-out;
}
header.header{
  box-shadow: none;
      position: relative;
}
.navbar.navbar-fixed-top{
    top: 0;
    position: fixed;
}
.admin-bar nav.navbar.navbar-fixed-top {
    top: 0px;
}
.navbar-brand {display: flex!important; color:#f36c21; font-weight:700;}
.navbar-brand span {color:#f36c21; font-family: "HusqvarnaGothic",Arial,sans-serif; display: inline-block; padding:13px 0px 0px 2px;
font-size:24px; letter-spacing: -0.4px; font-weight:700; white-space: nowrap;}  
.navbar-brand>img{
    transition: .4s all  ease-out;
    height: 47px; width:auto;
    
}



.navbar-fixed-top .navbar-brand,
.home .navbar-fixed-top .navbar-brand {display: flex!important;}

.navbar-header {
    padding: 5px 0;
}

nav.navbar img {
    margin: 0px 0 0 0;
}
a.navbar-brand-desktop img {
    margin: 0;
}
nav.navbar.navbar-fixed-top img {
    /* max-height: 30px; */
    margin: 0px 0 0 0;
}

    .navbar-fixed-top{
        padding-top: 0;
        padding-bottom: 0;
        height: auto;
    }

.navbar-brand {
    float: left;
    height: 48px;
    padding: 15px 15px;
     padding-top: 3px;
    padding-bottom: 0;
    font-size: 18px;
    line-height: 38px;
}
.navbar h1 {
    font-weight: 700;
}
.navbar .nav>li>a:focus,.navbar .nav>li>a:hover {
    text-decoration: none;
    background-color: #f4f4f3;
    border-radius: 16px;
    outline: none;
}
.navbar-brand-desktop{
    /*display: none;*/
}

@media (min-width: 1140px) {
  .home .navbar-brand {display: none!important;}

  .navbar-brand-desktop{
        display: block;
        position: absolute;
        right: 0;
        top: 24.5px;
        z-index: 2;
    }
    .header .navbar {
    }
    .home .navbar-brand{
        display: none;
    }
    .navbar-brand{
        margin-top:-7px;
    }
    .navbar.navbar-fixed-top .navbar-brand {
      display: block;
      margin-top: -7px
  }
  .container{
        position: relative;
    }
        .navbar h1 {
            display: inline-block;
            color: white;
            float: right;
            font-size: 20px;
            padding: 0;
            margin: 0;
            line-height: 38px;
        }
.navbar {
/*    height: 95px;*/
    padding-top: 35px;
    padding-bottom: 10px;
    line-height: 48px;
}
    .navbar-fixed-top{
        padding-top: 0;
        padding-bottom: 0;
        height: auto;
    }
        .navbar-nav>li>a {
            padding-top: 0;
            padding-bottom: 0;
            line-height: 40px;
            font-family: "HusqvarnaGothic",Arial,sans-serif;
          font-weight: 700;

        }
        .navbar-nav {
            float: none;
            /* margin: 0; */
            /* position: absolute; */
            /* left: 50%; */
            /* transform: translate(-50%,-50%); */
            /* top: 50%; */
            /* width: 680px; */
            text-align: center;
    }
    .navbar-nav>li {
        float: left;
        display: inline-block;
        float: none;
    }
}

@media (min-width: 1330px){
    .container {
        width: 1330px;
        position: relative;
    }
}

@media (max-width: 1139px) {

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 25px;
        font-weight: 700;
        font-family: "HusqvarnaGothic",Arial,sans-serif;
    }
    .collapse.in{
        display:block !important;
    }
    .navbar h1{
        margin: 10px 0 0 0;
    }
}


section.hero {
    position: relative;
}

section.hero .container {
  background-size: cover;
  position: relative;
  background-position: center center;
  background-image: url(images_tm/hero.jpg);
}

section.hero .container:after {
    content: ""; bottom: 0px; left: 0px; width: 100%; height:500px; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
    position: absolute;
}

[lang="sk-SK"] section.hero{
/*    background-image: url(images_tm/hero_sk.jpg);*/
}

@media (min-width:768px) {
    section.hero {
/*        min-height: 98vh;*/
/*        background-color: #273A60*/
    }
}


@media (max-width:767px) {
    section.hero .container:before  {content: ""; top: 0; left: 0; width:100%; height:100%;
        background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0));
        position: absolute; }
}

section.hero .video-bg-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

section.hero .video-bg-container video.video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden
}

section.hero .video-bg-container .raster {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/raster-blk.png);
    background-repeat: repeat;
    background-position: top left
}

section.hero .overlay {
    position: relative;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 64px;
    z-index:1;

}

@media (min-width:768px) {
    section.hero .overlay {
    }
}

section.hero .overlay .flex-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:992px) {
    section.hero .overlay .flex-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 30px 0 60px;
        height: 100%
    }
}

section.hero .hero-title {
    align-self: flex-start;
    padding-top: 33px;;
}
section.hero .countdown-container, section.hero .logo-container{
    padding-bottom: 0px;
    top: -120px;
    position: absolute;
}

.nadnadpis {
    color: white;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 12px;
}


section.hero .overlay .hero-title h2 {
    color: white;
    text-align: left;
    font-size: 80px;
    line-height: 80px;
    padding: 0;
    margin: 20px 0 30px 0;
}


@media (min-width: 1300px){
    section.hero {
/*        background-position: center -25px;*/
    }
    section.hero .overlay .hero-title h2 {
        margin-bottom: 50px;
    }
}

@media (min-width: 1440px){
    section.hero .container {
        background-position: center center;
        background-image: url(images_tm/hero2.jpg);
        background-repeat: no-repeat;
    }
    section.hero .logo-container{
        padding-bottom: 30px;
    }
}

section.hero .overlay .hero-title  h2 span  {
    background-color: black;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0.18em 18px 0.05em 18px;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 2px 0;
    position: relative;
    left: 18px;
    padding-left: 0;
    box-shadow: 18px 0 0 rgba(0, 0, 0, 0.4), -18px 0 0 rgba(0, 0, 0, 0.4);
}

section.hero .overlay  p {
    display: block;
    margin-top: 0;
    font-size: 24px;
    line-height: 1.4em;
    font-weight: 300;
    color: white;
    display: inline-block;
    padding: 0 35px 45px 35px;
}

section.hero .overlay .hero-title p span {
    padding: 0 0.3em
}

@media (max-width: 767px) {
    section.hero .overlay .text-in {
        padding: 15px;
    }
    .nadnadpis {
        font-size: 20px;
        letter-spacing: 4px;
    }
}

@media (max-width:767px) {
    section.hero .overlay p {
        font-size: 18px;
    }
    section.hero{
        background-position: center bottom;
        background-size: auto 133%;
    }
    section.hero .overlay p {
        padding: 0 0 20px 0;
    }
    
}

@media (max-width:900px) {
    section.hero .overlay {
        font-size: 48px;
    }
}

@media (min-width:1140px) {
    section.hero .overlay .hero-title h2 {
        font-size: 136px;
        line-height: 140px;
    }
}

@media (min-width:1140px) {
    section.hero .overlay .hero-title h2 {
        font-size: 136px;
        line-height: 140px;
    }
    section.hero .countdown-container, section.hero .logo-container {
        padding-right: 15px
    }
}

@media (min-width:768px) {

    section.hero .countdown-container
    section.hero .logo-container,
    section.hero h1.hero-title {
        width: 50%;
        margin: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}
@media (max-width:992px) {

    section.hero .countdown-container,
    section.hero .logo-container,
    section.hero h1.hero-title {
        margin: 0 0 0 auto;
    }
}

@media (min-width:1200px) {
    
    section.hero .hero-title {
        align-self: flex-start;
        padding: 250px 0 0 40%;
    }
    

    section.hero .countdown-container,
/*    section.hero .logo-container,*/
    section.hero h1.hero-title {
        width: 468px
    }
}

.countdown {
    font-weight: 400;
    padding: 35px;
    font-size: 20px;
    background-color: #f4f4f3;
    margin-top: 10px;
    width:600px;
    max-width: 100%;
    border-radius: 32px;
    border-top-left-radius: 0px;
    box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.12);
}

.countdown p:last-child {
    margin: 0
}

.countdown p.countdown-intro {
    font-size: 1em;
    margin-top: 0;
    margin-bottom: 0.4em
}

.countdown p.countdown-time {
    text-transform: none;
    font-size: 48px;
    font-weight: 700;
}

.countdown p.countdown-time span {
    font-size: 0.65em;
    padding: 0 0.15em;
    font-weight: normal
}

.countdown p.countdown-event {
    font-size: 24px;
    margin-bottom: 1em;
    background-color: #f4f4f3;
    padding: 0 0.5em;
    font-weight: 700;
    line-height: 50px;
}
.countdown-event {font-size: 24px;}
.countdown p.countdown-link {
    font-size: 1em
}

.countdown p.countdown-link a {
    text-decoration: none!important;
    font-size: 18px;
}


@media (max-width:1048px) {
    .countdown {
        font-size: 18px
    }
}

@media (max-width:910px) {
    .countdown {
        font-size: 16px
    }
}

@media (max-width:820px) {
    .countdown {
        font-size: 14px
    }
}

section.hero .logo-container{
    text-align: right;
    text-align: left;
}
section.hero .logo{
    display: inline-block;
    width: 280px;
    padding: 0;
    margin: 126px 0 240px 84px;
    margin: 126px 0 240px 0;
    
    display: inline-block;
    width: 260px;
    padding: 0;
    margin: 126px 0 240px 84px;
    margin: 10px 0 0 0;
    
}

.logo img{
    max-width: 100%;

}

@media (max-width: 992px){
    section.hero .logo{
        width: 200px;
        margin: 50px 0;
    }
}
@media (max-width: 768px){
    section.hero .logo{
        width: 150px;
        margin: 30px 0 0;
    }
    section.hero .countdown-container, section.hero .logo-container {
        align-self: flex-end;
        padding-bottom: 0;
    }
}

.header a {
  color: inherit;
}
.header .equalheights {
  align-items: center;
  display: flex;
}
.header .header-info {
  text-align: center;
  padding: 0;
}
.header .header-info .header-info-item {
  padding: 0 8px;
  line-height: 38px;
}
.header .header-info .header-icon {
  margin: 0 8px;
}
@media (max-width: 850px) {
  .header .header-info .header-info-item {
    display: none;
  }
}
@media (max-width: 767px) {
  .header .header-info {
    display: none;
  }
}
.header .header-logo-dealer {
  padding-left: 12px;
  display: table-cell;
  vertical-align: middle;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
}
.header .header-logo-dealer img {
  max-height: 90px;
}
@media (max-width: 350px) {
  .header .header-logo-dealer img {
    width: 160px;
  }
}
@media (max-width: 991px) {
  .header .header-logo-dealer {
    font-size: 24px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .header .header-logo-dealer {
    font-size: 21px;
    line-height: 24px;
  }
}
.header .header-logo-hq {
  text-align: right;
  padding-right: 12px;
}
.header .header-logo-hq img {
  float: right;
  transition: width 0.5s;
}
@media (max-width: 400px) {
  .header .header-logo-hq img {
    width: 70px;
  }
}
@media (max-width: 340px) {
  .header .header-logo-hq img {
    width: 60px;
  }
}
.header .header-logo-hq span,
.header .header-logo-hq h1 {
  display: none;
}
.heroimage {
  position: relative;
}
.heroimage > .hero-overlay {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 60px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.review .img-wrapper:before {
    background: rgba(0, 0, 0, 0.6);
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

@media (max-width: 600px) {
  .heroimage > .hero-overlay {
    padding-left: 15px;
    padding-right: 100px;
  }
}
.heroimage .badge {
  width: 150px;
  height: 150px;
  border-radius: 75px;
  background-color: #f47220;
  color: white;
  
  text-align: center;
  font-weight: 300;
  font-size: 36px;
  padding: 40px 20px;
  float: right;
}
.heroimage .badge a {
  color: inherit;
}
@media (max-width: 767px) {
  .heroimage .badge {
    width: 116px;
    height: 116px;
    border-radius: 58px;
    font-size: 26px;
    padding: 30px 15px;
  }
}
.heroimage .bigtext {
  margin-top: 20px;
  margin-bottom: 20px;
}
.heroimage .bigtext p {
  font-size: 80px;
  color: white;
  
  font-weight: bold;
  text-transform: uppercase;
  line-height: 100px;
  margin: 0;
  width: auto;
}
@media (max-width: 1800px) {
  .heroimage .bigtext p {
    font-size: 64px;
    line-height: 80px;
  }
}
@media (max-width: 1600px) {
  .heroimage .bigtext p {
    font-size: 55px;
    line-height: 62px;
  }
}
@media (max-width: 1400px) {
  .heroimage .bigtext p {
    font-size: 48px;
    line-height: 55px;
  }
}
@media (max-width: 1200px) {
  .heroimage .bigtext p {
    font-size: 36px;
    line-height: 42px;
  }
}
@media (max-width: 950px) {
  .heroimage .bigtext p {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 750px) {
  .heroimage .bigtext p {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 420px) {
  .heroimage .bigtext p {
    font-size: 18px;
    line-height: 24px;
  }
}
.heroimage .bigtext p span {
  padding: 0 10px;
  background-color: #030c1c;
  background-color: rgba(3, 12, 28, 0.6);
  display: inline-block;
  /*@media(min-width:500px){
                    padding: 0;
                    &:first-child {
                        padding-left: 10px;
                    }
                    &:last-child {
                        padding-right: 10px;
                    }
                }*/
}
@media (max-width: 1200px) {
  .heroimage .bigtext p span {
    padding: 0 5px;
  }
}
.heroimage .bigtext p a {
  color: inherit;
}
.heroimage .bigtext.nobg p span {
  background-color: transparent;
  color: #273a60;
}
.heroimage-carousel {
  margin-bottom: 40px;
}
@media (max-width: 450px) {
}
.heroimage-carousel .carousel-controls {
  position: absolute;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  bottom: 10px;
  text-align: center;
}
.heroimage-carousel .carousel-controls a {
  color: white;
  margin: 0 10px;
}
.heroimage-carousel .carousel-controls .carousel-indicators {
  position: relative;
  display: inline-block;
  margin: 0;
  left: auto;
  top: 0;
  bottom: 0;
  width: auto;
}

.flip-card {
  background-color: transparent;
  width: 100%;
  height: 290px;
  padding: 0px 0px;
/*  perspective: 1000px;*/
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.serviceicons .row:hover,
.flip-card:hover{
    z-index: 10;
    position: relative;
}
.duvody__cislo{
font-size: 50px;
    text-align: center;
    background: url(images_tm/lines.svg) center center no-repeat;
    font-weight: 700;
    margin-top: 10px;
    color:#3D3D3C;
}

.flip-card:hover .flip-card-inner {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.flip-card-inner .flip-card-front svg {fill: #3e3e3e !important; max-width:100%;  width:200px; height: 100px}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
    z-index: 10;
    border-radius: 16px;
    padding: 30px 15px 15px 15px;
}


.flip-card-front {
    background-color: #f4f4f4;
}

.flip-card-front img {
    height: 125px;
}

.flip-card-back {
  background-color: white;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
        min-height: 80%;
        font-size: 18px;
    display: block;
    z-index: 20;
}
.flip-card-back p{
display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.ie11 .flip-card:hover .flip-card-inner {
  transform:none;
}
.ie11 .flip-card .flip-card-front,
.ie11 .flip-card .flip-card-back{
    
  transition: transform 0.8s;
}
.ie11 .flip-card:hover .flip-card-front,
.ie11 .flip-card:hover .flip-card-back{
  transform: rotateY(180deg);
}

.ie11 .flip-card:hover .flip-card-back{
  transform: rotateY(0);
}

@media (min-width: 1280px) {
    
}

section.blue  .flip-card-back h3{
    color: #333;
    margin-top: 0;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0.5em;
    padding-right: 24px;
}


section.blue{
    background: #1f2742;
    color: #fff;
    padding-bottom: 30px;
}
section.seda{
    background: #f4f4f4;
}
section.blue h2, section.blue h3{
    color: #fff;
}
section.orange{
    background: #F25420;
    color: #fff;
}
section.orange h2{
    color: #fff;
    text-align: center;
}
.d-inline{
    display: inline;
}
.d-inline-block{
    display: inline-block;
}

#autocomplete{
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    color: #000;
    border: none;
    width: 300px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    margin: 0 10px;
    max-width: 100%;
}

.search.form-control {
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    font-weight: 400;
}

#findClosestForm .btn{
       margin: 0;
}



.btn-green {
    color: #fff;
    background-color: #309449;
    border-color: #309449;
}
.btn-green:hover {
    color: #fff;
    background-color: #00a88e;
    border-color: #00a88e;
}

.btn-blue {
        color: #fff!important;
    background-color: #273a60;
    border-color: #273a60;
}

.btn-blue:hover {
    color: #fff;
    background-color: #152951;
    border-color: #152951;
}


.findclosest h2{
    vertical-align: middle;
    font-size: 33px;
}
.findclosest h2, #findClosestForm{
    margin:44px 25px;
}

form#findClosestForm {
    margin-top: 0;
}

#findClosestForm input{
    color: #000;
}

.review-carousel p{
    color: #ffffff;
    font-size: 39.6px;
    font-style: italic;
    text-transform: uppercase;
    text-align: center;
    padding: 0 15px;
    padding: 0 10%;
}

.review-carousel .name{
    font-size: 21.6px;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 4px;
}

section.review {
    position: relative;
}
section.review .carousel{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
section.review .carousel .item {
    background-color: transparent;
    height: 100%;
}
section.review  .carousel-inner {
    height: 100%;
}
section.review  .heroimage{
    position: static;
}



.serviceicons h2 {
  /*font-size: 36px;
        font-size: 44px;*/
      margin: 0px 0px 70px 0;
    text-align: center;
}
.serviceicons h3 {
    color: #333;
    margin: 35px 0 0 0;
    color: #333;
    margin: 24px 0;
    font-size: 30px;
    text-align: center;
}
.serviceicons a {
  color: inherit;
}
.serviceicons p{
/*
    font-weight: 700;
    color: #666666;
*/
}

@media (max-width: 1280px) {
    section.review{
        background-position: center center;
        background-size: cover;
        min-height: 350px;
    }
    section.review .img-wrapper img{
        opacity: 0;
    }
}


@media (max-width: 992px) {
    section.review{
        min-height: 400px;
    }
    section.review .img-wrapper img{
        opacity: 0;
    }
    .review-carousel p{
        padding: 0 15px;
    }
}

@media (max-width: 767px) {
    section.review{
        min-height: 450px;
    }
    .review-carousel p{
        font-size: 20px;
    }
}

.serviceicons p.big {
  font-size: 18px;
  margin-bottom: 40px;
}
.serviceicons .serviceicon {
  margin: auto;
}
.serviceicons-fullwidth {
  max-width: 100%;
}
.upozorneni {
  border: 1px solid #273a60;
  margin-bottom: 40px;
}
.upozorneni .upozorneni-title {
  background-color: #273a60;
  color: white;
  margin: 0;
  padding: 10px 15px;
  font-weight: bold;
}
.upozorneni .upozorneni-title a {
  color: inherit;
}
.upozorneni .upozorneni-content {
  padding: 15px;
}
.products {
  margin-bottom: 40px;
}
.products .equalheights {
  flex-wrap: wrap;
}
.products .equalheights > div {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .products .equalheights > div {
    margin-bottom: 2px;
  }
}
.products .products-item {
  margin-bottom: 30px;
  height: 100%;
  height: calc(100%-20px);
}
.products .products-item .products-item-image {
  position: relative;
}
.products .products-item .products-item-image h1,
.products .products-item .products-item-image h2,
.products .products-item .products-item-image h3,
.products .products-item .products-item-image h4,
.products .products-item .products-item-image h5 {
  position: absolute;
  left: 20px;
  top: 20px;
  margin: 0;
  max-width: 50%;
  line-height: 45px;
  font-size: 36px;
  color: white;
  text-transform: uppercase;
}
.products .products-item .products-item-image h1 a,
.products .products-item .products-item-image h2 a,
.products .products-item .products-item-image h3 a,
.products .products-item .products-item-image h4 a,
.products .products-item .products-item-image h5 a {
  color: inherit;
}
.products .products-item .products-item-image h1 span,
.products .products-item .products-item-image h2 span,
.products .products-item .products-item-image h3 span,
.products .products-item .products-item-image h4 span,
.products .products-item .products-item-image h5 span {
  padding: 0 10px;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4);
  display: inline-block;
  width: auto;
}
.products .products-item .products-item-image .img-responsive {
  width: 100%;
}
.products .products-item .products-item-footer {
  height: 60px;
  text-align: right;
  background-color: #273a60;
}
@media (max-width: 767px) {
  .products .products-item .products-item-image h1,
  .products .products-item .products-item-image h2,
  .products .products-item .products-item-image h3,
  .products .products-item .products-item-image h4,
  .products .products-item .products-item-image h5 {
    position: static;
    max-width: 100%;
    left: 0;
    top: 0;
    font-size: 27px;
    line-height: 32px;
    background-color: #273a60;
    padding: 16px 20px;
  }
  .products .products-item .products-item-image h1 span,
  .products .products-item .products-item-image h2 span,
  .products .products-item .products-item-image h3 span,
  .products .products-item .products-item-image h4 span,
  .products .products-item .products-item-image h5 span {
    background-color: transparent;
    padding: 0;
    display: inline;
  }
  .products .products-item .products-item-image img {
    display: none;
  }
  .products .products-item .products-item-footer {
    display: none;
  }
}
.products .products-textitem {
  background-color: #e6e6e6;
  height: 100%;
  height: calc(100% - 20px);
}
.products .products-textitem h1,
.products .products-textitem h2,
.products .products-textitem h3,
.products .products-textitem h4,
.products .products-textitem h5 {
  position: relative;
  left: 0;
  top: 0;
  background-color: #273a60;
  color: white;
  margin: 0;
  font-size: 24px;
  padding: 13px 20px;
  text-transform: uppercase;
}
.products .products-textitem h1 a,
.products .products-textitem h2 a,
.products .products-textitem h3 a,
.products .products-textitem h4 a,
.products .products-textitem h5 a {
  color: inherit;
}
.products .products-textitem .products-textitem-content {
  padding: 40px 20px 20px 20px;
}
.products .products-textitem .products-textitem-content ul.list-unstyled {
  margin-bottom: 0;
}
.products .products-textitem .products-textitem-content ul.list-unstyled li {
  margin-bottom: 12px;
  font-size: 18px;
  
  font-weight: bold;
  color: #273a60;
}
@media (min-width: 992px) {
  .products .products-textitem .products-textitem-content ul.list-unstyled li {
    margin-bottom: 16px;
  }
}
.products .products-textitem .products-textitem-content ul.list-unstyled li img {
  vertical-align: top;
  margin-right: 6px;
  float: left;
}
.products .products-textitem .products-textitem-content ul.list-unstyled li a {
  color: inherit;
}
.products .products-textitem .products-textitem-content ul.list-icons {
  padding-left: 51px;
}
.products .products-textitem .products-textitem-content ul.list-icons img {
  margin-left: -51px;
}
@media (max-width: 767px) {
  .products .products-textitem .products-textitem-content {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .products .products-textitem h1,
  .products .products-textitem h2,
  .products .products-textitem h3,
  .products .products-textitem h4,
  .products .products-textitem h5 {
    position: static;
    max-width: 100%;
    left: 0;
    top: 0;
    font-size: 27px;
    line-height: 32px;
    background-color: #273a60;
    padding: 16px 20px;
  }
  .products .products-textitem ul.list-icons {
    padding-left: 42px;
  }
  .products .products-textitem ul.list-icons img {
    margin-left: -42px;
  }
}
.contacts {
  margin-bottom: 40px;
  padding-bottom: 40px;
  background-color: #273a60;
  color: white;
}
.contacts a {
  color: inherit;
}
.contacts h2 {
  font-size: 60px;
  text-align: center;
  margin: 30px 0;
  color: white;
}
@media (max-width: 767px) {
  .contacts h2 {
    font-size: 36px;
  }
}
.contacts .nav-tabs {
  border-bottom-color: #5770a2;
}
.contacts .nav-tabs li a {
  margin: 2px;
  background-color: #5770a2;
  font-weight: bold;
  border: none;
  color: #273a60;
}
.contacts .nav-tabs li a:hover {
  color: white;
}
.contacts .nav-tabs li.active {
  border: 1px solid #5770a2;
  border-bottom-color: #273a60;
  padding-bottom: 2px;
}
.contacts .nav-tabs li.active a {
  margin: 2px;
  margin-bottom: 0;
  background-color: transparent;
  border: none;
  color: white;
}
@media (max-width: 767px) {
  .contacts .nav-tabs {
    border: none;
  }
  .contacts .nav-tabs li {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
  }
  .contacts .nav-tabs li a {
    padding: 4px 0;
    background-color: transparent;
    color: #5770a2;
  }
  .contacts .nav-tabs li.active {
    border: none;
  }
  .contacts .nav-tabs li.active a {
    text-decoration: underline;
  }
}
.contacts .tab-content {
  padding-top: 30px;
}
@media (min-width: 768px) {
  .contacts .tab-content {
    border-left: 1px solid #5770a2;
    padding: 30px 0 0 15px;

  }
}
.contacts .table-hours {
  background-color: transparent;
}
.contacts .table-hours td {
  white-space: nowrap;
}
.contacts .table-hours td:first-child {
  padding-right: 10px;
}
.contacts .contacts-group {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .contacts .contact-images {
    padding-right: 0;
  }
  .contacts .contact-images .img-responsive {
    width: 100%;
  }
}
.contacts .contact-images #contacts-mapa {
  background-color: #666;
  min-height: 260px;
}
.contacts .contacts-orangelink {
  color: #f47220;
  padding-right: 20px;
}
.contacts .contacts-orangelink:last-child {
  padding-right: 0;
}
.contacts .actionbutton {
  padding: 10px 16px;
  font-size: 20px;
  line-height: 1.3333333;
  border-radius: 0;
  font-size: 1.33em !important;
  padding: 16px 24px !important;
}
.contacts .moremargin {
  margin-bottom: 30px;
}
#contactform,
.kampan-form {
  position: relative;
}
#contactform h2,
.kampan-form h2,
#contactform h3,
.kampan-form h3,
#contactform h4,
.kampan-form h4 {
  font-size: 48px;
  margin: 20px 0;
  text-align: center;
  color: inherit;
}
#contactform form,
.kampan-form form {
  /*input.form-control {
            font-size: 24px;
            padding: 16px;
            line-height: 36px;
            min-height: 36px;
        }*/
}

.hidebeforesuccesfulsend{
    overflow: hidden;
    max-height: 0;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}
.uspech .hidebeforesuccesfulsend{
    max-height: 500px;
    color: #273a60;
}

#contact-form .form{
    overflow: hidden;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

#contact-form.uspech  .form{
    max-height: 0;
}


#contactform form label,
.kampan-form form label {
  font-weight: normal;
  text-align: left!important;
  font-size:16px;
}
#contactform form input[type="checkbox"],
.kampan-form form input[type="checkbox"] {
  width: 15px;
  height: 15px;
}
#contactform .contacts-group,
.kampan-form .contacts-group {
  margin-bottom: 20px;
}
#contactform .form-closer,
.kampan-form .form-closer {
  display: inline-block;
  font-size: 26px;
  color: inherit;
  line-height: inherit;
  padding: 0 20px;
  vertical-align: middle;
  text-decoration: none;
}
.poradit-form .form-closer {
  display: inline-block;
  font-size: 26px;
  color: inherit;
  line-height: inherit;
  padding: 0 20px;
  vertical-align: middle;
  text-decoration: none;
}
@media (min-width: 100px) {
  #contactform h2,
  .kampan-form h2,
  #contactform h3,
  .kampan-form h3,
  #contactform h4,
  .kampan-form h4 {
    position: relative;
    padding-left: 30px;
    padding-right: 32px;
  }
  #contactform .form-closer,
  .kampan-form .form-closer {
    display: block;
    position: absolute;
    right: 0;
    top: -30px;
    padding: 0;
          z-index: 10;
  }
  .poradit-form .form-closer {
    display: block;
    position: absolute;
    right: 14px;
    top: -30px;
    padding: 0;
    z-index: 10;
  }
}
@media (min-width: 768px) {
.poradit-form .form-closer {
    display: block;
    position: absolute;
    right: 40px;
    top: 45px;
    padding: 0;
    z-index: 10;
  }
}
#contactform label {
  font-size: 16px;
}
.kampan-form {
  margin-bottom: 40px;
}
.kampan-form h2,
.kampan-form h3,
.kampan-form h4 {
  color: #273a60;
  margin-top: 0;
}
.kampan-form form {
  margin-top: 20px;
}

.kampan-form form .form-control {
  background-color: #fff;
}
.info {
  margin-bottom: 40px;
}
.info > .row {
  margin: 0;
}
.info .info-item {
  padding: 0;
}
.info .info-item .info-item-image {
  position: relative;
  height: 250px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.info .info-item .info-item-image:after {
  top: 0%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 30px;
  margin-left: -30px;
}
.info .info-item .info-item-text {
  position: relative;
  padding: 16px 20px 0 20px;
}
.info .info-item .info-item-text h1,
.info .info-item .info-item-text h2,
.info .info-item .info-item-text h3,
.info .info-item .info-item-text h4 {
  font-size: 30px;
  color: #273a60;
  margin: 0 0 16px 0;
}
.info .info-item .info-item-text a {
  color: inherit;
}
@media (min-width: 768px) {
  .info .info-item-text {
    height: 250px;
  }
  .info .info-item:nth-child(odd) .info-item-text {
    top: 250px;
  }
  .info .info-item:nth-child(odd) .info-item-image {
    top: -250px;
  }
  .info .info-item:nth-child(odd) .info-item-image:after {
    top: 190px;
    top: calc(100% - 60px);
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 30px;
    margin-left: -30px;
  }
}
.info .arrow-up:after {
  top: 190px;
  top: calc(100% - 60px);
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 30px;
  margin-left: -30px;
}
.info .arrow-down:after {
  top: 0%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 30px;
  margin-left: -30px;
}
.socialicons {
    text-align: center;
    margin: 40px 0;
}

.socialicons .footer-text {
    max-width: 100%;
    margin: 30px auto -10px;
    padding: 0 15px;
}

@media (min-width: 768px) {
    .socialicons .footer-text {
        max-width: 80%;
        margin: 30px auto 60px;
    }
}

@media (min-width: 992px) {
    .socialicons .footer-text {
        max-width: 80%;
        margin: 30px auto 60px;
    }
}

@media (min-width: 1140px) {
    .socialicons .footer-text {
        max-width: 80%;
        margin: 30px auto 60px;
    }
}

@media (min-width: 1280px) {
    .socialicons .footer-text {
        max-width: 60%;
        margin: 30px auto -10px;
    }
}


.socialicons .icon {
  margin: 0 15px;
}
.footer {
  padding-bottom: 10px;
  padding-top: 60px;
  background-color: #273a60;
  font-size: 14px;
  color: white;
}
.footer a {
  color: inherit;
}
.footer-text p {
    font-size: 18px;
    line-height: 24px;
}
.footer-text p small{
    font-size: 13px;
}

.footer-logo  .footerimage {
    position: absolute;
    top: -124px;
    width: 250px;
}
@media (max-width: 767px) {
  .footer .footer-logo {
    padding-bottom: 20px;
  }
}
.footer address p {
  margin-bottom: 4px;
}
.footer h2 {
  text-transform: uppercase;
  font-size: 18px;
  
  color: inherit;
  margin: 0;
  margin-bottom: 20px;
  padding-top: 14px;
}
.footer h3 {
  font-size: 24px;
  font
  margin: 0 0 12px 0;
}
.dalsi-znacky {
  font-size: 14px;
}
.dalsi-znacky a {
  color: inherit;
}
.dalsi-znacky h2 {
  margin: 0;
  margin-bottom: 40px;
  text-align: center;
  font-size: 30px;
}
.dalsi-znacky .equalheights > div {
  margin-bottom: 40px;
}
.dalsi-znacky .dalsi-znacky-item {
  padding: 30px;
  background-color: #e6e6e6;
  text-align: center;
}
@media (min-width: 768px) {
  .dalsi-znacky .dalsi-znacky-item {
    height: 100%;
  }
}
.dalsi-znacky .dalsi-znacky-item h3 {
  color: #273a60;
  margin: 0 0 30px 0;
}
.dalsi-znacky .dalsi-znacky-item img.dalsi-znacky-logo {
  margin: auto;
  margin-bottom: 20px;
}
.carousel {
  position: relative;
}
.carousel .item {
  min-height: 20vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: gray;
}
.carousel .carousel-static-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 60px 60px 0 60px;
}

@media (max-width: 991px) {
  .carousel .carousel-static-content {
    padding: 120px 60px 0 60px;
  }
}
@media (max-width: 767px) {
  .carousel .carousel-static-content {
    padding: 120px 15px 0 15px;
  }
}
.carousel .carousel-control {
  background-image: none;
  filter: none !important;
  top: auto;
  bottom: 30px;
}

.review-carousel .heroimage > .hero-overlay {
    padding: 0;
}
.review-carousel .hero-overlay {
/*    background: rgba(0, 0, 0, 0.6);*/
}

.review-carousel .hero-overlay-inner{
    width: 100%;
    align-self: center;
    text-shadow: 3px 3px 10px black;
}
.vyhody{
    padding-bottom: 57px;
    background: #f4f4f3;
}
.vyhody h2 {
}
.vyhody p{
}
.vyhody h3 {
    color: #333;
    text-transform: uppercase;
    font-size: 30px;
    margin: 33px 0 10px;
}
.vyhody img{
    width: 100%;
}


.hero-2{
    background: #273a60;
    color: #fff;
}
.hero-2 .row .in{
    position: relative;
}
.hero-2 img{
    width: 100%;
}
.hero-2 .title{
    text-transform: uppercase;
    font-size: 33px;
    font-weight: 700;
    position: absolute;
    bottom: 39px;
    left: 15px;
}
.hero-2 h2{
    font-size: 36px;
    text-transform: uppercase;
    color: #fff;
    margin: 56px 0 12px 0;
}
.hero-2 .text{
    font-size: 18px;
}
.hero-2 .text p{
    margin-bottom: 23px;
}
.btn{
    max-width: 100%;
}


.col-md-6.image {
    padding: 0;
}

@media (min-width: 992px) {
    .hero-2 .bg{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-size: contain;
        background-position: center right;
        background-repeat: no-repeat;
        background-color: black;
    }
    section.hero-2{
        position: relative;
    }
    section.hero-2:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 50%;
        bottom: 0;
        background: black;
    }
    .hero-2 .bg img{
        display: none;
    }
    .hero-2 .row .image{
        padding-right: 0;
        padding-left: 15px;
    }
    .hero-2 .in{
        padding-left: 30px;
        height: 100%;
    }
    .hero-2 .title{
        left: 0px;
    }
    .hero-2 .text{
        padding: 0 60px;
        padding: 0 0 0 60px;
    }
}

.ico-right .glyphicon-menu-right, .ico-right .glyphicon{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.ico-right  span.glyphicon.glyphicon-remove {
    font-size: 20px;
    margin-right: 7px;
    margin-top: -0.5px;
}
.showondistance{
    overflow: hidden;
    max-height: 0;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

.distance .showondistance{
    max-height: 500px;
}

.showontimestamp{
    overflow: hidden;
    max-height: 500px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

.distance .showontimestamp{
    max-height: 0;
}

.btn.ico-right {
    position: relative;
    display: inline-block;
    padding-right: 40px!important;
}
.xbtn.ico-right{
    min-width: 182px;
        min-width: 182px;
    position: relative;
    padding-right: 40px!important;
}
.input-lg {
    border-radius: 0;
}
.hidebtn .actionbutton{
    display: none;
}
.glyphicon-menu-right:before {
    content: " ";
    width: 8px;
    height: 16px;
    background: url('images/arr.svg') right no-repeat;
    display: block;
    margin-right: 15px;
    padding-left: 15px;
}

.glyphicon-menu-left:before {
  content: " ";
  width: 8px;
  height: 16px;
  background: url('images/arr.svg') right no-repeat;
  display: block;
  margin-right: 15px;
  padding-left: 15px;
  transform: rotate(180deg);
}

.btn-warning .glyphicon-menu-right:before, .btn-info .glyphicon-menu-right:before {
    background: url('images/arr-white.svg')  right no-repeat;
}

.btn {
margin-right: 10px;
    margin-bottom: 20px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 0;
    font-size: 1.33em !important;
    padding: 8.5px 20px !important;
    text-align: left;
}

.btn-lg, .btn-group-lg > .btn {
    font-size: 1.5em !important;
    padding: 14px 30px !important;
}

.btn-warning {
    color: #eaebee;
    background-color: #F25420;
    border-color: #F25420;
}

.btn.btn-social {
    min-width: auto;
}
.btn-facebook {
    color: #3f3f3f;
    background-color: #fff;
    border: 1px solid #3f3f3f;
}
.btn-twitter {
    color: #3f3f3f;
    background-color: #fff;
    border: 1px solid #3f3f3f;
}

.btn-facebook:hover, .btn-twitter:hover {
    color: #3f3f3f!important;
    box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.12);
}

.btn-reddit {
    color: #fff;
    background-color: #ff4500 ;
    border-color: #ff4500 ;
}
.btn.btn-social:hover, .btn.btn-social:active, .btn.btn-social:focus {
    color: white;
    opacity: 0.8;
}

.btn.active, .btn:active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.btn-warning:hover, .btn-warning:hover:active,.btn-warning:active, .btn-warning:focus {
color: #fff;
    background-color: #d53c0c;
    border-color: #cc390b;
        outline: none!important;
}

.btn-info {
    color: #eaebee;
    background-color: #8a8a8a;
    border-color: #8a8a8a;
}
.btn-info:hover, .btn-info:hover:active,.btn-info:active, .btn-info:focus {
    color: #fff;
    background-color: #797979;
    border-color: #797979;
}


.vyhody .equalheights {
  flex-wrap: wrap;
}
.product-list {
  margin-bottom: 40px;
}
.product-list .equalheights {
  flex-wrap: wrap;
}
.product-list h2 {
  text-transform: uppercase;
}
.product-list .product-list-container {
  margin-left: -5px;
  margin-right: -5px;
}
.product-list .product-list-container > div {
  padding-left: 7px;
  padding-right: 7px;
  margin-bottom: 15px;
}
.product-list .product-list-container .product-list-item {
  background-color: #ededed;
}
@media (min-width: 768px) {
  .product-list .product-list-container .product-list-item {
    height: 100%;
  }
}
.product-list .product-list-container .product-list-item h3 {
  margin: 0;
  padding: 30px 7px 12px 7px;
  text-align: center;
}
.product-list .product-list-container .product-list-item .product-list-item-description {
  padding: 15px 25px 5px 25px;
  text-align: center;
}
.product-list img {
  margin: auto;
}
.product-list p.kompletlink {
  margin: 20px 0 0 0;
}
.calltoaction {
  margin-top: 40px;
}
.container-fluid.calltoaction{
    margin: 60px 0 40px;
}
#calltoaction .actionbuttons .btn-lg{
    margin-top: 10px;
}
.calltoaction .actionbuttons {
  margin-bottom: 40px;
}

.calltoaction .actionbuttons .btn .glyphicon {
  font-size: 0.85em;
}
p.text-center.kompletlink {
    margin: -13px 0 80px 0;
}
.calltoaction h2,
.calltoaction h3 {
    margin: 0 0 12px 0;
    margin: 0 0 44px 0;
}
.serviceicons-darker {
  background-color: #e5e7ef;
  padding-top: 40px;
  padding-bottom: 40px;
}
.serviceicons-darker h2 {
  margin: 0 0 40px 0;
  text-transform: uppercase;
  font-size: 36px;
        font-size: 44px;
  color: #273a60;
  padding: 0;
}
div#actionbuttons h2 + p {
    margin-bottom: 1.3em;
}
.serviceicons-darker .serviceicon {
  margin-bottom: 40px;
}
.inlinehelp-icon {
  display: inline-block;
  border: 1px solid #f47220;
  color: #f47220;
  height: 18px;
  width: 18px;
  border-radius: 9px;
  font-size: 14.4px;
  line-height: 16.2px;
  text-align: center;
  text-decoration: none;
  margin: 0 10.8px;
}
.inlinehelp-icon:hover,
.inlinehelp-icon:active,
.inlinehelp-icon:focus {
  text-decoration: inherit;
  outline: 0;
}
.popover h3 {
  font-size: 16px;
  
  margin: 0;
  text-align: left;
}

.earthmap {
  min-height: 50vw;
  background-color: white;
  text-align: center;
  position: relative;
}
.earthmap .continents {
  position: relative;
  width: auto;
}
.earthmap .continents img.continents-map,
.earthmap .continents img.saw-map-photo {
  display: block;
  width: 100%;
  height: auto;
}

@-webkit-keyframes pulse {
 0% {
 -webkit-transform: scale(1, 1);
}
 50% {
 -webkit-transform: scale(1.4, 1.4);
}
 100% {
 -webkit-transform: scale(1, 1);
};
}

@keyframes pulse {
 0% {
 transform: scale(1, 1);
}
 50% {
 transform: scale(1.4, 1.4);
}
 100% {
transform: scale(1, 1);
};
}


.mapdot {
  display: block;
  position: absolute;
  cursor: pointer;
  z-index: 2;
}
.mapdot:before {
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  position: relative;
  left: -10px;
  top: -10px;
  background-color: #f47220;
  border: 5px solid white;
  border-radius: 50%;
}

.mapdot.selected:before {
 	-webkit-animation: pulse 1s 2 linear;
	animation: pulse 1s 2 linear;   
}

.mapdot.selected:hover:before {
	-webkit-animation: none;
	animation:none;
}
@media (max-width: 767px) {
    .col-sm-6.col-lg-4.col-lg-offset-2 {
        margin-bottom: 50px;
    }
}

@media (min-width: 992px) {
  .mapdot:before {
    width: 30px;
    height: 30px;
    position: relative;
    left: -15px;
    top: -15px;
    background-color: #f47220;
    border: 7px solid white;
    border-radius: 50%;
  }
}
.mapdot .data-name,
.mapdot .data-content {
  display: none;
}

p#popover-saw-description.notext {
    margin: -15px 0;
}

.mapdot#mapdot-saw-1 {
    top: 33.3948%;
    left: 14.9084%;
}
.mapdot#mapdot-saw-2 {
    top: 26.845%;
    left: 17.7511%;
}
.mapdot#mapdot-saw-3 {
    top: 41.0517%;
    left: 42.2615%;
}
.mapdot#mapdot-saw-4 {
    top: 26.6605%;
    left: 53.506%;
}
.mapdot#mapdot-saw-5 {
    top: 58.7638%;
    left: 58.1175%;
}
.mapdot#mapdot-saw-6 {
    top: 44.9262%;
    left: 70.7517%;
}
.map-popover {
  position: absolute;
  display: none;
  text-align: left;
  z-index: 19999;
  left: 0;
  top: 0;
  background-color: white;
  padding: 5px 15px 10px 15px;
  padding: 15px 15px 10px 15px;
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.35);
  width: 300px;
  
}
.map-popover .map-popover-title {
  font-size: 20px;
  color: #273a60;
  font-weight: bold;
  margin-bottom: 0.5em;
  padding-right: 24px;
}
.map-popover .map-popover-conditions {
  margin-bottom: 1em;
}
.map-popover .map-popover-conditions > * {
  padding: 5px 2px;
  text-align: center;
  border-left: 1px solid #C2C2C2;
}
.map-popover .map-popover-conditions > *:first-child {
  border-left: none;
}
.map-popover .map-popover-conditions > * img {
  position: relative;
  bottom: 0.2em;
}
.map-popover .map-popover-conditions > * .value {
  color: #273a60;
  font-size: 20px;
  font-weight: bold;
}
.map-popover .map-popover-conditions > * .value-desc {
  font-size: 12px;
}
.map-popover .map-popover-videolink {
  text-align: center;
  color: #273a60;
  text-transform: uppercase;
  font-weight: bold;
}
.map-popover .map-popover-videolink .glyphicon {
  color: #f47220;
}
.map-popover .map-popover-videolink a {
  color: inherit;
}
.map-popover .map-popover-closer {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 18px;
  cursor: pointer;
}
.map-popover .map-popover-arrow {
  position: absolute;
}
@media (max-width: 449px) {
  .map-popover .map-popover-arrow {
    display: none;
  }
}
.map-popover.map-popover-arrow-left .map-popover-arrow {
  left: 18px;
}
.map-popover.map-popover-arrow-right .map-popover-arrow {
  right: 18px;
}
.map-popover.map-popover-arrow-center .map-popover-arrow {
  right: 138px;
}
.map-popover.map-popover-arrow-top .map-popover-arrow {
  top: -17px;
  transform: rotate(180deg);
}
.map-popover.map-popover-arrow-bottom .map-popover-arrow {
  bottom: -17px;
}

.earthmap-header h2{
        font-size: 60px;
        font-size: 44px;
}

.earthmap-header p{
    margin-bottom: 40px;
}

ul.list-inline.share-buttons {
    white-space: nowrap;
}

.popover-show {
    z-index: 10;
    position: static;
    display: inline-block;
    vertical-align: top;
    margin: 15px;
}


@media (min-width: 1242px) {
    #separateTexts{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .popover-show {
        display: block;
        position: absolute;
        margin: 0;
    }
    #map-popover-1{
        top: -0.235018%;
        left: 6.28019%;
    }
    #map-popover-2{
        top: 46.416%;
        left: 2.41546%;
    }

    #map-popover-3{
        top: 2.82021%;
        left: 67.8744%;
    }

    #map-popover-4{
        top: 67.5676%;
        left: 32.8502%;
    }

}

@media (min-width: 1494px) {
    #map-popover-1{
        top: 1.07527%;
        left: 55.8233%;
    }
    #map-popover-2{
        top: 49.0714%;
        left: 3.94913%;
    }

    #map-popover-3{
        top: 10.7527%;
        left: 78.3133%;
    }

    #map-popover-4{
        top: 65.9824%;
        left: 29.3842%;
    }
}

@media (min-width: 1494px) {
    #map-popover-1{
        top: 0.153492%;
        left: 6.46348%;
    }
    #map-popover-2{
        top: 50.9225%;
        left: 6.06443%;
    }

    #map-popover-3{
        top: 3.60706%;
        left: 68.7336%;
    }

    #map-popover-4{
        top: 62.6384%;
        left: 32.7858%;
    }
}

ul.orange,
ol.orange {
    padding: 0;
}

ol.orange {
    counter-reset: item;
}

ol.orange li {
    display: block;
    margin-left: 20px;
}

ol.orange li:before {
    content: counter(item) ". ";
    counter-increment: item;
    color: orange;
    position: absolute;
    margin-left: -18px;
    font-weight: 700;
}

ul.orange li {
    display: block;
    margin-left: 20px;
}

ul.orange li:before {
    content: "+";
    color: orange;
    position: absolute;
    margin-left: -18px;
    font-weight: 700;
}






.map-container {
    position: relative
}

.map-container #map {
    height: 500px;
    height: 60vh
}
.mapa-wrapper{
    position: relative;
}
.map-btns label{
    margin: 10px 5px 10px;
    margin: 10px 10px 0px 0px;
    
    background: #8a8a8a;
    color: #fff;
    padding: 10px 49px 16px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3333333;
    border-radius: 0;
    font-size: 1.33em !important;
    padding: 8.5px 49px 8.5px 20px  !important;
    text-transform: uppercase;
    text-align: left;
    
    position: relative;
    min-width: 182px;
    display: inline-block;
    min-width: 165px;
    
}

.tlacitko:last-child label {
    margin-right: 0;
}

.tlacitko {
    position: relative;
    display: inline-block;
    height: 110px;
}
.tlacitko .text-center {
    position: absolute;
    width: 100%;
    padding-right: 10px;
}
.tlacitko:last-child  .text-center{
    padding-right: 0;
}

@media (max-width:767px) {
    .tlacitko {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
    }
    .map-btns label{
        width: 100%;
        font-size: 16px!important;
            margin-right: 0;
    }
    .tlacitko .text-center {
        position: static;
        width: 100%;
            text-align: left;
    }
}

.map-btns label input{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    margin: 0;
    transform: scale(1.2) translateY(-44%);
}
label.active.blue{
    background: #263a5f;
}
label.active.green{
    background: #64a53d;
}
label.active.orange{
    background: #F25420;
    background: #f57617;
}
label.active.gray{
    background: #0093a3;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    border: none;
}
#tourplan table{
    margin-top: 22px;
}
#tourplan td{
    vertical-align: middle;
    padding-left: 15px;
    padding-right: 15px;
}
#tourplan td:nth-child(1){
    position: relative;
    padding-left: 30px;
}
#tourplan td:nth-child(8){
    padding-right: 30px;
}
#tourplan td .ctverec{
display: inline-block;
    width: 29px;
    height: 29px;
    border-radius: 3px;
    background: #cccccc;
    /* position: absolute; */
    right: 15px;
    content: "";
    top: 50%;
    /* transform: translateY(-50%); */
}
#tourplan .veletrhy td .ctverec{
    background: #263a5f;
}
#tourplan .automover td .ctverec{
    background: #64a53d;
}
#tourplan .profi td .ctverec{
    background: #F25420;
    background: #f57617;
}

#tourplan .expired td .ctverec{
    background: #cccccc!important;
}
#tourplan td:nth-child(4),#tourplan td:nth-child(6){
    font-weight: 700;
}
#tourplan td a{
    color: inherit;
    text-decoration: none!important;
}
#tourplan td:nth-child(3){
    
}
#tourplan tr.expired td{
    color: #999999;
}

.map-btns label.active, .map-btns label:active {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

@media (min-width:768px) {
    #tourplan td{
    }
    #tourplan table{
    }
}
@media (max-width:767px) {

    .map-container #map {
        height: 400px
    }
}

@media (max-width:992px) {
    #tourplan table{
        position: relative;
    }
    #tourplan tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 92.5px;
        position: relative;
            padding-left: 116px;
    }
    #tourplan td{
        padding: 8px 7.5px;
        padding: 8px 7.5px 0;
    }
    #tourplan td:nth-child(1){
        padding-left: 7.5px;
        min-width: 92.5px;
        position: absolute;
        left: 0;
    }
    #tourplan table {
        margin-top: 0;
    }
    #tourplan table .share{
/*        margin-left: auto;*/
        width: 100%;
    }
    #tourplan td:nth-child(8) {
        padding-right: 7.5px;
/*        width: 110px;*/
            position: absolute;
    bottom: 13px;
    right: 0;
    }
}
#tourplan table .share ul.share-buttons {
    margin:0px;
}

.map-container .alert#mapinfo {
    background-color: white;
    border: none;
    display: none;
    padding: 30px 30px;
    border-radius: 32px;
    box-shadow: 3px 3px 2px rgba(0,0,0,.04);
}
.mapinfo-link {border-top:1px solid #eee; padding-top:8px;}
.mapinfo-link a {color: #3e3e3e; }
.mapinfo-link svg {width: 15px; height: 15px; margin-right:5px;}
.map-container .alert#mapinfo button.close {
    color: #3e3e3e;
    font-size: 1.2em;
    opacity: 1 !important;
    position: absolute;
    top: 24px;
    right: 20px;
    border:1px solid #eee;
    padding: 6px;
    border-radius: 20px;
    width: 36px; height: 36px;
}

.map-container .alert#mapinfo .mapinfo-title {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 8px;
    padding-right: 30px;
    font-family: "HusqvarnaGothic",Arial,sans-serif;

}

.map-container .alert#mapinfo .mapinfo-title .glyphicon {
    color: #D53C0C;
    font-size: 1.0em
}

.map-container .alert#mapinfo p {
    margin-bottom: 12px;
    font-size: 16px;
}

.map-container .alert#mapinfo p:last-child {
    margin: 0
}
@media (min-width:0px) {
    .map-container .alert#mapinfo {
        position: absolute;
        top: 60px;
        right: 60px;
        width: auto;
        min-width: 300px;
        max-width: 25%
    }
}
@media (min-width: 1100px)
{.container-limited {
    margin: auto;
/*    margin: 0 60px;*/
    padding-bottom: 50px;
}}
@media (min-width: 1330px){
    
    .container-fluid.container-limited.serviceicons {
        max-width: 1500px;
    }

    
}

.alert {
    padding: 15px;
    margin-bottom: 22px;
    border: 1px solid transparent;
    border-radius: 0
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: bold
}

.alert > p,
.alert > ul {
    margin-bottom: 0
}

.alert > p + p {
    margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

#acceptCookieSection .btn-warning {
        display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px!important;
    font-size: 16px!important;
    line-height: 1.42857143;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
    color: #fff;
    background-color: #f47220;
    border-color: #ef640c;
min-width: 0;
    margin-left: 10px;
}

#acceptCookieSection .btn-warning {
    text-transform: uppercase;
    font-size: 1.1em;
}
.row.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.docasnyweb .nav.navbar-nav,
.docasnyweb .hidenadocasnemwebu,
.docasnyweb .countdown-container,
.docasnyweb #mapa,
.docasnyweb #tourplan,
.docasnyweb #razenidlepsc,
.docasnyweb .socialicons .footer-text,
.docasnyweb .vyhody,
.docasnyweb .hero-2,
.docasnyweb #jak-pracuje,
.docasnyweb .blue,
.docasnyweb .earthmap,
.docasnyweb .socialicons,
.docasnyweb .review,
.docasnyweb #chci-vyzkouset,
.docasnyweb .serviceicons.serviceicons-darker.serviceicons-fullwidth{
    display: none;  
}
.docasnyweb .header .navbar{
    padding-top: 5px;
    padding-bottom: 0;
    height: auto;
}

.docasnyweb section.hero .overlay .hero-title p {
    display: block;
    line-height: 1.2em;
    font-weight: 700;
    color: white;
    display: inline-block;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 0.3em 18px 0.17em 18px;
}

@media (min-width: 1100px){
    .docasnyweb section.hero .overlay .hero-title p {
    display: block;
    margin-top: 60px;
    font-size: 50px;
    }
}

.individualnivzhled p{
    max-width: 992px;
    margin-left:auto;
    margin-right:auto;
}
.individualnivzhled p + .actionbutton{
    margin-top: 50px;
}


.historie .item .row {
    background-color: #f3f2f0;
    width: 100%;
    margin: 0;
}

.historie  .image, .historie .description {
    width: 100%;
    padding: 0;
    margin: 0;
}
.historie  .image{
    text-align: center;
    background: white;
    min-height: 300px;
}
.slick-slide img {
    display: inline-block!important;
        max-width: 100%;
    
    width: 100%;
}

.container-fluid.container-limited img {
    max-width: 100%;
}

.historie .arrow, .slick-next.slick-arrow, .slick-prev.slick-arrow {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border:none;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    color: transparent;
    outline: none;
    background:none;
}
.slick-next.slick-arrow, .slick-prev.slick-arrow {
    visibility: hidden;
}
.showarr .slick-next.slick-arrow,.showarr .slick-prev.slick-arrow {
    visibility: visible;
}
.historie  .arrow.arrow-right{
    border-left: 30px solid #f3f2f0;
    left: 0;
    z-index: 1;
}

.historie .slick-next.slick-arrow:before, .historie .slick-prev.slick-arrow:before{
    content: "";
display: block;
    background: url(images_tm/kviz_sipka.svg) no-repeat;
    width: 40.3px;
    height: 86.5px;
    position: absolute;
    top: -43px;
    right: 0;
}
.historie .slick-slide img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
        width: 100%;
    height: 100%;
}

.historie  .slick-track {
  display: -webkit-box !important;  display: -ms-flexbox !important;  display: flex !important;
}

.historie  .slick-slide {
  height: auto;
}
.historie  .slick-slide .row{
/*    height: 100%;*/
}
.vysledek > div{
    display: none!important;
}
#vysledek[data-most="a"] .vysledek-a{
    display: block!important;
}
#vysledek[data-most="b"] .vysledek-b{
    display: block!important;
}
#vysledek[data-most="c"] .vysledek-c{
    display: block!important;
}

.kviz__next{
    visibility: hidden;
}
a.btn.btn-warning.kviz__reset {
    min-width: auto;
    min-width: 200px;
}

a.btn.btn-warning.kviz__reset .glyphicon {
    right: 12px;
}


.item__vyplneno .kviz__next{
    visibility: visible;
}

.col-sm-8.description.vysledek h3 {
    font-size: 1.5em;
    margin-bottom: 22px;
}

.img-wrapper {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.img-wrapper img {
  max-width: 100%;
  height: auto;
}

.historie .slick-prev.slick-arrow:before{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 0;
    right: auto;
}
.historie .slick-prev.slick-arrow {
    border: none;
    left: 0;
    z-index: 1;
    left: -26px;
}

.historie .slick-next.slick-arrow {
    border: none;
    left: 0;
    z-index: 1;
    left: auto;
    right: -26px;
    opacity: 1;
    transition: all 0.3s;
}

.historie .slider .row .description {
    padding: 40px 40px 0 40px!important;
    background: #fff;
    color: #3f3f3f;
    font-size: 18px;
    line-height: 28px;
/*
    height: 410px;
    height: 454px;
*/
    min-height: 454px;
}

@media (max-width: 768px) {
    .historie .slider .row .description {
        padding: 40px 15px 0 15px!important;
    }
}
.noNext button.slick-next.slick-arrow {
    opacity: 0;
    right: -200px;
}

.historie .slider .row .description .btn{
    padding: 12px 24px !important;
    font-size: 18px;
    font-size: 18px!important;
}
a#spustit-test {
    margin-top: 20px;
}
a#vyhodnotit-test {
    margin-top: 30px;
    visibility: hidden;
}
.item__vyplneno a#vyhodnotit-test {
    visibility: visible;
}
.historie .slider .row .description  p {
    margin: 0 0 1em;
}
.historie .slider .row .description.otazka{
    background:#fff;
    color:  #3e3e3e;
}
.historie .slider .row .description.otazka ul{
padding: 0;
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
}
li.odpoved {
    list-style: none;

}
li.odpoved label{
    font-weight: 400;
    margin-bottom: 0.5em;
}
button.slick-prev.slick-arrow.slick-disabled {
    visibility: hidden;
}
button.slick-next.slick-arrow.slick-disabled {
    visibility: hidden;
}

.otazka .otazka{
    font-size: 35px;
    line-height: 42px;
    font-weight: 700;
    position: relative;
    z-index: 2;
    
    margin-bottom: 1em;
    
}
.cislo{
    font-size: 62px;
    border-radius: 500em;
    position: absolute;
    top: 50%;
    text-align: center;
    background: #fff;
    left: 49px;
    -webkit-transform: translate(-50%,-100%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-100%,-100%);
    padding: 0 35px;
    font-weight: 700;
    color: #3e3e3e;
    line-height: 90px;

}

@media (max-width: 768px){
    .description.vysledek h3 {margin-top: 0px;}
    .btn.btn-primary.kviz__reset {display: block; margin-bottom: 15px;}
    .cislo {
        font-size: 32px;
        border-radius: 500em;
        position: absolute;
        top: -35px;
        text-align: center;
        background: #fff;
        left: 50%;
        -webkit-transform: translate(-50%,-0%);
        -ms-transform: translate(-50%,-0%);
        -o-transform: translate(-50%,-0%);
        transform: translate(-50%,-0%);
        padding: 0 25px;
        font-weight: 700;
        color: #3D3D3C;
        line-height: 65px;
    }
    .showarr .slick-next.slick-arrow, .showarr .slick-prev.slick-arrow {
        visibility: hidden;
    }
    .historie .slider .row .description{
        height: auto;
    }
    a#spustit-test {
        margin-bottom: 40px;
    }
    .otazka .otazka {
        font-size: 25px;
        line-height: 28px;
    }
}
@keyframes hover-color {
  from {
    border-color: #c0c0c0; }
  to {
    border-color: #3e97eb; } }

.magic-radio,
.magic-checkbox {
  position: absolute;
  display: none; }

.magic-radio[disabled],
.magic-checkbox[disabled] {
  cursor: not-allowed; }

.magic-radio + label,
.magic-checkbox + label {
  position: relative;
  display: block;
  padding-left: 30px;
  cursor: pointer;
  vertical-align: middle; }
  .magic-radio + label:hover:before,
  .magic-checkbox + label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color; }
  .magic-radio + label:before,
  .magic-checkbox + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid #c0c0c0;
    background: white;}
  .magic-radio + label:after,
  .magic-checkbox + label:after {
    position: absolute;
    display: none;
    content: ''; }

.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label {
  cursor: not-allowed;
  color: #e4e4e4; }
  .magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
  .magic-checkbox[disabled] + label:hover,
  .magic-checkbox[disabled] + label:before,
  .magic-checkbox[disabled] + label:after {
    cursor: not-allowed; }
  .magic-radio[disabled] + label:hover:before,
  .magic-checkbox[disabled] + label:hover:before {
    border: 1px solid #e4e4e4;
    animation-name: none; }
  .magic-radio[disabled] + label:before,
  .magic-checkbox[disabled] + label:before {
    border-color: #e4e4e4; }

.magic-radio:checked + label:before,
.magic-checkbox:checked + label:before {
  animation-name: none; }

.magic-radio:checked + label:after,
.magic-checkbox:checked + label:after {
  display: block; }

.magic-radio + label:before {
  border-radius: 50%; }

.magic-radio + label:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #283b61;}

.magic-radio:checked + label:before {
  border: 1px solid #3e97eb; }

.magic-radio:checked[disabled] + label:before {
  border: 1px solid #c9e2f9; }

.magic-radio:checked[disabled] + label:after {
  background: #c9e2f9; }

.magic-checkbox + label:before {
  border-radius: 3px; }

.magic-checkbox + label:after {
  top: 2px;
  left: 7px;
  box-sizing: border-box;
  width: 6px;
  height: 12px;
  transform: rotate(45deg);
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  border-top: 0;
  border-left: 0; }

.magic-checkbox:checked + label:before {
  border: #3e97eb;
  background: #3e97eb; }

.magic-checkbox:checked[disabled] + label:before {
  border: #c9e2f9;
  background: #c9e2f9; }

@media (min-width: 720px){
    .historie .item .row {
        background-color: #f3f2f0;
        table-layout: fixed;
/*        display: table;*/
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        width: 100%;
        margin: 0;
    }
    .historie  .image, .historie .description {
/*        display: table-cell;*/
        float: none;
/*        vertical-align: middle;*/
        width: 50%;
        position: relative;
    }
    .slick-slide img {
        display: block;
    }
    .historie .slick-prev.slick-arrow {
        left: -57px;
    }
    .historie .slick-next.slick-arrow {
        right: -57px;
    }

}

.slider {
    overflow: hidden;
    border-radius: 32px;
}
.slider .item{
  overflow: hidden;
  border-radius: 32px;
  height: 1px;
    opacity: 0;
}
.slider .item:first-child {
    height: auto;
}
.slider.slick-initialized {
    overflow: visible;
}
.slider.slick-initialized .item{
    height: auto;
    opacity: 1;
    outline: none;
    padding: 0 1px;
}
.odbornici {
    margin-bottom: 20px;
}
.odbornik {
    margin-bottom: 20px;
}
.odbornik__img{
    text-align: center;
        margin-bottom: 12px;
}
.odbornik__img img {
    border-radius: 500em;
}
.odbornik__jhmeno {
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    text-align: center;
     margin-bottom: 8px;
     font-weight: bold;
     letter-spacing: -0.4px;
     font-family: "HusqvarnaGothic",Arial,sans-serif;
}

.odbornik p {
    text-align: center;
}

.panel {box-shadow: none!important;}
.panel.panel-default {
    border: none;
    border-top:1px solid #ddd;
    border-radius: 0;
    margin: 0px 20px;
}
.panel-body {border-top: 0px!important; padding-right: 20%!important; padding-top: 10px;}

.panel-default>.panel-heading {
    border: none;
    background-color: #fff;
    border-radius: 0;
    font-size: 18px;
    line-height: 30px;
    text-decoration: none!important;
    position: relative;
    padding:4px 0px;
}
.panel-default>.panel-heading a{
    color: inherit!important;
    text-decoration: none!important;
    display: block;
    padding: 15px 60px 15px 20px;
    font-size: 18px;
    position: relative;
    z-index:2;
    margin: 0px -20px;

}
.panel-default>.panel-heading a:hover {
    background: #f8f8f8;
    border-radius: 32px;
}
.panel-default>.panel-heading h4 {
  font-family: 'Roboto', sans-serif;
  font-weight:300;
}

.panel-default.extra>.panel-heading a {
    pointer-events: none;
    position: relative;
}

.panel-default.extra>.panel-heading{
}
.extra .collapse {
    display: block;
    height: auto!important;
}
.panel-default>.panel-heading a:after{
    content: "";
    display: block;
    position: absolute;
    right: 30px;
    width: 24px;
    height: 24px;
/*    background: url(images_tm/acordion_sipka.svg) no-repeat;*/
    background: url("images/plus.png") no-repeat;
    background-size: cover;
    top: 15px;
    z-index: 1;
    transition: transform 0.3s;
}
.panel-default.active>.panel-heading a:after{
    width: 24px;
    height: 24px;
    background: url("images/minus.png") no-repeat;
    background-size: cover;
}
.panel-default.extra>.panel-heading:after{
    display: none;
}
.panel-collapse>.panel-body {
    border-top-color: #fff;
    background: #fff;
    padding-top: 0px;
    padding-bottom: 0px;
    padding: 0px;
}
.panel-default.extra>.panel-heading a {}
.panel-default.extra>.panel-heading a:after {display: none!important; }
.extra .panel-collapse>.panel-body{
}
.panel-group .panel+.panel {
    margin-top: 1px;
}

section.ohluku {
    padding-bottom: 258px;
}

section.ohleduplni{
    position: relative;
    padding-top: 73px;
    padding-bottom: 80px;
}

.ohleduplni__logo{
    width: 218px;
    position: absolute;
    left: 50%;
    top: -246px;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
}

@media (max-width:  992px){
    .ohleduplni__logo {
        top: -146px;
    }
}
@media (max-width:  768px){
    .ohleduplni__logo {
        top: -180px;
    }
}
.ohleduplni__logo img{
    max-width: 100%;
}
.ohleduplni h2{
    margin-bottom: 45px;
}
.ohleduplni h2 span{
}

.intro{
    max-width: 887px;
    max-width: 1100px;
    font-size: 25px;
    line-height: 30px;
    margin: 0 auto;
}
.ohleduplni .intro{
    padding-bottom: 108px;
}
.ikony__ikona {
    text-align: center;
    margin-bottom: 22px;
}
.ikony_nazev {
    font-size: 25px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 6px;
    letter-spacing: -0.4px;
    font-family: "HusqvarnaGothic",Arial,sans-serif;
}
.row.ikony p {
    text-align: center;
}
.ikony__ikona img, .dlazdice__ikona img{
    max-width: 100%;
    margin:0px auto;
}

.row.ikony {
    padding-bottom: 37px;
}

.row.ikony > div {
    margin-bottom: 40px;
}

.dlazdice__ikona {
    text-align: center;
    display: block;
}
.dlazdice__nazev{
    text-transform: none;
    text-decoration: none;
    font-size: 26px;
    line-height: 1.3;
    padding: 30px 30px;
    font-weight: 700;
    display: block;
    letter-spacing: -0.4px;
    font-family: "HusqvarnaGothic",Arial,sans-serif;
}
.dlazdice a {
    color: white;
    text-decoration: none;
}

.dlazdice a:hover {
    text-decoration: none;
}

.row.dlazdice {
    margin-bottom: 60px;
}

.text__nazaver {
}
.eventschedule .text__nazaver {
    max-width: 1100px;
    margin: 0 auto 40px;
}
h2 span {
}
h2.black{
    color: #3D3D3C;;
}


.content img{
    max-width: 100%;
}

.dalsi__akce{
    font-size: 20px;
    line-height: 24px;
    text-align: center;
}


.modra {background: #f4f4f4;}
.section-video  {padding: 0 0 80px 0px;}


.container-video p {}

#chci-vyzkouset h2 span {display: inline;}

.my-7 {margin-top: 70px;margin-bottom: 70px;}

.slider__2021 .slick-next.slick-arrow,
.slider__2021 .slick-prev.slick-arrow {visibility: visible; width: 16px; height: 32px; z-index:10000; color:#fff;
      font-weight: normal; position: relative; display: block; }
.slider__2021 .item section{position: relative;}
.slider__2021 .slick-next.slick-arrow:hover,
.slider__2021 .slick-prev.slick-arrow:hover {opacity: 0.5;}
.slider__2021 a.photo {background-size: cover; background-position: center center; position: absolute; top: 0px; left: 0px; width:50%; height:100%;display: block;
    z-index:1; background-repeat: no-repeat;}
.slider__2021 .photo:after {position: absolute; top: 50%; left: 50%; width:90px; height:90px; content:"";
    background: url('images/hq-play-button.svg'); background-size: cover; margin-left: -45px; margin-top: -45px;}
.slider__2021 .photo:hover:after  {opacity:0.8;}
.slider__2021 h2 {line-height: 1.2!important;}
.slider__2021 h3 {line-height: 1.3!important; text-transform: uppercase; margin-bottom: 1em;}
.slider__2021 .text {padding: 50px 50px 50px 50px;}

.slider__2021 { position: relative;}
.slider__2021 .carousel .carousel-control.right:before {
  content: "";  width: 16px;  height: 32px;  background: url('images/arr.svg') center no-repeat;  background-size: contain;
  display: block;   padding: 0px; left: 0px; top: 0px; position: absolute; z-index:2
}
.slider__2021 .carousel .carousel-control.left:before {
  content: "";  width: 16px;  height: 32px;  background: url('images/arr.svg') center no-repeat;  background-size: contain;
  display: block;  transform: rotate(180deg);  left: 0px; top: 0px; position: absolute; z-index:2
}

.slider__2021 .carousel .carousel-control.left {top:50%; left: 15px; margin-top:-16px;}
.slider__2021 .carousel .carousel-control.right {top:50%; right: 15px; margin-top:-16px;}

.carousel-control {width:20px;; height: 32px; padding: 0px;}


@media (max-width: 991px) {
  .slider__2021 .in .title{padding-left: 20px; padding-right: 20px;}
  .slider__2021 a.photo {position: relative;  width:100%; height:auto; display: block; z-index:1;}
  .slider__2021 .photo:after {width:50px; height:50px; margin-left: -25px; margin-top: -25px;}
  .slider__2021 .text {padding: 50px 15px 15px 0px;}
}
@media (min-width: 992px) {
  .slider__2021 a.photo img {display: none !important;;}
}  
@media (min-width: 1200px) {
  .slider__2021 .item,
  .slider__2021 .item .col-md-6  {min-height: 550px;}
  .header .navbar-fixed-top .husqvarna {margin-top: 4px; }
}  

@media (max-width: 768px) {
  .slider__2021 .carousel .carousel-control.left,
  .slider__2021 .carousel .carousel-control.right {top: calc(100vw / 1.5); bottom: auto;}
  .husqvarna {display:none;}
}  


.d-flex {display: flex; justify-content: center;  align-items: center;}
.hui-size--sm-s-4 {  width: 16px;  height: 16px;}
.hbd-icon {  max-width: 100%;  flex-shrink: 0;  flex-grow: 0;}

@media (min-width: 1500px) {
  .container {    width: 1400px;  }
}

@media (min-width: 1700px) {
  .hero .container { width: 1600px; }
}

.hbd-navigation__logo {  fill: #273a60;  width: 65px;  height: 47px;  transition: box-shadow 200ms;}

@media (min-width: 1500px) {
  .hbd-navigation__logo {  width: 92px;  height: 67px;}
}


.header .husqvarna {float: right; margin-top:-10px;}
.header .husqvarna svg {}
.header .husqvarna img {display:none; height:40px; width:auto;}

.navbar.navbar-fixed-top {border-bottom: solid 2px #f4f4f3; padding-top:10px; padding-bottom: 10px;}

@media (min-width: 1140px) {
    .navbar.navbar-fixed-top svg {
        display: none;
    }
    .navbar.navbar-fixed-top img {display: block;}
}

@media (max-width: 1140px) {
    .navbar .husqvarna  {
        display: none!important;
    }
    .navbar.navbar-fixed-top { padding-top:0px; padding-bottom: 0px;}
}




/* ------------------- 2022 --------------------------*/


footer {
  background-color: #1f2742; color:#fff; font-size: 14px;  line-height: 24px; font-family: 'Roboto', sans-serif;
    font-weight: 350; letter-spacing: .4px; padding:120px 0 100px 0px;
}

footer a {color:#fff; text-decoration: underline;}

.hui-size--sm-s-4 {  width: 16px;  height: 16px;}

.hbd-icon-stacked {  display: inline-flex;  position: relative;}

.hbd-link {  text-decoration: none;  color: inherit;  display: inline-flex;  align-items: center;  max-width: 100%;}
.hui-spacing--sm-ml-4-times-6 {  margin-left: 24px;}

.hui-flexbox--sm-justify-content-space-evenly {  justify-content: space-evenly;}
.hui-flexbox--container {  display: flex;}
.hbd-footer__legal {  width: auto;  text-align: left;}
.hui-flexbox--sm-flex-shrink-1 {  flex-shrink: 1;}
.hui-flexbox--sm-flex-grow-1 {  flex-grow: 1;}
@media (min-width: 768px) {
  .hui-size--md-s-15 {    width: 60px;    height: 60px;  }
}
.hui-size--sm-s-10 {  width: 40px;  height: 40px;}
.hbd-icon-stacked .hbd-icon + .hbd-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 50%;
  margin: 25%;
}
.hbd-icon {  max-width: 100%;  flex-shrink: 0;  flex-grow: 0;}

@media (min-width: 1200px) {
  .hui-flexbox--lg-justify-content-flex-start {    justify-content: flex-start;  }
  .hbd-container--dg {    --container-gutter-width: 7.5vw;  }
  .hui-size--sm-s-10 {  width: 60px;  height: 60px; }
}

.copyright22 {margin-top: 10px; }
.copyright22 a {text-decoration: underline; font-size: 14px; line-height: 20px; color:#fff; margin-right: 15px;}
.copyright22 a:first-child::before {display: block; content:"";}
.position-relative {position: relative;}
.footer-about {font-size: 18px; line-height: 30px;;}
.footer-about h3 {font-family: "HusqvarnaGothic",Arial,sans-serif;  font-weight: 700;  font-style: normal; margin-bottom: 24px;
  margin-top: 0px; font-size: 44px;  line-height: 48px; letter-spacing: 0; }

footer h1,footer  h2, footer h3, footer h4 , footer h5 {font-family: "HusqvarnaGothic",Arial,sans-serif;  font-weight: 700;  font-style: normal;}
footer h4 {font-size: 28px;  line-height: 32px;  letter-spacing: -0.2px; margin: 20px 0px;}


footer .nav-footer {list-style: none; padding-left: 0px;}
footer .nav-footer li {border-top: solid 1px rgba(255,255,255,.25);}
footer .nav-footer li:last-child {border-bottom: solid 1px rgba(255,255,255,.25);}
footer .nav-footer li a {
  cursor: pointer;
  display:block;
  background-color: transparent;
  border-color: transparent;
  border: none;
  color: inherit;
  padding: 0.4em 16px;
  margin: 2px -16px;
  border-radius: 16px;
  width: calc(100% + 32px);
  min-width: calc(100% + 32px)
}

footer .nav-footer li a:hover {
  background-color: rgba(255,255,255,.25);
}

footer .nav-footer a {text-decoration: none;}

.mb-5 {margin-bottom: 40px;}
.mt-5 {margin-top: 40px;}
.header .navbar{
  background-color: #fff;
  color: #3D3D3C;
}

.hbd-footer__logo {
  width: 99px;
  height: 71px;
  fill: #fff;
}

.hbd-navigation__logo {
  fill: #273a60;
  width: 65px;
  height: 47px;
  transition: box-shadow 200ms;
}

body {font-family: 'Roboto', sans-serif; line-height: 1.6; color: #3d3d3c; font-weight: 300; font-size: 18px;}
section.section-def {padding: 90px 0px 100px 0px;}
/*section.section-def h2 {max-width: 600px; margin-left: auto; margin-right: auto; }*/



@media (min-width: 768px) {
  .hbd-footer__logo {
    width: 160px;
    height: 115px;
  }
  .text-sm-right {text-align: right;}
  .pr-sm-5 {padding-right: 50px!important;}
}

@media (min-width: 1200px) {
  .navbar-nav > li > a {font-size: 18px;  line-height: 26px;

  }
}

@media (min-width: 1500px) {
  .hbd-navigation__logo {
    width: 92px;
    height: 67px;
  }
  .container {
    width: 1400px;
  }
}


.card {border-radius: 32px; background-color: #fff;}
.card p {font-size: 16px; margin: 10px 0px 10px 0px;}
.card p:last-child {margin-bottom: 0px;}
.card h3 {font-size: 22px; margin: 0px 0px 10px 0px;}
.card .card-img {display: block; border-top-right-radius: 32px; border-top-left-radius: 32px;}
.card .card-content {padding: 30px;}
.card.card-grey {background-color: #f4f4f3;}
.d-flex {display: flex; column-gap: 20px; justify-content: center;}

.img-wrapp {position: relative;}
.img-wrapp .img-title {color:#fff; bottom: 50px; left: 50px;  position: absolute; font-weight: bold;}
.img-wrapp .bubble-title {color:#fff; bottom: 50px; left: 50px;  position: absolute; font-weight: bold; border-radius: 32px;
      border: 2px solid #fff; text-transform: uppercase;  font-size: 22px;
      font-family: "HusqvarnaGothic",Arial,sans-serif; line-height: 1.2; padding: 20px 25px; border-top-left-radius: 0px;;
    }

.img-wrapp .bubble-title.bubble-right {left:auto; right: 50px;}    

#jak-pracuje h2 {margin: 0px 0px 25px 0px;}    
.section-def h2 {margin: 0px 0px 25px 0px;}


.links {display: flex;  justify-content: center; }
.links a {display: block; }
.links div {margin: 30px 30px 0px 30px; max-width: 30%; text-align: left; display: flex;}
.links div svg {margin-right: 13px; margin-top: 5px;}

.section-grey {background-color: #f4f4f3;}
.map-buttons-wrapp {padding: 20px 0 50px 0;}

.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #f4f4f3;
}



.timeline-wrapp {}
.timeline-wrapp .timeline__item {background-color: #fff; margin: 15px; border-radius: 32px; padding: 15px; height: 100%;}
.timeline-wrapp .timeline__item:after {display:none;}
.timeline-wrapp .timeline__item h3 {font-size:20px}
.timeline-wrapp .timeline__item .img-rounded {border-radius: 24px;;}
.timeline-wrapp .timeline__item .timeline__content {padding: 15px; font-size:16px;}
.timeline-wrapp .timeline__year {border: 2px solid #273a60; padding: 0px 16px; color:#fff; font-weight: 700; position: absolute;
    top: 10px; left: 10px; border-radius: 16px; background-color: #273a60;  text-transform: uppercase;
  font-size: 28px; 	font-family: "HusqvarnaGothic",Arial,sans-serif;}


.slick-track {
  display: flex !important; 
}

.slick-slide {
  display: flex!important;
  height: auto;
}

.slick-dots {list-style-type: none; margin: 0px auto; display: inline-block; position: relative; left: 50%; transform: translateX(-50%); margin-top: 30px;}
.slick-dots li {display: inline-block; background-color: #d2d2d1; height: 2px;  margin:4px;}
.slick-dots li button {height: 2px; background-color: #d2d2d1; border:none; width: 40px; overflow: hidden;}
.slick-dots li.slick-active button {height: 2px; background-color: #3d3d3c; border:none; width: 40px; overflow: hidden;}

 

.timeline__wrap .timeline__item .text-wrapp {padding: 0px 30px 0px 15px;;}
.timeline__wrap .timeline__item .text-wrapp h3 {}

.timeline__wrap .timeline__year {border: 2px solid #273a60; padding: 0px 16px; color:#fff; font-weight: 700; position: absolute;
  top: 10px; left: 10px; border-radius: 16px; background-color: #273a60;  text-transform: uppercase;
font-size: 28px; font-family: "HusqvarnaGothic",Arial,sans-serif;}

@media (min-width: 768px) {
    .timeline__item.timeline__item--left .img-wrapp {order: 2;}
    .timeline__item.timeline__item--left .text-wrapp {order: 1;}
    .timeline__wrap .timeline__item.timeline__item--left .timeline__year {border-radius: 16px; left:auto; right: 10px;}
    
}

.fancybox-navigation .fancybox-button.fancybox-button--arrow_left,
.fancybox-navigation .fancybox-button.fancybox-button--arrow_right {border-radius: 30px!important; overflow: hidden; padding:0px; width: 50px; height: 50px;}
.fancybox-navigation .fancybox-button div {padding:7px;}



/*General style*/
  .custom-checkbox label, .custom-radio label {
    position: relative;
    cursor: pointer;
    color: #666;
    font-size: 30px;
  }
 .custom-checkbox input[type="checkbox"] ,.custom-radio input[type="radio"] {
    position: absolute;
    right: 9000px;
  }
   /*Custom checkboxes style*/
  .custom-checkbox input[type="checkbox"]+.label-text:before {
    content: "\f0c8";
    font-family: "Font Awesome 5 Pro";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
  }
  .custom-checkbox input[type="checkbox"]:checked+.label-text:before {
    content: "\f14a";
    color: #2980b9;
    animation: effect 250ms ease-in;
  }
  .custom-checkbox input[type="checkbox"]:disabled+.label-text {
    color: #aaa;
  }
  .custom-checkbox input[type="checkbox"]:disabled+.label-text:before {
    content: "\f0c8";
    color: #ccc;
  }

   /*Custom checkboxes style*/
  .custom-radio input[type="radio"]+.label-text:before {
    content: "\f111";
    font-family: "Font Awesome 5 Pro";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
  }

  .custom-radio input[type="radio"]:checked+.label-text:before {
    content: "\f192";
    color: #8e44ad;
    animation: effect 250ms ease-in;
  }

  .custom-radio input[type="radio"]:disabled+.label-text {
    color: #aaa;
  }

  .custom-radio input[type="radio"]:disabled+.label-text:before {
    content: "\f111";
    color: #ccc;
  }

  @keyframes effect {
    0% {
      transform: scale(0);
    }
    25% {
      transform: scale(1.3);
    }
    75% {
      transform: scale(1.4);
    }
    100% {
      transform: scale(1);
    }
  }



  /* The customcheck */
.customcheck {
  display: block;
  position: relative;
  padding-left: 35px;
	margin-bottom: 20px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: left;
  box-shadow: none!important;
}
.customcheck i  {font-style: normal; display: block; font-size: 16px; margin-top: 0px; font-weight: 300;}

/* Hide the browser's default checkbox */
.customcheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  box-shadow: none!important;
  
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 5px;
  border:1px solid #273a60;
  
}



/* On mouse-over, add a grey background color */
.customcheck:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.customcheck input:checked ~ .checkmark {
  background-color: #273a60;
  border-radius: 5px;
}

.customcheck.customcheck-dealer input:checked ~ .checkmark{
  background-color: #273a60;
  border-color: #273a60;
}

.customcheck.customcheck-profi input:checked ~ .checkmark{
  background-color: #f25420;
  border-color: #f25420;
}

.customcheck.customcheck-veletrhy input:checked ~ .checkmark{
  background-color: #227730;
  border-color: #227730;
}


/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.customcheck input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.customcheck .checkmark:after {
  left: 10px;
  top: 6px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

table .hui-size--sm-s-4 {
  width: 22px;
  height: 22px;
}

.btn.btn-a {margin-right: 0px; margin-bottom: 0px; padding: 5px;}
.btn.btn-a:hover {background-color: #eee; border-radius: 16px;}


.section-rounded {border-radius: 32px;}

.btn-cta {position: fixed; bottom: 50px; right: 50px; z-index: 100; background-color: #f25420; color:#fff; border-radius: 32px;
    padding: 15px; text-decoration: none; font-family: HusqvarnaGothic, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700;
    display: block; width:150px; text-align: center; line-height: 1.2;  box-shadow: 3px 3px 2px rgba(0,0,0,.1); line-height: 1.4;
    }
.btn-cta:hover {color:#fff; box-shadow: 3px 3px 2px rgba(0,0,0,.2);}    

@media (max-width: 768px) {
  .btn-cta {position: fixed; bottom: 10px; right: 10px; width:120px;}
  .btn-cta span {display: none;}

  section.section-def {padding: 40px 10px;}
  .img-wrapp .bubble-title {bottom: 15px; left: 15px!important; right:auto; font-size: 16px;}
  .img-wrapp .bubble-title.bubble-right {left:auto; right: 15px;}    
  body {font-size: 16px;}
  #autocomplete {margin-bottom: 10px; margin-top: 10px;}
  .individualnivzhled .actionbutton {margin-bottom: 30px;}
  .individualnivzhled img {width: 30%;}
  .card-2 {margin-bottom: 15px;}
  footer {  padding: 50px 0 40px 0px;  }
  .footer-about h3 {font-size: 30px; line-height: 1.2;}
  .footer-about { font-size: 16px; line-height: 24px; }
  .copyright22 {margin-bottom: 30px;}
  .row {
    margin-right: -10px;
    margin-left: -10px;
  }
}  

@media (min-width: 768px) {
  .d-md-flex {display: flex; gap: 20px; justify-content: center}
  .card-3 {width: 33.33%; }
  .card-2 {width: 50%; max-width: 400px;}
  .pl-md-5 {padding-left: 50px;}
  .pr-md-5 {padding-right: 50px;}
  }  

.m-auto {margin: 0px auto;}  
.form-wrapp {width: 860px; max-width: 100%;}
.search.form-control {border:1px solid #ccc!important; box-shadow: none!important;}
.section-tm h2 {font-size: 36px;}
.section-tm  .img-tm-wrap {position:relative; display: block; margin: 0px 0px; font-size: 15px;}
.section-tm  .img-tm-wrap>div {padding: 0px 0px 25px 0px;; line-height: 1.4;}

@media (min-width: 1200px) {
  .section-tm  .img-tm-wrap>div {position: absolute; top: 0px; left: 0px; width: 40%; color:#fff; 
    background-image: linear-gradient(to right, rgba(0,0,0,0.6), transparent); height:100%; padding: 25px 0px 0px 25px;}
  .d-lg-flex {display: flex;}  
  .pl-lg-5 {padding-left: 50px;}
  .pr-lg-5 {padding-right: 50px;}
}

@media (min-width: 1200px) and (max-width: 1300px) {
  .section-tm  .img-tm-wrap { font-size: 14px;}
}

.flex-2 {order:1}
.flex-2 {order:2}

.nav > li > a {color:#273a60;}

.section-hugsi h3 {font-size: 25px 0px; font-size: 44px;}
p {margin: 10px 0px 20px 0px;}
.btn {
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 13px 32px;
  font-size: 14px!important;
  line-height: 1.3333333;
  font-family: "HusqvarnaGothic",Arial,sans-serif;
  text-transform: uppercase;
  text-align: left;
  font-weight: 700;
  border-radius: 16px;
  letter-spacing: 1px;
  white-space: normal;
  text-decoration: none!important;
}
.btn-secondary {
  background-color: transparent;
  color: #3d3d3c;
  border: 1px solid #3d3d3c;
}

.btn-secondary:hover {
  background-color: transparent;
  color: #3d3d3c;
  border: 1px solid #3d3d3c;
  box-shadow: var(--hbd-btn-hover-box-shadow, 3px 3px 2px 1px rgba(0, 0, 0, 0.12));
}
.mt-3 {margin-top: 1.5em;}
.logo-hugsi-wrapp img  {max-width: 60vw;}

.btn-primary {
  background-color: #273a60;
  color:#fff;
  border-color: #273a60;
  min-width: 120px;
  text-align: center;
}

.btn-primary:hover {
  background-color: #273a60;
  color:#fff;
  border-color: #273a60;
  box-shadow: var(--hbd-btn-hover-box-shadow, 3px 3px 2px 1px rgba(0, 0, 0, 0.12));
}



.btn-light {
  background-color: #fff;
  color:#273a60;
  border-color: #fff;
  text-align: center;
}

.btn-light:hover {
  background-color: #eee;
  color:#273a60;
  border-color: #eee;
  box-shadow: var(--hbd-btn-hover-box-shadow, 3px 3px 2px 1px rgba(0, 0, 0, 0.12));
}


.btn-lg,
.btn-group-lg > .btn {
  font-size: 1.1em !important;
  padding: 18px 30px !important;
}
.text-uppercase {text-transform: uppercase!important;}
@media (min-width: 1200px) {
  .section-chcivyzkouset h2{max-width: 60%; margin:0px auto 0px auto;;}
}


.form-control {
  background-color: #fff;
  border-radius: 16px;
  border: 1px solid #ccc;
  color: #333;
  font-weight: 400;
}


.section-uspesnepribehy article h3 {font-size: 30px; line-height: 1.2;}
.section-uspesnepribehy article {margin-top: 50px;}
.text-short p {display: none;;}
.text-short p:first-child {display: block;}
.text-short .btn-pribeh-skryt {display:none;}
.text-long .btn-cely-pribeh {display:none;}
.section-uspesnepribehy h2 {margin-bottom: 0px;;}

.btn-link {color: #3D3D3C; padding: 0px!important;}
.btn-secondary svg, .btn-link svg {height: 13px; width: 13px; margin-right: 5px;}


@media (min-width: 992px) {
  .section-uspesnepribehy article {margin-top: 100px;}
  .section-uspesnepribehy article {display: flex;}
  .section-uspesnepribehy article.article-suda .img-wrapp {order:2;}
  .section-uspesnepribehy article .text-wrapp {padding-left: 50px; padding-right: 15px;}
  .section-uspesnepribehy article.article-suda .text-wrapp {order: 1; padding-right: 50px; padding-left: 15px;}
  .pr-lg-5 {padding-right:50px;}
}


.rotate-180 {transform: rotate(180deg);}

.section-uspesnepribehy a.photo {position: relative;}
.section-uspesnepribehy .photo:after {position: absolute; top: 50%; left: 50%; width:90px; height:90px; content:"";
  background: url('images/hq-play-button.svg'); background-size: cover; margin-left: -45px; margin-top: -45px;}
.section-uspesnepribehy .photo:hover:after  {opacity:0.8;}


.ohleduplni .dlazdice a {border-radius: 32px; overflow:hidden; display: block;}
.ohleduplni .dlazdice a .dlazdice__ikona {border-radius: 32px; display: block; overflow:hidden;}
.ohleduplni .dlazdice a .dlazdice__ikona img {border-radius: 32px; display: block; }
.ohleduplni .intro {font-size: 20px;}
.ohleduplni .ikony p {width: 80%; margin-left: auto;  margin-right: auto; font-size:15px;}
.ohleduplni .ikony img {height:90px!important; width:auto!important; fill:#3f3f3f;}
.ohleduplni .ikony .col-md-4 {}

.ohleduplni .logo-tm {width:360px; heightL auto;}



.btn-sm{
    padding:12px!important;
    font-size:14px!important;
    line-height:1.43!important;
    border-radius:0;
    white-space: normal;
}
@media only screen and (min-width: 992px){
    .btn-sm {
        padding: 12px!important;
        font-size: 15px!important;
        line-height: 1.4!important;
        border-radius: 0;
    }
}
@media only screen and (min-width: 1470px){
    .btn-sm {
        padding: 12px!important;
        font-size: 18px!important;
        line-height: 1.34!important;
        border-radius: 0;
    }}

.margin-auto {
    margin: auto;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .c-hqv-billboard .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    width: 100%\9;
    max-width: 100%;
    height: auto;
}

@media only screen and (min-width:768px){
    .c-hqv-billboard .carousel img{
        min-width:100%
    }
}

.c-hqv-carousel-item .video-edge video{
    display:none
}
.c-hqv-carousel-item .video-edge{
    height:300px;
    overflow:hidden
}
@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px){
    .contact .construction-contact h2{
        text-align:left!important
    }
    .contact .construction-contact h3{
        padding-bottom:10px
    }
    .c-hqv-carousel-item .video-edge{
        height:auto
    }
    .c-hqv-carousel-item .video-edge video{
        display:block;
        min-width:100%;
        margin:-10% 0 0;
        padding:0
    }
}
.c-hqv-carousel-item .video-edge .overlay{
    position:absolute;
    top:100px;
    color:#f3f2f0
}
.c-hqv-carousel-item .video-edge .h2,.c-hqv-carousel-item .video-edge h2{
    display:inline;
    border:0;
    font-size:24px;
    padding:8px
}
.c-hqv-carousel-item .video-edge .fill .h2,.c-hqv-carousel-item .video-edge .fill h2{
    line-height:52px
}
.c-hqv-carousel-item .video-edge p{
    float:left;
    padding:8px;
    margin-top:4px
}
.c-hqv-carousel-item .video-edge .btn{
    margin-top:24px
}
.c-hqv-carousel-item .video-edge .overlay.fill .h2,.c-hqv-carousel-item .video-edge .overlay.fill h2,.c-hqv-carousel-item .video-edge .overlay.fill p{
    background:rgba(0,0,0,.5)
}
.c-hqv-billboard .carousel{
    z-index:1;
    overflow:hidden
}
.c-hqv-billboard .carousel .carousel-indicators-holder{
    position:absolute;
    left:0;
    bottom:0;
    right:0
}
.c-hqv-billboard .carousel .empty-placeholder{
    height:700px;
    width:100%;
    background:url(/Hqv/Sites/Husqvarna/Husqvarna_v1/UI/Images/icons/big-X.png) center center no-repeat #fff
}
.c-hqv-billboard .carousel-control.left,.c-hqv-billboard .carousel-control.right{
    background:0 0;
    z-index:999
}
.c-hqv-billboard .carousel-caption{
    width:100%
}
.c-hqv-billboard .carousel-indicators{
    bottom:5%
}
.c-hqv-billboard .carousel-indicators li{
    display:inline-block;
    width:20px;
    height:3px;
    text-indent:-999px;
    cursor:pointer;
    background-color:#595959;
    border:0;
    opacity:.8
}
.c-hqv-billboard .carousel-indicators .active{
    width:20px;
    height:3px;
    background-color:#f3f2f0
}
.c-hqv-billboard .carousel-indicators-links{
    display:table;
    table-layout:fixed;
    text-align:center;
    z-index:15
}
@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px){
    .c-hqv-carousel-item .video-edge .h2,.c-hqv-carousel-item .video-edge h2{
        font-size:48px
    }
    .c-hqv-carousel-item .video-edge .fill .h2,.c-hqv-carousel-item .video-edge .fill h2{
        line-height:82px
    }
    .c-hqv-billboard .carousel-indicators-links{
        margin-bottom:50px
    }
}
.c-hqv-billboard .carousel-indicators-links li{
    color:#fff;
    cursor:pointer;
    display:table-cell;
    padding:15px 20px;
    text-transform:uppercase;
    background:rgba(0,0,0,.8);
    width:100%
}
.c-hqv-billboard .carousel-indicators-links .active{
    background:rgba(166,166,166,.8)
}
.c-hqv-billboard .carousel-inner .img-responsive{
    max-width:none;
    position:absolute
}
.c-hqv-billboard .carousel-inner .c-hqv-carousel-item{
    height:100%
}
.c-hqv-billboard .carousel-inner .c-hqv-carousel-item.active{
    position:relative
}
.c-hqv-billboard .carousel-inner.edge{
    height:700px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .c-hqv-billboard .carousel-inner.edge{
        height:600px
    }
}
@media only screen and (min-width:992px){
    .c-hqv-billboard .carousel-inner.edge{
        height:600px
    }
}
@media only screen and (min-width:1470px){
    .c-hqv-billboard .carousel-inner.edge{
        height:700px
    }
}
@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){
    .c-hqv-billboard .carousel-indicators{
        bottom:15%!important
    }
}
@media only screen and (max-width:767px){
    .c-hqv-billboard .carousel{
        min-width:300px
    }
    .c-hqv-billboard .carousel .edge h2,.c-hqv-billboard .carousel .edge p{
        width:80%
    }
    .c-hqv-billboard .carousel-indicators-links{
        display:block;
        bottom:0
    }
    .c-hqv-billboard .carousel-indicators-links li{
        border-bottom:1px solid rgba(255,255,255,.8);
        display:block;
        text-transform:none;
        min-height:40px;
        padding:10px
    }
    .c-hqv-billboard .carousel-indicators-links li:last-child{
        border-bottom-color:transparent
    }
}

.large-header{
    font-weight: 700;
    color:#fff;
    display:inline!important;
    line-height:35px;
    -webkit-box-decoration-break:clone;
    box-decoration-break:clone;
    font-size: 36px;
    line-height: 43px;
    margin-bottom: 30px;
    font-family: "HusqvarnaGothic",Arial,sans-serif;

}

@media only screen and (min-width: 1470px){
    .large-heade {
        font-size: 36px;
        line-height: 43px;
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px){
    .large-header, h1.large-header, h2.large-header, h3.large-header {
        font-size: 60px;
    }}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px){
    .large-header {
        line-height: 74px;
    }}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px){
    .large-header-wrapper {
    }}

.c-hqv-billboard {position:relative}
.c-hqv-billboard .carousel img {position: relative}
.c-hqv-billboard .carousel .c-hqv-carousel-item:before {background-image: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0));
        content: ""; width:70%; height:100%; position: absolute; z-index: 1}
.edge{
    overflow:hidden;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
    max-height:700px
}

.edge .item .container{
    padding-top:0
}
.edge .img{
    min-width:100%;
    max-width:100%;
    height:1000px;
    position:relative;
    background-position:bottom left;
    background-size:cover
}
.edge .container{
    min-height:100%;
    z-index:1
}
.edge .overlay{
    position:absolute;
    top:120px;
    color:#fff;
    max-width:80%;
    z-index: 1;
}
@media only screen and (min-width:992px){
    .edge{
        max-height:600px
    }
    .edge .overlay{
        max-width:50%;
        max-width:60%;
    }
    .edge .overlay p{
        margin-right: 10%;
    }
}
.edge .overlay.fill p{
}
.edge h2{
    margin:0
}
.edge p{
    padding:10px 10px 12px;
    margin-top:7px
}
.edge .btn{
    margin-top:20px
}
.edge .btn .btn-inner-text,.edge .btn .btn-inner-text-right{
    min-width:200px
}
@media only screen and (max-width:767px){
    .edge .overlay.fill{
        top:30px;
        max-width:none;
        max-width: 100%;
        padding-right:20px;
        margin-left:-20px;
        padding-left:20px
    }
    .edge .overlay.fill .large-header{
        font-size:30px;
        line-height:40px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .edge .overlay.fill p{
        width:auto
    }
    .edge .overlay.fill.text-center{
        width:100%
    }
    .edge .overlay.fill.text-center p{
        display:inline-block
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .edge .overlay.fill{
        top:40px;
        max-width:75%
    }
    .edge .overlay.fill .large-header{
        font-size:45px;
        line-height:60px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
  .edge{  max-height:650px }
}
@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:992px){
    .edge .img{
        background-position:center center
    }
}
@media (min-width:992px) and (max-width:1469px){
    .edge .overlay.fill{
        top:45px;
        max-width:50%
    }
    .edge .overlay.fill .large-header{
        font-size:48px;
        line-height:65px
    }
}
@media only screen and (min-width:1470px){
    .edge{
        max-height:700px
    }
    .edge .overlay.fill{
        top:80px
    }
    .edge .overlay.fill p{

        margin-bottom:10px
    }
}
@media only screen and (max-width:768px) {
  .c-hqv-billboard .carousel .c-hqv-carousel-item:before {background-image: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)); width:100%; height:500px;}
  .edge{  min-height:550px }
  .edge .btn {  margin-top: 0px;    }
}

.carousel, .carousel-inner {
    position: relative;
}
.c-hqv-billboard .carousel {
    z-index: 1;
    overflow: hidden;
}
.slider__akce img {margin:0px 1px;}

.eventschedule .arrow, .slick-next.slick-arrow, .slick-prev.slick-arrow {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border:none;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    color: transparent;
    outline: none;
    background:none;
}
.eventschedule  .arrow.arrow-right{
    border-left: 30px solid #f3f2f0;
    left: 0;
    z-index: 1;
}

.eventschedule .slick-prev.slick-arrow {
    z-index: 1;
    left: -80px;
    background-color: rgba(0,0,0,0.4);
    padding: 20px;
    width: 140px;
    border-top-right-radius: 180px;;
    border-bottom-right-radius: 180px;;
    height: 180px;
    text-align: right;
}

.eventschedule .slick-prev.slick-arrow  svg {width: 40px; height: 40px;  color:#fff;}
.eventschedule .slick-next.slick-arrow  svg {width: 40px; height: 40px;  color:#fff;}

.eventschedule .slick-next.slick-arrow {
    z-index: 1;
    right: -80px;
    background-color: rgba(0,0,0,0.4);
    padding: 20px;
    width: 140px;
    border-top-left-radius: 180px;;
    border-bottom-left-radius: 180px;;
    height: 180px;
    text-align: left;
}
.slick-next.slick-arrow, .slick-prev.slick-arrow {
    visibility: visible;;
}
.eventschedule .slider__akce {margin:0 -20px; overflow-x: hidden}
.footer-tm h2 {
    font-size: 36px;
    margin: 25px 0px;
}
#vedelijste h2 {text-align: center;}

.panel-default.extra > .panel-heading {margin-top: 50px;}
.navbar-toggle svg {
    width: 24px;
    height: 24px;
}
/*
.navbar .navbar-brand {display: none;}
.navbar.navbar-fixed-top .navbar-brand {display: block;}
*/


@media only screen and (max-width:1140px) {
    .logo-container {
        display:none;
    }

}


.table-wrapp {width:100%; max-width: 100%; overflow-x: auto}
@media only screen and (max-width:1140px) {
    .table-wrapp table td {white-space: nowrap}
    .logo-tm {max-width: 50vw; height: auto;}

    .c-hqv-billboard .carousel-inner.edge {
        height: 500px;
    }
    .edge {max-height: 500px;}

}
td.share {width:120px!important;}
td.share .list-inline > li {width: 30px;}
td.share ul {margin-bottom: 0px!important;;}


.icon-close {display:none;}

.navbar-toggle.collapsed .icon-open {display:block;}
.navbar-toggle.collapsed .icon-close {display:none;}
.navbar-toggle .icon-open {display:none;}
.navbar-toggle .icon-close {display:block;}

.btn-cta {position: fixed; bottom: 50px; right: 50px; z-index: 100; background-color: #f25420; color:#fff; border-radius: 32px;
    padding: 15px; text-decoration: none; font-family: HusqvarnaGothic, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700;
    display: block; width:150px; text-align: center; line-height: 1.2;  box-shadow: 3px 3px 2px rgba(0,0,0,.1); line-height: 1.4;
}
.btn-cta:hover {color:#fff; box-shadow: 3px 3px 2px rgba(0,0,0,.2);}
@media (max-width:600px) {
    #tourplan {display: block;;}
    #tourplan tr {position: relative; padding-left: 115px; display: block; padding-bottom: 12px; padding-top: 12px; width:100%;}
    #tourplan tr td {display:inline-block; padding: 4px 5px 4px 5px; }
    #tourplan tr td:first-child {width:115px; position: absolute; left: 0px; top: 16px; }
    #tourplan td:nth-child(3) {display:block; width:100%;}
    #tourplan td:nth-child(4) {display:block;width:100%;}
    #tourplan td:nth-child(7) {}
    #tourplan td:nth-child(6) {display:block; text-align: left!important;}
    #tourplan td:nth-child(6) .btn.btn-a {border:1px solid #ccc;}
    #tourplan tbody {width: 100%; display: block;;}

    #tourplan table .share {width:auto;}
    .list-inline > li {padding-left: 0px; padding-right: 4px;}
    .panel-body { padding-right: 10% !important;}
}



.navbar, .navbar-fixed-top {border-bottom: solid 2px #f4f4f3;}
.page-detail h1 {margin-top: 0px;}

footer a:hover {color:#fff;}

.panel.panel-default .panel-title {font-weight: 400;}
.panel.panel-default .panel-body {padding-left: 5%;}


.dlazdice__a {position: relative; margin-bottom:30px; display: block;}
a.dlazdice__a:hover  {box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.12);}
.dlazdice__a:after {content: ""; position: absolute; left:0px; bottom: 0px; width:100%; height: 50%;
                    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
                    border-bottom-left-radius: 32px; border-bottom-right-radius: 32px;}
.dlazdice__a .dlazdice__nazev {position: absolute; bottom: 0px;left:0px; z-index: 2}

a.dlazdice__a:hover:after {background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9)); height:60%;}

.mt-0 {margin-top: 0px!important;}

.c-hqv-billboard .btn {padding: 12px 20px!important;}







.google-mapinfo {padding: 5px; font-size: 15px!important; line-height: 1.4;}
.google-mapinfo .mapinfo-title {font-weight: bold!important; margin-bottom: 10px; padding-right: 50px;}
.gm-ui-hover-effect {border: 1px solid #ccc!important;; top: 5px!important;; right: 5px!important; border-radius: 20px;}

.pac-container {border-radius: 16px!important; }
.pac-container .pac-item, .pac-container .pac-item-query{padding: 9px 15px!important; font-size: 16px!important; border:none;}
.pac-logo::after {display: none!important;}
.pac-container .pac-item-query {padding-right:10px; padding-left:10px;}
.pac-container .pac-item:first-child::before {display: block; content:"Místa"; font-weight:bold; border-bottom: 1px solid #e6e6e6; padding-bottom: 5px; margin-bottom: 9px;
    color:#333;}
.page-sk .pac-container .pac-item:first-child::before {content:"Miesta";}

#tourplan.distance #razenidlepsc {display: none;}
.coundown-text {text-align: center}
@media (min-width:992px) {
    .coundown-text {text-align: right;}
}


@media (max-width:768px) {
  .btn-cta {position: fixed; bottom: 10px; right: 10px; }
    .countdown p.countdown-time {
        font-size: 30px;
    }
    #produktys .logo-tm {display: none;}

    section.ohleduplni {
        padding-top: 10px;
        padding-bottom: 0px;
    }
    .copyright22, .copyright22 a {font-size: 12px; }
    .section-uspesnepribehy h1 {
        margin-bottom: 0px;
    }
    .section-hugsi h3 {font-size: 26px;}
}

footer .hui-flexbox--lg-justify-content-flex-start a:hover {
    color: #ccc !important;
    fill: #ccc !important;
}

.section-zreknuti_se_zodpovednosti {padding: 50px 0px;}


.vyzkouset-hero img {width: 500px; height: auto; margin: 0px auto 30px auto;}
.section-def.section-rounded {padding-bottom: 0px;}