@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Bold.woff2') format('woff2'),
        url('/fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Light.woff2') format('woff2'),
        url('/fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Medium.woff2') format('woff2'),
        url('/fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Regular.woff2') format('woff2'),
        url('/fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('/fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Italic.woff2') format('woff2'),
        url('/fonts/Montserrat-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


:root { 
    --color1:#3b3188;
    --color2:#E4E4E4;
    --color3:#99CC66;
    --color4:#383d48;
    --color5:#0B2D34;
    --color6:#45757F;
    
    
    --color7:#EDFBE8;
    --color8:#EEFBE9;
    --color9:#a097e0;
    --color10:white;
    --color11:black;
    --color7:#2B2B2B;
    

    --font-body:'Montserrat', sans-serif;
    --font-title:'Montserrat', sans-serif;

    

}

.greenbold { font-size:1.4rem; color:var(--color1); font-weight:bold; }

html, body {height:100%;}
body  
{ font-family: 'Montserrat', sans-serif; position:relative; width:100%; height:100%;
    font-size:1em; font-weight:normal; line-height:1.5;
color:black;

}
body, p { color: black; }
p { margin:1rem 0; }

body#popup
{
    background: none;
}


.Flds,.Row { display:inline-block; width:100%; }
.Left { display:inline-block; width:auto; float:left; }
.Right { display:inline-block; width:auto; float:right; }
.flex { display:flex; width:100%; flex-wrap:nowrap; }

h1 { font-family:var(--font-title); font-weight:600; text-transform:uppercase; 
     font-size:2rem;
     line-height:1.3;
    color:var(--color5);
     margin: 0;
    padding: 1em 0 1em 0;
    display:inline-block; width:100%;
    position:relative;
    }

h2 { font-family:var(--font-title); font-weight:400; text-transform:none; 
     font-size:1.6rem;
     line-height:1.3;
    color:var(--color5);
     margin: 0;
    padding: 0.6rem 0 0.6rem 0;
    display:inline-block; 
    position:relative;
    
    }
h2 span { position:absolute; left:0; top:0; bottom:0; margin:auto; display:block; width:20px; height:20px; border-width:4px; border-style:solid; }

h3 { font-family:var(--font-title); font-weight:900; text-transform:uppercase; 
     font-size:1.8rem;
    color:var(--color11);
     margin: 0; margin-bottom:0; position:relative;
    padding: 1em 0 1rem 0; }
h3 span.subtitle.green { color:var(--color1); }

h4 { font-family:var(--font-title); font-weight:700; text-transform:none; 
     font-size:1.2rem; line-height:1.3;
    color:var(--color2);
     margin:0; position:relative;
    padding: 1rem 0 1.5rem 0; }

.errorMsg,.validation,.ItemValidation {color: Red;}

ul { padding:0; margin:0; margin-left:1rem; } 
ul li { list-style:none; background-image:url(/Images/li.svg); background-repeat:no-repeat; background-position:0 20px;
        background-size:20px;
        padding-left:35px; padding-top:3px; padding-right:0; padding-bottom:5px;  
        margin-bottom:0;
}
a, a:visited { color:var(--color1); font-weight:700;}
a:hover {color:var(--color1);}

.ImgW50 { max-width:50%; }
.ImgW25 { max-width:25%; }
.ImgW100 { width:100%; max-width:100%; }

.PageLayout { margin-left:auto; margin-right:auto; max-width:1200px; min-width:330px;  }

ul.li-green {  }
ul.li-green li{ 
    background-image: url(/Images/li-ring-green.svg);
    background-position: left center;
    background-size: 10px;
    background-repeat: no-repeat;
    list-style: none;
    color: var(--color11);
    padding-left: 20px;
}

#MainPage { position:relative; width:100%; height:100%; overflow:hidden; }
#content { position:relative; z-index:80;
           display:inline-block; width:100%; max-width:100%; float:left;
}
.hLogo { position:absolute; height:80px; width:350px; left:60px; top:60px; z-index:100; }
.hLogo a{ position:absolute; width:100%; height:100%; display:block; left:0; top:0; 
          background-image:url(/Images/logo.png); background-repeat:no-repeat; background-position:left center; background-size:contain ; }
/*.hLogo a:hover{ -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: transform .2s;}*/
#logohorizontal { display:none; }
#header { }
#header { display:block; width:100%; background-color:rgba(0,0,0,0.7); position:fixed; top:0; left:0; height:100px; z-index:300; }
#header.fix { background-color:var(--color11); }
#header .hLogo{ height:60px; width:310px; top:17px; }
#header .hLogo a{ background-image:url(/Images/logo-rev.png); background-repeat:no-repeat; background-position:left center; background-size:contain ; }
#header .hMenu #MenuButton,#header .hMenu #CloseMenu{ top:30px; z-index:400; }


#MenuButton,#CloseMenu { display:block; width:90px; height:38px; position:absolute; left:auto; right:60px; top:60px; background-color:var(--dark-header);
                z-index:200; cursor:pointer; 
                 
}
#MenuButton:hover,#CloseMenu:hover{-ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: transform .2s; }
#MenuButton .butt,#CloseMenu .butt,#HomeButton .butt{ display:block; width:38px; height:38px; position:absolute; right:0; left:auto; margin:auto; 
                    top:0; bottom:0; z-index:220;
                    }
#MenuButton .text,#CloseMenu .text,#HomeButton .text{ line-height:40px; color:black;
                    }
#header.fix #MenuButton .text,#header.fix #CloseMenu .text,#header.fix #HomeButton .text{ color:white;
                    }
#CloseMenu .text { color:white; }
#HomeButton .butt { height:30px; width:30px; }
#MenuButton .butt #buttonImg,#HomeButton .butt #buttonImg { fill:var(--color1); }
#header.fix #MenuButton .butt #buttonImg,#header.fix #HomeButton .butt #buttonImg { fill:var(--color9); }
#CloseMenu .butt #buttonImg { fill:var(--color9); }
    #MenuButton:hover .butt #buttonImg, #CloseMenu:hover .butt #buttonImg { fill:var(--color1); }
#HomeButton { display:block; width:38px; height:38px; position:absolute; right:60px; top:57px; background-color:var(--dark-header);
                z-index:200; cursor:pointer; border:1px solid white; padding:3px; }
#HomeButton a { z-index:230; position:absolute; width:100%; height:100%; left:0; top:0; display:block; }

#CloseMenu { z-index:400; display:none; }

/*#TopMenu { width:500px; height:0; position:fixed; overflow:hidden; z-index:300;  display:block; left:auto; right:0; top:0; }*/
#TopMenu { width:70%; height:100px; position:fixed; overflow:hidden; z-index:500;  display:block; left:auto; right:0; top:0; }
#TopMenu .TopMenuContent { display:flex; flex-wrap:nowrap; width:100%; height:100%; }
/*#TopMenu .TopMenuContent .Menu{ background:rgba(0,0,0,0.7); display:block; width:100%; height:100%; }*/
#TopMenu .TopMenuContent .Menu{ display:block; width:100%; height:100%; }
#TopMenu .TopMenuContent .Menu ul,#TopMenu .TopMenuContent .Menu ul li{ background:none;  }

#TopMenu ul,#TopMenu ul li{ list-style:none; background-image:none; margin:0; padding:0; }
/*#TopMenu ul { display:flex; float:right; width:300px; margin-right:60px; flex-wrap:wrap; justify-content:right; align-items:end; margin-top:125px;  }*/
#TopMenu ul { display:flex; float:right; width:100%; margin-right:60px; flex-wrap:wrap; justify-content:right; align-items:end; margin-top:25px;  }
/*#TopMenu li{ width:100%; }*/
#TopMenu li{ width:auto; }
/*#TopMenu li a{ color:var(--color11); text-transform:lowercase; text-decoration:none; 
               padding:0; margin:0; margin-bottom:10px; text-align:right; display:block;}*/
#TopMenu li a{ color:var(--color11); text-transform:lowercase; text-decoration:none; 
               padding:5px 25px; margin:0; margin-bottom:10px; text-align:right; display:block;}
#header .hMenu { display:none; }

#TopMenu li a span { display:inline; width:100%; text-align:right; font-weight:300; font-size:1.4rem; color:white;  }
#TopMenu li a:hover { color:var(--color2); }
#TopMenu li a:hover span{ color:var(--color9); }
#TopMenu li a.MenuActive { color:var(--color9); }
#TopMenu li a.MenuActive::before { content:"["; color:var(--color9); font-size:1.6rem; }
#TopMenu li a.MenuActive::after { content:"]"; color:var(--color9); font-size:1.6rem; }
#TopMenu li a.MenuActive:hover { color:var(--color9); }
#TopMenu li a.MenuActive span{ /*display:block; padding-bottom:0.2rem; border-bottom:2px solid var(--color1);*/ padding:0 0.5rem; }
/*#TopMenu li.jazyk { margin-bottom:2em; }
#TopMenu li.jazyk a{ display:block; overflow:hidden; float:left; width:3em; height:3em; line-height:3em; text-align:center; border:1px solid var(--color5);
                  margin-left:5%; padding:0; }
#TopMenu li.jazyk #CloseMenu { float:right; margin-left:0; margin-right:5%; display:block; cursor:pointer;
                            width:3em; height:3em; line-height:3em; border-radius:50%;
}*/
#TopMenu .ButtonMenu {  }
#TopMenu .ButtonMenu.ButtonMenuLast { border:none; }
.contactFooter { position:absolute; left:60px; bottom:0; z-index:100; }
.contactFooter .flex { flex-wrap:nowrap; }
.contactFooter .flex .ico{  }
.contactFooter .flex .ico .icocube{ width:16px; height:16px; border:4px solid var(--color1); }
.contactFooter .flex .ico .icoline{ width:11px; height:100px; border-right:2px solid var(--color1); }
.contactFooter .flex .text{ padding-left:2rem; }
.contactFooter .flex .text a{ color:var(--color10); font-family:'Museo Sans 300'; text-decoration:none; font-weight:300; font-size:1.2rem; display:block; width:100%; }

.AbsoluteSizeBox { background-position:top center; background-size:cover; background-repeat:no-repeat; position:relative;
                   display:flex; width:100%;
}
.AbsoluteSizeBoxContent { width:100%; height:100%; max-width:1300px; /*padding-top:110px; padding-bottom:60px;*/ margin-left:auto; margin-right:auto;
                          

}
#DefaultPage .AbsoluteSizeBoxContent { position:relative; }
#PageHome .AbsoluteSizeBoxContent { position:relative; max-width:none; }
#PageHome .AbsoluteSizeBoxContent { position: absolute;
    max-width: none;
    height: 100%;
    display: block; /*margin-top:111px;*/ margin-top:0; }
.TopTitle { font-family:var(--font-title); font-weight:700; font-size:2rem; line-height:1.3;  position:relative; height:auto; margin:auto;
            text-align:left; width:80%; height:100%; display:flex; justify-content:center; align-items:flex-start; flex-direction:column;
}
.TopTitle .TopTitleContent { width:80%;}
/*.AbsoluteSizeBox.Box1{ background-image:url(/Images/bg1.jpg);
                       background-size:cover; background-position:center center;

}*/
#footer { width:100%; display:table; background-color:var(--color7); padding:4rem 0; }
#footer .bike { width:40%; color:white;  }
#footer .other { width:60%; }
#footer .logofooter { width:100%; height:60px; background-image:url(/Images/logo.svg); background-position:left center; background-repeat:no-repeat; background-size:contain;
                      margin-bottom:2rem;
}
#footer .heel,#footer p { color:#626262; }
#footer .heel .flex{ flex-wrap:nowrap; width:100%; }
/*#footer .heel .logomuller{ width:30%;  background-image:url(/Images/logomuller.svg); background-position:left center; background-repeat:no-repeat;
                           background-size:contain; margin-right:2rem;
}*/
#footer h2 { color:white; }
#footer a { color:var(--color9); }
#footer a.button { color:var(--color10); }
#ContactForm .item{ width:48%; margin-right:2%; }
#ContactForm .Name { margin-bottom:15px; }
#ContactForm .item.desc{ width:50%; margin-right:0; }
#ContactForm .UIControls .riTextBox[type="text"].riEmpty,
#ContactForm .UIControls input[type="text"].riEmpty,
#ContactForm .UIControls textarea.riTextBox.riEmpty,
#ContactForm .UIControls .RadDropDownList .rddlDefaultMessage { border:1px solid #626262; background-color:#262626;
                                                                -webkit-border-radius: 0;
                                                                -moz-border-radius: 0;
                                                                border-radius: 0;
}
#ContactForm .UIControls textarea.riTextBox.riEmpty,#ContactForm .UIControls input[type="text"].riEmpty,#ContactForm .UIControls .riTextBox[type="text"].riEmpty { 
    color:#626262; font-style:italic; }
#ContactForm .UIControls textarea.riTextBox { min-height:95px; }
#ContactForm .law { color:#626262; width:calc(100% - 200px); padding-top:15px; }
#ContactForm .sendform { width:200px; }
#ContactForm .lawsend { width:100%; margin:15px 0;}
#KontaktResponse { }
#KontaktResponse .ResponseContent{ display:block; background-color:lightgreen; color:black; padding:2rem 0; width:100%; text-align:center;  }

#MenuButton .text, #CloseMenu .text, #HomeButton .text { color:white; }
#MenuButton .butt #buttonImg, #CloseMenu .butt #buttonImg { fill:var(--color9); }

body .RadWindow_Default { border:none; background:none; }
body .RadWindow_Default .rwTitleBar { border:none; background:none; position:relative; }
body .RadWindow_Default .rwTitleBar { border-top:3px solid var(--red); }
body .RadWindow .rwTitle { color:black; color:var(--color10); font-weight:bold; padding-left:10px; font-size:1.2rem; padding-top:0.5rem; }
body .RadWindow .rwCommands { position: absolute; width: 40px; height: 40px; z-index: 500; background-color:var(--red);
                              /*-webkit-transform: rotateZ(45deg); transform: rotateZ(45deg);*/
                              top:23px; right:-14px;
}
body .RadWindow li.rwListItem { width: 100%; height: 100%; position: absolute; /*-webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg);*/ }
body .RadWindow .rwCommandButton { width: 100%; height: 100%; position: absolute; border: none; background: none; padding: 0; text-align: center; 
                                   background-color:var(--color1);
                                    }
body .RadWindow span.rwCommandButton:hover { border:none; background:var(--color4); padding:0; }
body .RadWindow .rwCommandButton:before { font-size:30px; text-align:center; line-height:40px; color:white; }
body .RadWindow .rwContent { border:none; background-color:white; padding:0; min-width:600px; }
body .RadWindow.PopUpForm { background-color:white; }
body .RadWindow .rwTitleWrapper { height:40px; padding:0; position:relative; background-color:var(--color1); }
body .RadWindow .rwCommands { position:absolute; top:0; right:0; left:auto; bottom:auto; margin:0; }
body .RadWindow .rwIcon { display:none; }
body .RadWindow .rwContent #ContactForm { width:calc(100% - 30px); padding:15px; }
body .RadWindow ul.rwCommands { margin:0; padding:0; background:none; }
body .RadWindow li.rwListItem { margin:0; padding:0; background:none; }
#PopupContent { margin:5px 0; }
#PopupContent #UpdatePanel1{ float:right; width:50%; margin:0 0 30px 30px; }
#CookiesBarSettings {  }
#CookiesBarSettings h4,#PopupContent h4{ color:var(--color11);  }
#PopupContent ul li { background:none; list-style:disc; padding-left:5px; list-style-position:outside; margin-left:5px; }