@font-face {
            font-family: DIN Pro;
            src: url(fonts/subset-DINPro-Light.eot);
            src: url(fonts/subset-DINPro-Light.eot?#iefix) format("embedded-opentype"), url(fonts/subset-DINPro-Light.woff) format("woff"), url(fonts/subset-DINPro-Light.ttf) format("truetype");
            font-weight: 300;
            font-style: normal
        }

        @font-face {
            font-family: DIN Pro;
            src: url(fonts/subset-DINPro.eot);
            src: url(fonts/subset-DINPro.eot?#iefix) format("embedded-opentype"), url(fonts/subset-DINPro.woff) format("woff"), url(fonts/subset-DINPro.ttf) format("truetype");
            font-weight: 400;
            font-style: normal
        }
 
        @font-face {
            font-family: DIN Pro;
            src: url(fonts/subset-DINPro-Medium.eot);
            src: url(fonts/subset-DINPro-Medium.eot?#iefix) format("embedded-opentype"), url(fonts/subset-DINPro-Medium.woff) format("woff"), url(fonts/subset-DINPro-Medium.ttf) format("truetype");
            font-weight: 500;
            font-style: normal
        }

        @font-face {
            font-family: DIN Pro;
            src: url(fonts/subset-DINPro-Bold.eot);
            src: url(fonts/subset-DINPro-Bold.eot?#iefix) format("embedded-opentype"), url(fonts/subset-DINPro-Bold.woff) format("woff"), url(fonts/subset-DINPro-Bold.ttf) format("truetype");
            font-weight: 700;
            font-style: normal
        }

        body {
            color: #000;
            font-family: DIN Pro, Arial, Helvetica, sans-serif !important;
        }

        img {
            max-width: 100%;
            height: auto;
        }

        h1 {
            color: #ed1c24;
        }

        h2 {
            font-size: 2em;
        }

        a {
            color: black!important;
            text-decoration: none!important;
            border-bottom: 1px solid #C7C7C7!important;
        }

            a:hover {
                border-bottom: 1px solid #000000!important;
				text-decoration: none!important;
            }
.header p {
    font-size: 1.4rem;
}
.ContCent{   justify-content: center;}
.lang{  justify-content: end; display: flex;padding-right: 15px;}
.lang .sr-only{position: relative;
height: auto;
width: auto;
padding: 0 3px;}
.pade {
    display: flex;
}

            .pade > div {
                flex: 1;
            }

        @media (max-width: 860px) {
            .pade {
                display: block;
            }


        }

        .pade:after {
            content: "";
            display: table;
            clear: both;
        }

        .button {
            background-color: #ed1c24;
            color: #fff;
            display: inline-flex;
            padding: 13px 60px;
            text-transform: uppercase;
            text-decoration: none;
            cursor: pointer;
            position: relative;
            font-weight: 500;
            font-size: 1.1em;
        }
a.button{ color: white!important;}

            .button::after {
                content: "";
                transition: all .2s ease;
                background-image: url("./button-arrow.svg");
                background-size: contain;
                background-repeat: no-repeat;
                position: absolute;
                left: 10px;
                top: calc(100% - 1px);
                width: 30px;
                height: 15px;
            }



        .header #rc-header svg {
            max-width: 20vw;
            min-width: 150px;
        }

        .header .left {
            padding: 7vw;
			padding-right:0;
        }

        .sticky {
            position: fixed;
            top: 0;
            width: 100%;
            background-color: white;
            text-align: center;
            padding-top: 15px;
            box-shadow: 0 2px 4px #f1f1f1;
            margin-left: -7vw;
			z-index:100;
        }

            .sticky .rc-header__logo-text {
                display: none;
                visibility: hidden;
            }
  
.header #rc-header.sticky svg {
  max-width: 6vw;
  margin: 0 auto;
  padding-bottom: .5vw;
}

        .header .right {
            padding-right: 4vw;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .main .left {
            padding: 7vw;
			padding-bottom:1vw;
            text-align: left;
            background-color: #f6f6f6;
            font-size: 1.2em;
        }

            .main .left h2 {
                padding-bottom: 3vw;
                color: #ed1c24;
            }

            .main .left strong {
                color: #ed1c24;
            }

            .main .left p {
                padding-bottom: 2vw;
            }

        .main .right {
            padding: 7vw;
            text-align: left;
            background-color: #ed1c24;
            color: #fff;
        }

        .main .thankyou {
            padding: 7vw;
            text-align: left;
            background-color: #ffffff;
            color: #000000;
			font-size: 1.2em;
        }
	.thankyou h2, .thankyou strong {color: #ed1c24;}
	.thankyou a {color: #ed1c24!important;}
	

        .footer .left {
            display: flex;
            flex-direction: row;
            padding: 2vw 7vw;
        }

        .footer .icon {
            padding: 2vw;
			box-sizing:content-box!important;
		max-width:16vw;
		max-height:16vw;
        }

        .footer .right {
			padding: 7vw;
            text-align: left;
        }
		
a:has(img) {
  border-bottom: none !important;
}
.whitelegal{text-align:center;  padding: 5vw 0 2vw;}
.whitelegal a {color:#ed1c24!important;}
		
.footer .pade {
    display: flex;
    align-items: center;
}


        .bigfooter {
            background-image: linear-gradient(#ebebeb,#f6f6f6,#fff);
            text-align: center;
            padding: 5vw 0 2vw
        }

        .bigfooter a {
            color: black;
            text-decoration: none;
            border-bottom: 1px solid #C7C7C7;
        }

        .bigfooter a:hover {
                color: black;
                border-bottom: 1px solid #000000;
            }

        .form-group.check label {
            width: 35vw !important;
        }

            .form-group.check label input {
                display: inline-block;
            }

            .form-group.check label span {
            /*    display: inline-block;
                width: 90%;*/
                padding-left: 5px;
            }


.smapa button {color: #fff;background-color: #ed1c24;border: 0px red none;border-radius: 0rem;}
.smapa .btn-primary:hover, .smapa .btn-primary:not(:disabled):not(.disabled).active, .smapa .btn-primary:not(:disabled):not(.disabled):active, .smapa  .show > .btn-primary.dropdown-toggle { font-weight: bold; background-color: #ed1c24;}
.smapa .form-control {width: auto!important; border-radius: 0rem;}
.card-header, .card-footer {
    background-color: white !important;
    border-bottom: none !important;
    border-top: none !important;
    color: #ed1c24;
    font-weight:bold;
}
.smap .card .close {
    top: -50px!important;
    right: 10px!important;
}
.modal-header .close {
    position: absolute;
    top: 20px;
    right: 20px;
}
h4.modal-title {color: #ed1c24; padding-left:10px;}
.modal-header{border-bottom: none!important;}
}

#Pravidla, #GDPR, #Kontakt {padding-top:20px;}
.dinfo {text-align:justify; padding:2vw 7vw; }
.togglers {position:relative; }
.close-container {
  position: absolute;
  right: 3vw;
  top: 0vw;
  width: 50px;
  height: 50px;
  cursor: pointer;
}

.leftright {
  height: 4px;
  width: 50px;
  position: absolute;
  margin-top: 24px;
  background-color: #d3231b;
  border-radius: 2px;
  transform: rotate(45deg);
  transition: all .3s ease-in;
}

.rightleft {
  height: 4px;
  width: 50px;
  position: absolute;
  margin-top: 24px;
  background-color: #d3231b;
  border-radius: 2px;
  transform: rotate(-45deg);
  transition: all .3s ease-in;
}

.close-container label {
  color: #d3231b;
  font-family: Helvetica, Arial, sans-serif;
  font-size: .6em;
  text-transform: uppercase;
  letter-spacing: 2px;
  transition: all .3s ease-in;
  opacity: 0;
}

.close {
  margin: 60px 0 0 0px;
  position: absolute;
}

.close-container:hover .leftright {
  transform: rotate(-45deg);
  background-color: #000000;
}

.close-container:hover .rightleft {
  transform: rotate(45deg);
  background-color: #000000;
}

.close-container:hover label {
  opacity: 1;
}
.uplatnenikodu {padding-bottom:2vw; display:grid;}
.uplatnenikodu .form-group.check label {  width: 16vw !important;}

.infoline {display:flex; position:sticky; top: 100px;}
.infobadge {width:200px; max-width:200px; padding-right:30px;}
.infobadge a {color:#ed1c24;}
.main .left .infoline em {font-size: .8em;}
.main .left .infoline h2 {padding-bottom:0;}

@media (max-width: 1000px) and (min-width: 860px) {
        .form-group.check label {
            width: 45vw !important;
        }
.infoline {display: block;}
.infobadge {padding-bottom:30px;}		
}

    @media (max-width: 860px) {
.uplatnenikodu .form-group.check label {
            width: 40vw !important;
        }
		
        .form-group.check label {
            width: 80vw !important;
        }

            .form-group.check label input {
                height: auto;
/*                margin-bottom: 1rem !important;*/
            }

            .form-group.check label span {
                width: 65vw !important;
            }
				
				
		
    }

@media (max-width: 500px) {
.uplatnenikodu	{		padding-bottom:7vw; }
	
.uplatnenikodu .form-group.check label {
            width: 80vw !important;
        }	
.uplatnenikodu.pulka {
        grid-template-columns: none;
    }	
	
    .form-group.field.pulka {
        grid-template-columns: none;
    }

        .form-group.field.pulka .padd {
            margin-left: 0px;
            margin-top: 8px;
        }
}

.careforhelp .form-group.check label input {
    vertical-align: top !important;
    margin-top: .25rem;
}
a.btn-outline-info {
    background-color: #ed1c24 !important;
    border-color: #fff !important;
}

a.btn-outline-info svg path {
    fill: #fff !important;
}
.showLabel {
    display: block !important;
    visibility: visible !important;
    line-height: 40px !important;
}
.careforhelp .has-error {
    font-weight: bold;
}
.careforhelp .form-group .dotvvm-upload-button a {
  color: #ed1c24 !important;
  text-decoration: none !important;
  border:none !important;
}
.careforhelp .form-group .dotvvm-upload-button a:hover {
  text-decoration: none !important;
  border:none !important;
}
.soutez{
	border-bottom: 8px solid #f6f6f6;
}
.soutez .left {
	display: block;
	text-align: right;
}
.soutez .left a {
	border-bottom: none;
}