/* CSS Document */
 body {
     height: 100%;
     width: 100%;
     padding: 0;
     margin: 0;
}
 header {
     font-family:'Open Sans';
}
 .header {
     background-color:#068693;
     color:white;
     font-size:16px;
     line-height:35px;
}
 h1 {
     font-size:42px;
     line-height:35px;
     text-transform:uppercase;
}
 .podnadpis {
     font-size:16px;
     line-height:35px;
     margin-top:5px;
     text-transform:uppercase;
}
 .color {
     color:#08AAB9;
}
 .menu {
     margin-top:3%;
}
 nav {
     text-transform:uppercase;
}
 nav li a {
     color:black !important;
}
 nav li a:hover {
     box-shadow: inset 0 -2px 0 0 #058591;
}
 nav li.active {
     box-shadow: inset 0 -2px 0 0 #058591;
}
 li {
     text-align:center;
}
 .jimky {
     min-height: 800px;
     width: 100%;
     background-image: url("../img/bg-img.png");
     background-size: cover;
}
 .jimky {
     position: relative;
     min-height: 800px;
     width: 100%;
}
 .jimka-bg {
     position: relative;
     text-align: center;
     min-height: 800px;
     line-height: 800px;
     width: 100%;
     background-image: url("../img/jimka.png");
     background-repeat: no-repeat;
     background-position: center center;
}
 .jimka-bg {
     position: relative;
     text-align: center;
     min-height: 800px;
     line-height: 800px;
     width: 100%;
     background-image: url("../img/jimka.png");
     background-repeat: no-repeat;
     background-position: center center;
}
 .bg-beton {
     background-image: url("../img/nadrz-beton.png");
}
 .jimky p {
     color: rgb(255,255,255);
     display: inline-block;
     vertical-align: middle;
     line-height: normal;
     text-transform: uppercase;
     font-size: 30px;
     opacity: 1;
}
 .jimka1 {
     background-color: rgb(7,170,185,0.57);
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .jimka1:hover, .jimka2:hover {
     background-image: url("../img/jimka-hover.png");
     background-repeat: no-repeat;
     background-position: center center;
     background-color: rgb(7,170,185);
}
 .jimka3:hover {
     background-image: url("../img/nadrz-hover.png");
     background-repeat: no-repeat;
     background-position: center center;
     background-color: rgb(7,170,185);
}
 @media (max-width: 1680px) {
     .jimka-bg {
         background-size: 80%;
    }
     .jimka1:hover, .jimka2:hover, .jimka3:hover {
         background-image: url("../img/jimka-hover.png");
         background-repeat: no-repeat;
         background-size: 80%;
         background-color: rgb(7,170,185);
    }
}
 @media (max-width: 1080px) {
     .jimka-bg {
         background-size: 50%;
         min-height: 600px;
         line-height: 600px;
    }
     .jimky {
         min-height: 600px;
    }
     .jimka1:hover, .jimka2:hover, .jimka3:hover {
         background-image: url("../img/jimka-hover.png");
         background-repeat: no-repeat;
         background-size: 50%;
         background-color: rgb(7,170,185);
    }
}
 @media (max-width: 680px) {
     .jimka-bg {
         background-size: 80%;
         min-height: 450px;
         line-height: 450px;
    }
     .jimky {
         min-height: 450px;
    }
     .jimka1:hover, .jimka2:hover, .jimka3:hover {
         background-image: url("../img/jimka-hover.png");
         background-repeat: no-repeat;
         background-size: 80%;
         background-color: rgb(7,170,185);
    }
}
 .jimka2 {
     background-color: rgb(5,134,146,0.57);
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .jimka3 {
     background-color: rgb(0,99,108,0.57);
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 h1 {
     text-transform: uppercase;
     padding: 15px 0 15px 0;
}
 .content {
     margin-top: 180px;
     text-align: center;
}
 .content a {
     color: rgb(29,29,29);
     text-decoration: underline;
}
 #recolor {
     color: rgb(16,172,181);
}
 footer {
     margin-top: 100px;
     margin-bottom: 50px;
}
 footer p {
     text-align: center;
     font-size: 14px;
}
 .kolo {
     margin: 0 auto;
     text-align:center;
     width: 230px;
     height: 230px;
     border-radius: 117px;
     background-color: #f80000;
     -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
     -o-transition-duration: 0.8s;
     transition-duration: 1.2s;
}
 .kolo:hover {
     -webkit-transform: rotateY(360deg);
    /* Safari */
     transform: rotateY(360deg);
    /* Standard syntax */
}
 .text {
     font-size: 30px;
     line-height: 35px;
     color: rgb(255,255,255);
     font-family: "Open Sans";
     font-weight: bold;
     text-align: center;
}
 .pozice {
     width: 100%;
     position: absolute;
     margin: -90px auto;
}
 .icon {
     font-size:48px;
     color:white;
     margin-top:50px;
}
 .ikony {
     width: 900px;
     margin: 0 auto;
}
 @media (max-width: 930px) {
     .pozice {
         position: relative;
         margin: 20px auto 0 auto;
    }
     .ikony {
         width: 90%;
    }
     .kolo {
         margin: 20px auto;
    }
     .content {
         margin-top: 40px;
    }
}
 .navbar {
     padding:7px 0 !important;
}
/* CSS Document */
 body {
     background-repeat: no-repeat;
     background-size: 100% 100%;
     height: 100%;
     width: 100%;
     padding: 0;
     margin: 0;
}
 .konfigurator .animace {
     width: 1000px;
     margin-left: 3%;
}
 .konfigurator .zaklad {
     position: absolute;
     margin-top: 250px;
     margin-left: 1050px;
}
 .konfigurator .zaklad img{
     width: 80%;
}
 .konfigurator .zaklad2 img{
     width: 80%;
}
 .konfigurator .zaklad3 img{
     width: 80%;
}
 .konfigurator .zaklad6 img{
     width: 80%;
}
 .konfigurator .zaklad7 img{
     width: 80%;
}
 .konfigurator .zaklad8 img{
     width: 78%;
}
 @media(max-width: 1910px) {
     .konfigurator .zaklad {
         margin-top: 200px;
         margin-left: 950px;
    }
}
 @media(max-width: 1590px) {
     .konfigurator .zaklad {
         margin-top: 200px;
         margin-left: 750px;
    }
}
 @media(max-width: 1314px) {
     .konfigurator .zaklad {
         margin-top: 200px;
         margin-left: 600px;
    }
}
 @media(max-width: 1138px) {
     .konfigurator .zaklad {
         display: none;
    }
}
 .konfigurator .zaklad2 {
     position: absolute;
     margin-top: 460px;
     margin-left: 1190px;
}
 @media(max-width: 1910px) {
     .konfigurator .zaklad2 {
         margin-top: 410px;
         margin-left: 1090px;
    }
}
 @media(max-width: 1590px) {
     .konfigurator .zaklad2 {
         margin-top: 410px;
         margin-left: 880px;
    }
}
 @media(max-width: 1314px) {
     .konfigurator .zaklad2 {
         margin-top: 410px;
         margin-left: 735px;
    }
}
 @media(max-width: 1138px) {
     .konfigurator .zaklad2 {
         display: none;
    }
}
 .konfigurator .zaklad3 {
     display: none;
     position: absolute;
     margin-top: 270px;
     margin-left: 1070px;
}
 @media(max-width: 1910px) {
     .konfigurator .zaklad3 {
         margin-top: 220px;
         margin-left: 970px;
    }
}
 @media(max-width: 1590px) {
     .konfigurator .zaklad3 {
         margin-top: 220px;
         margin-left: 770px;
    }
}
 @media(max-width: 1314px) {
     .konfigurator .zaklad3 {
         margin-top: 220px;
         margin-left: 620px;
    }
}
 @media(max-width: 1138px) {
     .konfigurator .zaklad3 {
         width: 0px;
         display: none;
    }
}
 .konfigurator .zaklad4 {
     position: absolute;
     margin-top: 170px;
     margin-left: 1180px;
}
 @media(max-width: 1910px) {
     .konfigurator .zaklad4 {
         margin-top: 120px;
         margin-left: 1080px;
    }
}
 @media(max-width: 1590px) {
     .konfigurator .zaklad4 {
         margin-top: 120px;
         margin-left: 880px;
    }
}
 @media(max-width: 1314px) {
     .konfigurator .zaklad4 {
         margin-top: 120px;
         margin-left: 730px;
    }
}
 @media(max-width: 1138px) {
     .konfigurator .zaklad4 {
         display: none;
    }
}
 .konfigurator .zaklad6 {
     position: absolute;
     margin-top: 625px;
     margin-left: 1215px;
}
 @media(max-width: 1910px) {
     .konfigurator .zaklad6 {
         margin-top: 575px;
         margin-left: 1115px;
    }
}
 @media(max-width: 1590px) {
     .konfigurator .zaklad6 {
         margin-top: 575px;
         margin-left: 912px;
    }
}
 @media(max-width: 1314px) {
     .konfigurator .zaklad6 {
         margin-top: 575px;
         margin-left: 762px;
    }
}
 @media(max-width: 1138px) {
     .konfigurator .zaklad6 {
         display: none;
    }
}
 .konfigurator .zaklad7 {
     position: absolute;
     margin-top: 425px;
     margin-left: 1050px;
}
 @media(max-width: 1910px) {
     .konfigurator .zaklad7 {
         margin-top: 375px;
         margin-left: 950px;
    }
}
 @media(max-width: 1590px) {
     .konfigurator .zaklad7 {
         margin-top: 375px;
         margin-left: 750px;
    }
}
 @media(max-width: 1314px) {
     .konfigurator .zaklad7 {
         margin-top: 375px;
         margin-left: 600px;
    }
}
 @media(max-width: 1138px) {
     .konfigurator .zaklad7 {
         display: none;
    }
}
 .konfigurator .zaklad8 {
     position: absolute;
     margin-top: 255px;
     margin-left: 1235px;
}
 @media(max-width: 1910px) {
     .konfigurator .zaklad8 {
         margin-top: 205px;
         margin-left: 1135px;
    }
}
 @media(max-width: 1590px) {
     .konfigurator .zaklad8 {
         margin-top: 205px;
         margin-left: 935px;
    }
}
 @media(max-width: 1314px) {
     .konfigurator .zaklad8 {
         margin-top: 205px;
         margin-left: 785px;
    }
}
 @media(max-width: 1138px) {
     .konfigurator .zaklad8 {
         display: none;
    }
}
 .konfigurator .titulek {
     padding-top: 30px;
     padding-bottom: 20px;
}
 .konfigurator .titulek h3 {
     color: white;
}
 .konfigurator .tlacitka h4 {
     color: white;
     font-weight: bold;
}
 .konfigurator {
     background-color: #00A4B0;
     height: 100%;
}
 .konfigurator footer {
     color: white;
}
 .obsah {
     color: white;
     padding-right: 25px;
     padding-left: 25px;
     margin-right: auto;
     margin-left: auto;
}
 @media (min-width: 768px) {
     .con-menu, .obsah {
         width: 750px;
    }
}
 @media (min-width: 992px) {
     .con-menu, .obsah {
         width: 970px;
    }
}
 @media (min-width: 1200px) {
     .con-menu, .obsah {
         width: 1170px;
    }
}
/* @media(max-width: 1605px) {
     .obsah, .con-menu {
         width: 78.4%;
         margin: 0 auto;
    }
}
 @media(max-width: 1480px) {
     .obsah, .con-menu {
         width: 89.4%;
         margin: 0 auto;
    }
}
 @media(max-width: 1146px) {
     .obsah, .comn-menu {
         width: 88.4%;
         margin: 0 auto;
    }
}
 */
 .konfigurator .tlacitka2 {
     padding-top: 2%;
}
 .konfigurator .tlacitka2 h4 {
     color: white;
     font-weight: bold;
}
 .konfigurator .button {
     border: 2px solid white;
     color: white;
     padding: 5px 32px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-weight: bold;
     font-size: 16px;
     cursor: pointer;
}
 .konfigurator .button:hover {
     background-color: rgb(248, 195, 63);
     border: 2px solid rgb(248, 195, 63);
     color: rgb(37, 59, 106);
}
 .konfigurator .button:focus {
     background-color: rgb(248, 195, 63);
     border: 2px solid rgb(248, 195, 63);
     color: rgb(37, 59, 106);
}
 .konfigurator .button2 {
     border: 2px solid white;
     color: white;
     padding: 15px 10px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-weight: bold;
     font-size: 16px;
     cursor: pointer;
     width: 170px;
}
 .konfigurator .button2:hover {
     background-color: rgb(248, 195, 63);
     border: 2px solid rgb(248, 195, 63);
     color: rgb(37, 59, 106);
}
 .konfigurator .button2:focus {
     background-color: rgb(248, 195, 63);
     border: 2px solid rgb(248, 195, 63);
     color: rgb(37, 59, 106);
}
 .konfigurator .slidery {
     padding-top: 2%;
}
 .konfigurator .slidery h4 {
     color: white;
     font-weight: bold;
}
 .konfigurator .komory {
     display: block;
     padding-top: 2%;
}
 .konfigurator .komory h4 {
     color: white;
     font-weight: bold;
}
 .konfigurator .range-slider {
     display: inline-block;
     width: 30%;
}
 @media(max-width: 1700px) {
     .konfigurator .range-slider {
         width: 480px;
    }
}
 @media(max-width: 1110px) {
     .konfigurator .range-slider {
         width: 500px;
    }
}
 @media(max-width: 608px) {
     .konfigurator .range-slider {
         width: 94%;
    }
}
 output {
     color: white;
     display: inline-block;
    /*font-size: 900px;
     */
     float: right;
}
 #output {
     color: white;
}
 #output2 {
     color: white;
}
 #output3 {
     color: white;
}
 .konfigurator .range2 {
     padding-top: 2%;
}
 .konfigurator .range3 {
     padding-top: 2%;
}
 .konfigurator .objemy {
     width: 35%;
     padding-top: 3%;
}
 @media(max-width: 1110px) {
     .konfigurator .objemy {
         width: 500px;
    }
}
 @media(max-width: 568px) {
     .konfigurator .objemy {
         width: 99%;
    }
}
 .konfigurator .objemy h4 {
     color: white;
     font-weight: bold;
}
 .konfigurator .button3 {
     border: 2px solid white;
     color: white;
     width: 80px;
     padding: 10px 12px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-weight: bold;
     font-size: 16px;
     cursor: pointer;
     margin-top: 2%;
}
 .konfigurator .button3:hover {
     background-color: rgb(248, 195, 63);
     border: 2px solid rgb(248, 195, 63);
     color: rgb(37, 59, 106);
}
 .konfigurator .button3:focus {
     background-color: rgb(248, 195, 63);
     border: 2px solid rgb(248, 195, 63);
     color: rgb(37, 59, 106);
}
 .konfigurator .pritoky {
     padding-top: 2%;
}
 .konfigurator .pritoky h4 {
     color: white;
     font-weight: bold;
}
 .konfigurator .button4 {
     border: 2px solid white;
     color: white;
     padding: 10px 12px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-weight: bold;
     font-size: 16px;
     cursor: pointer;
}
 .konfigurator .button4:hover {
     background-color: rgb(248, 195, 63);
     border: 2px solid rgb(248, 195, 63);
     color: rgb(37, 59, 106);
}
 .konfigurator .footer {
     padding-bottom: 4%;
}
 .konfigurator .pritok-odtok {
     display: none;
}
 .konfigurator .komory2 {
     display: none;
}
 input[type="radio"] {
     display: none;
}
 input[type="radio"]:checked + label {
     background-color: rgb(248, 195, 63);
     border: 2px solid rgb(248, 195, 63);
     color: rgb(37, 59, 106);
}
 .konfigurator h2 {
     font-size: 36px;
     text-transform: uppercase;
}
 input[type=range] {
     -webkit-appearance: none;
     width: 100%;
}
 .konfigurator .pritokb2 {
     padding-top: 2%;
}
 .konfigurator .pritokb2 h4 {
     color: white;
     font-weight: bold;
}
 .konfigurator .odtok2 {
     padding-top: 2%;
}
 .konfigurator .odtok2 h4 {
     color: white;
     font-weight: bold;
}
 input[type=range] {
     -webkit-appearance: none;
}
 input[type=range]::-webkit-slider-runnable-track {
     height: 5px;
     background: #ddd;
     border: none;
     border-radius: 3px;
}
 input[type=range]::-webkit-slider-thumb {
     -webkit-appearance: none;
     border: none;
     height: 20px;
     width: 20px;
     border-radius: 50%;
     background: goldenrod;
     margin-top: -8px;
     margin-left: -1px;
}
 input[type=range]:focus {
     outline: none;
}
 input[type=range]:focus::-webkit-slider-runnable-track {
     background: #ccc;
}
 input[type=range]::-moz-range-track {
     height: 5px;
     background: #ddd;
     border: none;
     border-radius: 3px;
}
 input[type=range]::-moz-range-thumb {
     border: none;
     height: 16px;
     width: 16px;
     border-radius: 50%;
     background: goldenrod;
}
 input[type=range]:-moz-focusring {
     outline: 1px solid white;
     outline-offset: -1px;
}
 input[type=range]:focus::-moz-range-track {
     background: #ccc;
}
 input[type="range"]::-moz-range-progress {
     background-color: rgb(218, 165, 32);
}
 input[type=range]::-ms-track {
     background: transparent;
     border-color: transparent;
     border-width: 6px 0;
     color: transparent;
}
 input[type=range]::-ms-fill-lower {
     background: #777;
     border-radius: 10px;
}
 input[type=range]::-ms-fill-upper {
     background: #ddd;
     border-radius: 10px;
}
 input[type=range]::-ms-thumb {
     margin-top: 0px;
     border: none;
     height: 20px;
     width: 20px;
     border-radius: 50%;
     background: goldenrod;
}
 input[type=range]:focus::-ms-fill-lower {
     background: rgb(248, 195, 63);
}
 input[type=range]:focus::-ms-fill-upper {
     background: #ccc;
}
 #slider_value {
     display: inline-block;
     color: white;
     font-size: 15px;
}
 #slider_value2 {
     display: inline-block;
     color: white;
     font-size: 15px;
}
 #slider_value3 {
     display: inline-block;
     color: white;
     font-size: 15px;
}
 .konfigurator .degree {
     display: inline-block;
     color: white;
     font-size: 15px;
}
 .konfigurator .animate {
     position: absolute;
     margin-top: 13.konfigurator .5%;
     margin-left: 72%;
     -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
}
 @media(max-width: 1604px) {
     .konfigurator .animate {
         margin-top: 11.konfigurator .5%;
         margin-left: 73.konfigurator .5%;
    }
}
 .konfigurator .animate3 {
     position: absolute;
     margin-top: 21.konfigurator .4%;
     margin-left: 75%;
     -ms-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
}
 @media(max-width: 1604px) {
     .konfigurator .animate3 {
         margin-top: 21%;
         margin-left: 78.konfigurator .5%;
    }
}
 .konfigurator .animate5 {
     position: absolute;
     margin-top: 30%;
     margin-left: 72%;
     -ms-transform: rotate(135deg);
     -webkit-transform: rotate(135deg);
     transform: rotate(135deg);
}
 @media(max-width: 1604px) {
     .konfigurator .animate5 {
         margin-top: 30%;
         margin-left: 75%;
    }
}
 .konfigurator .animate7 {
     position: absolute;
     margin-top: 33%;
     margin-left: 64.konfigurator .6%;
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
}
 @media(max-width: 1604px) {
     .konfigurator .animate7 {
         margin-top: 34%;
         margin-left: 65%;
    }
}
 .konfigurator .animate9 {
     position: absolute;
     margin-top: 30%;
     margin-left: 56.konfigurator .5%;
     -ms-transform: rotate(225deg);
     -webkit-transform: rotate(225deg);
     transform: rotate(225deg);
}
 @media(max-width: 1604px) {
     .konfigurator .animate9 {
         margin-top: 31%;
         margin-left: 55.konfigurator .5%;
    }
}
 .konfigurator .animate11 {
     position: absolute;
     margin-top: 22%;
     margin-left: 53%;
     -ms-transform: rotate(270deg);
     -webkit-transform: rotate(270deg);
     transform: rotate(270deg);
}
 @media(max-width: 1604px) {
     .konfigurator .animate11 {
         margin-top: 21.konfigurator .5%;
         margin-left: 51.konfigurator .5%;
    }
}
 .konfigurator .animate13 {
     position: absolute;
     margin-top: 14%;
     margin-left: 56.konfigurator .5%;
     -ms-transform: rotate(315deg);
     -webkit-transform: rotate(315deg);
     transform: rotate(315deg);
}
 @media(max-width: 1604px) {
     .konfigurator .animate13 {
         margin-top: 12.konfigurator .5%;
         margin-left: 55%;
    }
}
 .konfigurator .pritok {
     position: absolute;
     margin-top: 32%;
     margin-left: 56.konfigurator .8%;
     -ms-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
}
 @media(max-width: 1604px) {
     .konfigurator .pritok {
         margin-top: 34%;
         margin-left: 56.konfigurator .2%;
    }
}
 .konfigurator .pritok2 {
     position: absolute;
     margin-top: 23.konfigurator .6%;
     margin-left: 52.konfigurator .5%;
     -ms-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
}
 @media(max-width: 1604px) {
     .konfigurator .pritok2 {
         margin-top: 23.konfigurator .5%;
         margin-left: 50.konfigurator .5%;
    }
}
 .konfigurator .pritok3 {
     position: absolute;
     margin-top: 15%;
     margin-left: 55%;
     -ms-transform: rotate(135deg);
     -webkit-transform: rotate(135deg);
     transform: rotate(135deg);
}
 @media(max-width: 1604px) {
     .konfigurator .pritok3 {
         margin-top: 13%;
         margin-left: 54%;
    }
}
 .konfigurator .pritok4 {
     position: absolute;
     margin-top: 10.konfigurator .6%;
     margin-left: 63%;
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
}
 @media(max-width: 1604px) {
     .konfigurator .pritok4 {
         margin-top: 8%;
         margin-left: 63%;
    }
}
 .konfigurator .pritok5 {
     position: absolute;
     margin-top: 14%;
     margin-left: 72.konfigurator .5%;
     -ms-transform: rotate(225deg);
     -webkit-transform: rotate(225deg);
     transform: rotate(225deg);
}
 @media(max-width: 1604px) {
     .konfigurator .pritok5 {
         margin-top: 11.konfigurator .2%;
         margin-left: 74%;
    }
}
 .konfigurator .pritok6 {
     position: absolute;
     margin-top: 21%;
     margin-left: 76.konfigurator .3%;
     -ms-transform: rotate(270deg);
     -webkit-transform: rotate(270deg);
     transform: rotate(270deg);
}
 @media(max-width: 1604px) {
     .konfigurator .pritok6 {
         margin-top: 20.konfigurator .5%;
         margin-left: 79.konfigurator .4%;
    }
}
 .konfigurator .pritok7 {
     position: absolute;
     margin-top: 30%;
     margin-left: 74%;
     -ms-transform: rotate(315deg);
     -webkit-transform: rotate(315deg);
     transform: rotate(315deg);
}
 @media(max-width: 1604px) {
     .konfigurator .pritok7 {
         margin-top: 31.konfigurator .5%;
         margin-left: 76%;
    }
}
 .konfigurator .formular {
     color: white;
     padding-top: 5%;
     margin-left: 18%;
     text-align: left;
     width: 640px;
}
 @media(max-width: 1604px) {
     .konfigurator .formular {
         margin-left: 7%;
    }
}
 @media(max-width: 1149px) {
     .konfigurator .formular {
         margin-left: 3%;
    }
}
 @media(max-width: 711px) {
     .konfigurator .formular {
         width: 94%;
         padding-bottom: 30%;
    }
}
 .konfigurator .labl {
     margin-left: 2.konfigurator .5%;
}
 #comment {
     margin-left: 2.konfigurator .5%;
     width: 95%;
}
 #comment2 {
     margin-left: 5%;
}
 .konfigurator .odeslat {
     background-color: rgb(248, 195, 63);
     color: rgb(55, 70, 103);
     font-weight: bold;
     font-size: 20px;
     width: 300px;
     height: 76.konfigurator .5px;
}
 @media(max-width: 704px) {
     .konfigurator .odeslat {
         position: absolute;
         right: 150px;
         margin-top: 100px;
    }
}
 @media(max-width: 632px) {
     .konfigurator .odeslat {
         position: absolute;
         right: 120px;
         margin-top: 100px;
    }
}
 @media(max-width: 516px) {
     .konfigurator .odeslat {
         position: absolute;
         right: 100px;
         width: 150px;
         height: 50px;
         margin-top: 100px;
    }
}
 @media(max-width: 318px) {
     .konfigurator .odeslat {
         right: 50px;
    }
}
 @media(max-width: 704px) {
     .konfigurator .g-recaptcha {
         transform: scale(0.konfigurator .87);
         transform-origin: 0 0;
    }
}
 @media(max-width: 308px) {
     .konfigurator .g-recaptcha {
         transform: scale(0.konfigurator .77);
         transform-origin: 0 0;
    }
}
 .konfigurator .h4 {
     margin-left: 2%;
}
 .konfigurator .hvezdicka {
     color: red;
}
 .cena {
     /*padding-top: 10px;*/
     position: absolute;
     margin-left: 750px;
     margin-top: -70px;
     font-weight: bold;
     font-size: 25px;
}
 @media (max-width: 1590px) {
     .cena {
     margin-left: 600px;
     font-size: 22px;
    }
}
 @media (max-width: 1139px) {
     .cena {
     position: inherit;
     margin-left: 0px;
     margin-top: 20px;
     font-size: 1em;
    }
}
 .cena input[type="radio"] {
     display: inline-block;
     margin-right:5px;
     margin-top: 10px;
}
 .cena input[type="radio"]:checked + label {
     background-color: rgb(248, 195, 63);
     border: 2px solid rgb(248, 195, 63);
     color: rgb(37, 59, 106);
}
 .order-form {
     color: white;
     padding-bottom: 5px;
     width: 100%;
}
 .order-nadpis {
     color: rgb(16, 54, 139);
}
 .order-form div {
     padding-top: 2%;
}
 .order-form label {
     width: 90px;
}
 .nopadding {
     padding: 0 !important;
     margin: 0 !important;
}
 .order-form input[type=text] {
     width: 80%;
     padding-right: 5%;
     border: 1px solid white;
     border-radius: 1px;
}
 @media (max-width: 1199px) {
     .order-form input[type=text] {
         width: 50%;
    }
}
 .order-form input[type=email] {
     width: 80%;
     padding-right: 5%;
     border: 1px solid white;
     border-radius: 1px;
}
 @media (max-width: 1199px) {
     .order-form input[type=email] {
         width: 50%;
    }
}
 .order-form input[type=number] {
     width: 80%;
     padding-right: 5%;
     text-decoration: none;
     border: 1px solid white;
     border-radius: 1px;
}
 @media (max-width: 1199px) {
     .order-form input[type=number] {
         width: 50%;
    }
}
 input[type=number] {
     -moz-appearance: textfield;
}
 .order-form input[type=tel] {
     width: 80%;
     padding-right: 5%;
     text-decoration: none;
     border: 1px solid white;
     border-radius: 1px;
}
 @media (max-width: 1199px) {
     .order-form input[type=tel] {
         width: 50%;
    }
}
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     margin: 0;
}
 .order-form input[type=submit] {
     width: 80%;
     font-size: 1.4em;
     font-weight: bold;
     height: 60px;
}
 @media (max-width: 1199px) {
     .order-form input[type=submit] {
         width: 253px;
    }
}
 @media (max-width: 348px) {
     .order-form input[type=submit] {
         width: 200px;
    }
}
 .doplnujici-text textarea {
     margin-top: 37px;
     width: 80%;
     height: 100px;
     border: 1px solid white;
     border-radius: 1px;
}
 .souhlas {
     display: block;
     padding-bottom: 10px;
     margin-left: -7px;
}
 .souhlas a {
     color: white;
}
 .order-form input[type=checkbox] {
     width: 18px;
     margin-left: 5px;
}
 .cenik table {
     margin-bottom: 35px;
 }
 .cenik table tr {
     border-bottom: 2px solid #D9D9D9;
}
 .cenik table td {
     padding: 15px;
}
 .cenik img {
    width: 100%;
 }
 .bold {
     font-weight: bold;
}
 .cenik {
     padding-top: 30px;
     padding-bottom: 25px;
}
 .podminky li {
     text-align: left;
}
 article {
     padding:10px 0 !important;
     font-family:'Open Sans';
}
 iframe {
     width:100%;
     height:550px;
     border:none;
     padding: 10px 0 !important;
}
 .navbar-brand {
    white-space: normal;
    font-size: 2.25rem;
 }
 @media (max-width: 568px) {
     .konfigurator h2 {
        font-size: 24px;
     }   
 }

 .zasady li {
    text-align: left;
 }

 .cf-agree-text a {
    color: #f8c33f;
}

.ss-cookies {
    background: #068693;
    color: white;
    padding: 15px 0;
    bottom: 0;
    width: 100%;
    left: 0;
    position: fixed;
    display: none;
}

.ss-cookies a {
    color: white;
}

.ss-cookies p {
    margin: 0;
}

.ss-cookies .souhlas {
    display: inline-block;
    padding: 5px 10px;
    color: #068693;
    background: white;
}