:root { 
    --color1:#DC2F1C; /*červena*/
    --color2:#cfa529; /*žlutá ikonky*/
    --color3:#38447c; /*svetlejsi*/
    --color4:#253064; /*tmava modra*/
    --color5:#d9d9d9;
    /*--color5:#101010;
    --color6:#B4B4B4;*/
    /*--color6:#434343;*/
    --color7:#B5B7BF;
    /*--color8:#FFBB00;*/
    --color9:#ededed;
    --color10:white;
    --color11:black;
    --color12:red;
    

    --font-body:'Poppins', sans-serif;
    --font-title:'Oswald', sans-serif;

}





html, body {height:100%;}
body  
{   font-family: 'Poppins', sans-serif; position:relative; width:100%; height:100%;
    font-size:1em; font-weight:normal; line-height:1.5;
    background-color:var(--color10); 
    color: var(--color13);

}
body, p { color: Black; }
p { margin:0.5em 0; }

body#popup
{
    background: none;
}


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

h1 { 
    font-family:var(--font-title); font-weight:900; text-transform:uppercase; 
    font-size:2.8em;
    line-height:1.3;
    color:var(--color11);
    margin: 0;
    padding: 1em 0 0.6em 0;
    display:inline-block; width:100%;
    

}
h2 { font-family:var(--font-title); font-weight:500; text-transform:uppercase; 
     font-size:2em;
     line-height:1.3;
     color:var(--color11);
     margin: 0;
     padding: 2em 0 1.2em 0;
     display:inline-block; width:100%;
     text-align:center;
    }
.h2.shadowtitle { 
    position:relative;
    color:var(--color3);
    font-size:2rem;
}
.h2.shadowtitle .shadow{ 
    position:absolute; left:0; right:0; top:0.5em; margin:auto; font-size:160%;
    text-align:center; text-transform:uppercase; 
    font-weight:bold; color:#F0F3F4; z-index:-1;
}
.h2.shadowtitle h2{ 
    text-align:center;
    font-size:100%;
    
}


h3 { font-family:var(--font-title); font-weight:500; text-transform:none; 
     font-size:1.4em;
     color:var(--color11);
     margin: 0;
     padding: 1em 0 0.7em 0; }

.errorMsg {color: Red;}

ul { padding:0; margin:0; } 
ul li { list-style:none; background-image:url(/Images/li.png); background-repeat:no-repeat; background-position:left 5px top 3px;
        padding-left:25px; margin-bottom:10px;
}
ol { padding:0; margin:0; } 
ol li { padding-left:0; margin-bottom:10px; list-style:decimal; list-style-position:inside;
}

a, a:visited { color:var(--color3); font-weight:700;}
a:hover {color:var(--color3);}
.validation { color:var(--color12); }

.Row { }
.PageLayout,.pagelayout { margin-left:auto; margin-right:auto; max-width:1300px; min-width:300px;  }

#MainPage { min-width:330px; }

.ImgW100 { width:100%; max-width:100%; }
.ImgW50 { width:50%; max-width:50%; }
.ImgW25 { width:25%; max-width:25%; }
.ImgW25.Left{ float:left; margin-right:15px; width:calc(25% - 15px); }
.ImgW25.Right{ float:right; margin-left:15px; width:calc(25% - 15px); }

.paddingtop { padding-top:103px; }


#BackgroundImageHeader { height: 100%;
    position: relative; }
#BackgroundImageHeader.owl-carousel .owl-stage-outer { height: 100%;
    display: block; }
#BackgroundImageHeader.owl-carousel .owl-stage { height: 100%; }
#BackgroundImageHeader.owl-carousel.owl-drag .owl-item { height:100%; }
#BackgroundImageHeader .item { position:relative; height:100%; background-position:right center; }
#MenuMobile { display:none; }
#TopMenu { margin-top:0; padding-top:0; }

.header { position:fixed; top:0; width:100%; z-index:200; height:103px; background-color:var(--color10);
          -webkit-box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 34%);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.34);
    box-shadow: 2px 2px 5px 0px rgb(0 0 0 / 34%);
     background-color:var(--color4);
}
.header.topandtransparent { 
                            height:103px; 

                            -webkit-box-shadow:none;
                            -moz-box-shadow:none;
                            box-shadow:none;
                            background:none;
                            }
.header.topandtransparent #TopMenu { margin-top:0; padding-top:0; }
.header #TopMenu.large { margin-top:0; padding-top:0; }
#BackgroundImageHeader .backtext { position:absolute; display:table; width:100%;
                    top: 35%;
                    transform: translateY(-35%);
                    font-size:1.4em;
}
#BackgroundImageHeader .backtext h1,#BackgroundImageHeader .backtext p{ color:var(--color10); font-family:var(--font-title);  }
/*#BackgroundImageHeader .backtext h1 { font-size:1.8em; }*/

#MenuHorizontal { }
#MenuHorizontal ul,#MenuHorizontal ul li{ margin:0; padding:0; background:none; }
#MenuHorizontal .rmHorizontal { display:table; margin-right:0; margin-left:auto; border:none; }
#MenuHorizontal ul li { border-right:0; }
#MenuHorizontal .RadMenu .rmRootGroup .rmRootLink { color:var(--color10); font-weight:500; font-family:var(--font-title); padding:6px 20px; 
                                                    /*background-color:rgba(90,91,93,0.6);*/
                                                    background-color:var(--color3); margin:5px 8px; text-transform:uppercase;
                                                    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.81);
}

#MenuHorizontal .RadMenu .rmSlide ul{ border:none; }
#MenuHorizontal .RadMenu .rmGroup::before { display:none;  }
#MenuHorizontal .RadMenu .rmSlide ul { margin-top:5px; }
#MenuHorizontal .RadMenu .rmGroup .rmLink { color:var(--color10); font-weight:500; font-family:var(--font-title); padding:6px 20px; border:none;
                                                    background-color:rgba(93,90,90,1); margin:5px 8px; text-transform:uppercase;
                                                    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.81); }
#MenuHorizontal .RadMenu .rmRootGroup .rmRootLink:hover,#MenuHorizontal .RadMenu .rmGroup .rmLink:hover { background-color:rgb(130 129 131); }
#MenuHorizontal .RadMenu ul li.rmLast .rmRootLink{ margin-right:0; }

.header #MenuContacts { margin:10px 0; }
.header.topandtransparent #MenuContacts { margin:10px 0; }
#MenuContacts .flex.menucotactscontent{ justify-content:right; font-family:var(--font-title); font-weight:500; }
#MenuContacts .flex.menucotactscontent .item { display:flex; flex-wrap:nowrap; }
#MenuContacts .flex.menucotactscontent .item a{ color:var(--color10); font-weight:400; text-decoration:none; font-size:1.2em; }
#MenuContacts .flex.menucotactscontent .item .ico,#MenuContacts .flex.menucotactscontent .item.facebook a,
#MenuContacts .flex.menucotactscontent .item.youtube a,#MenuContacts .flex.menucotactscontent .item.instagram a{ 
    width:30px; height:30px; margin:0 15px; background-position:center center; background-size:auto 25px; background-repeat:no-repeat; }
#MenuContacts .flex.menucotactscontent .item.email .ico{ background-image:url(/Images/email.svg); }
#MenuContacts .flex.menucotactscontent .item.phone .ico{ background-image:url(/Images/phone.svg); }
#MenuContacts .flex.menucotactscontent .item.facebook a{ background-image:url(/Images/facebook.svg); }
#MenuContacts .flex.menucotactscontent .item.youtube a{ background-image:url(/Images/youtube.svg); margin:0; }
#MenuContacts .flex.menucotactscontent .item.instagram a { background-image:url(/images/instagram.svg); margin:0; }










.veil { width:100%; height:100%; position:absolute; left:0; top:0; 
background: rgb(131,41,0);
background: linear-gradient(162deg, rgba(131,41,0,0.7035189075630253) 0%, rgba(131,41,0,0.700717787114846) 29%, rgba(220,45,28,0.6979166666666667) 55%, rgba(248,195,2,0.700717787114846) 100%);
    }

#TopPage .PageLayout{ position:relative; width:100%; display:table; }


a.logo { position:absolute; left:10px; top:0; z-index:20; height:80px; width:250px;margin-left:0; margin-right:auto; margin-top:0; margin-bottom:auto;
        background-image:url(/Images/logo2.svg); background-repeat:no-repeat; background-position:center bottom; background-size:100%;
        display:block; z-index:8000;
}
a.logo.large { height:180px; background-image:url(/Images/logo3.svg); }
#TopMenu ul li a.MenuActive{ color:var(--color1); }



/*.header.topandtransparent .logo { height:130px; }*/
#MenuButton { display:none; cursor:pointer; }
.headertextpage { padding-top:80px; display:table; width:100%;
                  background: rgb(175,76,33);
background: linear-gradient(143deg, rgba(175,76,33,1) 0%, rgba(179,36,16,1) 35%, rgba(210,55,45,1) 66%, rgba(248,195,1,1) 100%);

}
.headertextpage h1 { text-align:center; display:block; width:100%; font-weight:600; text-transform:none; font-size:2.5em; padding:1.5em 0;  }
.headertextpage h1::first-letter { text-transform:uppercase;  }
.headertextpage h1 span{ text-transform:uppercase; display:block; font-size:50%; font-weight:500; }

.contenttextpage { padding:3em 0; }

.footerform { }
.footerform .blankspace{ height:550px; position:relative; }
.footerform .blankspace .clientform { width:60%; position:absolute; margin:auto; left:0; right:0; top:-100px; }

#Footer { background-color:#282828;
          
}
#Footer,#Footer p { color:var(--color10); }
#Footer .footertextpage { /*background: rgb(198,0,46);
background: linear-gradient(90deg, rgba(198,0,46,0.5) 0%, rgba(8,87,147,0.7) 100%);*/
padding:2em 0;
    }
.rowmap { display:table; width:100%; }
.mapsiframe { width:100%; height:350px; }
#Footer h3 { padding-top:0; color:var(--color10); }
#Footer .footercontent { flex-wrap:nowrap; }
#Footer .item.contact { width:40%; }
#Footer .item.contact a{ color:var(--color10); font-weight:normal; text-decoration:none; }
#Footer .item.nabidky { width:20%; }
#Footer .item.usertext { width:40%; }
#Footer .item.nabidky a{ display:block; text-decoration:none; color:var(--color2); text-decoration:underline; font-weight:500; margin:0.4rem 0; }
#Footer .item.nabidky a:hover { text-decoration:underline; }
#Footer .footerpata { background-color:var(--color11); color:silver; padding:1em 0; text-align:center; }

body .RadWindow .rwContent,body .RadWindow { border:none; }
body .RadWindow .rwContent { background-color:white; }
    
body.PopupBody #MainPage { width:400px; display:table; }
body.PopupBody #SendEstateInfo { width:calc(100% - 60px); padding:0 30px; display:table; }
#SendEstateInfo .Text{ padding:30px; width:calc(100% - 60px);  }

.ResultForm {  }
.ResultForm .ResultMessage{ width:calc(100% - 60px); display:table; padding:15px; margin:2rem 15px; }
.ResultForm .ResultMessage p { text-align:center; }
.ResultForm .ResultMessage.IsOK{ background-color:#dbffb7; }
.ResultForm .ResultMessage.IsOK p{ color:black; }
.ResultForm .ResultMessage.IsFail{ background-color:#ff4646; }
.ResultForm .ResultMessage.IsFail p{ color:white; }
#MenuButtonClose { display:none; cursor:pointer; }

.header #Lng { padding-top:25px; }
.header.topandtransparent #Lng { padding-top:35px; }
#Lng { display:flex; width:100px; justify-content:right; position:static; margin-left:1rem; }
#Lng .butt .buttcontent { display:flex; flex-wrap:nowrap; }
#Lng .butt a{ display:block; width:32px; height:32px; background-repeat:no-repeat; background-position:center center;
              margin-left:1rem;
}
#Lng .butt a.cs{ background-image:url(/Images/cs.png);  }
#Lng .butt a.en{ background-image:url(/Images/en.png);  }

#Lng2 { display:flex; width:100px; justify-content:right; position:static; margin-left:1rem; }
#Lng2 .butt .buttcontent { display:flex; flex-wrap:nowrap; }
#Lng2 .butt a{ display:block; width:32px; height:32px; background-repeat:no-repeat; background-position:center center;
              margin-left:1rem;
}
#Lng2 .butt a.cs{ background-image:url(/Images/cs.png);  }
#Lng2 .butt a.en{ background-image:url(/Images/en.png);  }

#headerContent { width:100%; }
#TopPage { width:100%; }
#BottomRow { width:100%; }
#TopMenu { width:100%; min-width:100%; }
#BottomRowContent { display:flex; flex-wrap:nowrap; justify-content:right; width:100%; flex-direction:row-reverse;  }

.button.paginationnextfields { width:250px; float:none; margin:2em auto; border:1px solid var(--color10); }
.button.paginationnextfields:hover { width:250px; float:none; margin:2em auto; border:1px solid var(--color1); }
#Lng2 { display:none; }
#ContactBefore { background-color:var(--color9); padding:3rem 0; }
#ContactBefore .boxes{ max-width:1000px; width:100%; justify-content:center; margin:auto; }
#ContactBefore .boxes .item{ width:33.333%; }
#ContactBefore .boxes .item .ico{ font-size:2rem; color:var(--color4); text-align:center; }
#ContactBefore .boxes .item .icotitle{ font-size:1.4rem; color:var(--color4); text-align:center; font-family:var(--font-title); font-weight:200; }
#ContactBefore .boxes .item .contenttext { margin-top:1rem; }
#ContactBefore .boxes .item .contenttext a,#ContactBefore .boxes .item .contenttext{ 
    font-family:var(--font-title); font-size:1.4rem; color:var(--color4); text-align:center; font-weight:600; font-family:var(--font-body); text-decoration:none;
}
#Contact { background-color:var(--color4); }
/*#Contact .item{ width:50%; }*/
#Contact .map { padding-top:3rem; position:relative; }
#Contact .map #MapyCzHolder { position:absolute; left:0; top:0; width:100%; height:calc(100% - 60px); margin:30px 0;  }
#Contact .social { min-width:400px; padding-top:30px; }
#Contact .social h3{ text-align:right; }
#Contact .social .content{ min-width:400px; }
#Contact .social .fb_iframe_widget { float:right; margin-top:2rem; }
#Contact .item h3,#Contact .item #ContactForm h3{ 
    font-size: 1.8rem;
    padding-top: 0;
    font-weight: 300;
    font-family: var(--font-title);
    color: white; }
    #Contact .socials { display:flex; justify-content:flex-end; vertical-align:middle; margin-right:0; }
#Contact .socials .item { width:60px; height:60px; }
#Contact .socials .item .ico,#Contact .socials .item.facebook a,
#Contact .socials .item.youtube a,#Contact .socials .item.instagram a{ 
    width:50px; height:50px; display:block; margin:0 15px; margin:15px; background-position:center center; background-size:auto 40px; background-repeat:no-repeat; }
#Contact .socials .item.email .ico{ background-image:url(/Images/email.svg); }
#Contact .socials .item.phone .ico{ background-image:url(/Images/phone.svg); }
#Contact .socials .item.facebook a{ background-image:url(/Images/facebook.svg); }
#Contact .socials .item.youtube a{ background-image:url(/Images/youtube.svg);  }
#Contact .socials .item.instagram a { background-image:url(/images/instagram.svg);  }
#MainPage textarea.riTextBox { min-height:6.5rem; }
#Contact .item.form { width:40%; }
#Contact .item.links { width:calc(60% - 400px); padding-top:30px; padding-left:30px; box-sizing:border-box;  }
#Contact .item.links a { color:white; }
#Contact .item.links ul, #Contact .item.links ul li { list-style:none; background:none; margin:0; padding:0; margin-bottom:0.5rem;  }
#Contact .item.social { width:400px; }