body { font-size: 0.98rem;line-height: 1.6; color: rgb(32,32,32);  overflow-x: initial ; }

body.path-admin--------- { font-family: initial !important;}




.content-main .floatingtitle a:visited, .view-duplicate-of-moderated-content a:visited {color: purple !important; }




                          













.node--type-listing strong { font-weight: 500;}

body strong {     font-weight: 500; }


input::placeholder, textarea::placeholder { color: rgb(176,176,176);}

.searchautocomplete input::placeholder { color: rgb(144,144,144) !important; opacity: 1; }





.ck .ck-placeholder:before, .ck.ck-placeholder:before { color: #aaa !important;}


/* ---------------------------------------- EDITING --------------------------------------------- */
/* ---------------------------------------- EDITING --------------------------------------------- */
    
.invisible  { display: none !important }


.zebratable tr:nth-child(even) {background-color: rgb(240,240,240); }



header.header-v1 .header-main, .is-fixed .header-main, .header-main   
{ background: white; border-bottom: 1px solid rgb(224,224,224); border: none; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px !important;}



.node-listing-single {background: #f9fafbb8;}


.node-listing-single .listing-nav.sticky-listing-nav          { z-index: 2;}
.node-listing-single .listing-nav.is-fixed .listing-nav-inner { z-index: 98;}






.node--type-listing header.header-v1 .header-main {border-bottom: 1px solid rgb(224,224,224); box-shadow: none !important; }




.administrator .node-listing-single .listing-nav.is-fixed .listing-nav-inner .listing-nav-inner-inner {margin-top: 39px;}




header.header-v1                { background: initial;}

header.header-default .header-main .header-main-inner .header-inner, header.header-v1 .header-main .header-main-inner .header-inner { padding-right: 80px;}


.is-fixed .header-main {  }

.administrator .is-fixed .header-main { top: initial; }
.branding                             { padding-top: 4px;}


header .header-button             { top: 19px;   }
header .header-button a {
    line-height: 38px;
    border: none;
    padding: 0 15px;
    border-radius: 4px;
    font-family: "Poppins", sans-serif;
    font-weight: normal;
    background: rgb(51 102 153);
    color: rgb(230 247 255);
    margin-left: 40px;
}



.gva-user-region .icon-------- {border-radius: 4px;  width: 38px;height: 38px;}



.onlytopradius      {  border-top-left-radius: 8px; border-top-right-radius: 8px;}


.sedivedatetime {
    font-size: 12px;
    color: #757575;
    display: table;
    margin: 0px 0px -10px 0px;
    /* font-weight: normal; */
    background: #f5f5f5;
    padding: 5px;
    border-radius: 6px;
}


.navigation .gva_menu .mega-menu-block {font-size: 16px;}





header.header-v1 #menu-bar span   { background: black;}
.menu-bar span                    { height: 3px;}




.navigation .gva_menu > li > a    {color: #363a3f; padding: 25px 25px; transition: transform 0.3s ease; }


.navigation .gva_menu > li > a------ {
    color: #363a3f !important;
    padding: 25px 25px;
    background: #fffbfb;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
}






.navigation .gva_menu .sub-menu > li > a:hover, .navigation .gva_menu .sub-menu > li > a:focus, .navigation .gva_menu .sub-menu > li > a:active 
{ color: #3a8cdf; transform: translateX(5px);}






blockquote {
    margin: 40px 0px 40px 0px;
    padding: 10px 10px 10px 20px;
    border-left: 5px solid #ffcb2b;
    font-size: 21px;
    line-height: 32px;
}




.onlycontentblock blockquote {
    margin: 40px 0px 40px 0px;
    padding: 10px 10px 1px 30px;
    border-left: 5px solid #ffcb2b;
    font-size: 26px;
    line-height: 39px;
    font-weight: 300;   
}














.highlight_content blockquote {
    margin: 30px 0px 20px 0px;
    padding: 10px 10px 10px 20px;
    border-left: 6px solid #ffcb2b;
    font-size: 19px;
    line-height: 30px;
}











header .site-branding-logo        { padding: initial }

.navigation .gva_menu > li > a:hover, .navigation .gva_menu > li > a:after, .navigation .gva_menu > li > a:active {color: black;}

.gva-user-region .user-content               { border-radius: 8px;padding: 20px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.gva-user-region .user-content .user-links a { color: #757575;font-size: 17px;}


/* --------- REGISTER --- LOGIN  ---------- */
/* --------- REGISTER --- LOGIN  ---------- */


.page-user-login .branding, .page-user-register .branding, .page-user-pass .branding, .page-user-edit .branding {background: white;padding: 15px;}

#user-login-form .form-item input {
  width: 100%;
  border-radius: 5px;
  background: #f6ffff;
  padding: 10px 15px;
  border: 1px solid #cccece;
}



#user-login-form .form-item input,
#user-register-form .form-item input,
#user-pass .form-item input,

#user-login-form .form-item textarea,
#user-register-form .form-item textarea,
#user-pass .form-item textarea,

#user-login-form .form-item input:not([type='submit']),
#user-register-form .form-item input:not([type='submit']),
#user-pass .form-item input:not([type='submit'])
{
  width: 100%;
  border-radius: 5px;
  background: #f6ffff;
  padding: 10px 15px;
  border: 1px solid #cccece;
}




#user-login-form .description,
#user-register-form .description,
#user-pass .description

 {
  font-size: 12px;
  line-height: 16px;
  color: gray;
  padding: 4px 12px;
}





/* --------- REGISTER --- LOGIN  ---------- */
/* --------- REGISTER --- LOGIN  ---------- */


.field--name-field-media-oembed-video {
    position: relative;
    padding-bottom: 56.25%; /* Poměr stran 16:9 */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin: 20px 0px 20px 0px;
    
}

.field--name-field-media-oembed-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}





























li.pozitiva, li.negativa, .node--type-article .listing-content-main.onlyforarticlecontent ul li {
    list-style-type: none;
    padding: 0px 0px 0px 28px !important;
    position: relative;
    margin: 0px 0px 5px -20px !important;
}





.node--type-article .listing-content-main.onlyforarticlecontent ul li:before, li.pozitiva::before, li.negativa::before, .node--type-article .listing-content-main.onlyforarticlecontent .field--name-body ul li::before

{
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900;
  margin-right: 8px;
  display: inline-block;
  width: 20px; 
  position: absolute; 
  left: 0;
  top: 0;
  vertical-align: middle; 
  
  content: "\f058"; 
  color: #527ca7;
}




.articlevariant li::before,
.articlevariant li.pozitiva::before,
.articlevariant li.negativa::before {
  content: none !important; /* pokud nemáš jistotu pořadí, nech !important */
}






li.pozitiva::before {
    content: "\f058";
      color: #439769;
    color: #527ca7;
}


li.negativa::before {
    content: "\f057" !important;
    color: #c34c50 !important;
}


li.smallodrazka {
    font-size: 13px;
    line-height: 18px;
    color: grey;
    list-style-type: none;
    padding: 0px 0px 0px 28px;
    position: relative;
    margin: 0px 0px 5px -20px !important;
}






.calculator {
    background-color: #fff;
    padding: 0px 0px 10px 0px;
    text-align: left;
}
    h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }
.calculator input[type="number"], .calculator  input[type="range"], .calculator select {
    width: 100%;
    padding: 4px;
    margin: 10px 0;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
}





    .result {
        margin-top: 0px;
        font-size: 18px;
        color: #333;
            border: 1px solid #c8e5eb;
    border-radius: 6px;
    background-color: #f8f9fa;
    background-color: #d4f7ff;
    }
    .result span {
        font-weight: bold;
    }




           












#score {
        font-size: 19px; line-height: 29px;
        margin-bottom: 20px;
}


#kviz000 h2 {
    font-family: "Rubik", sans-serif;
    font-size: 25px;
    line-height: 37px;
    font-weight: 900;
    padding-bottom: 10px;
}

#kviz000 .testpopis {
    margin: -20px 0px 10px 0px;
    font-size: 14px;
    line-height: 18px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #dee2e6;
}
#kviz000 .logo-small {margin: 0px; padding: 0px 0px 0px 0px; width: 140px; float: right}


.spravne { color: green}
.chybne  { color: red}


#question-text {
    font-size: 17px;
    line-height: 25px;
    background: #f1f1bf;
    padding: 10px;
    border-radius: 6px;
}


#kviz000 button {
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    border: none;
    background-color: #e8e8e8;
    color: #212529;
    border-radius: 5px;
    margin-bottom: 10px;
    width: 100%;
}

    button:hover {
        background-color: #218838;
    }
    .answer-button {
        background-color: #007bff;
    }
    .answer-button:hover {
        background-color: #0056b3;
    }
#message {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
    background: #e5effc;
    padding: 10px;
    border-radius: 6px;
    color: #405a7d;
}













.score {
        font-size: 19px; line-height: 29px;
        margin-bottom: 20px;
}


.kviz000 h2 {
   font-family: "Rubik", sans-serif;
    font-size: 25px;
    line-height: 37px;
    font-weight: 900;
    padding-bottom: 10px;
}

.kviz000 .testpopis {
    margin: -20px 0px 10px 0px;
    font-size: 14px;
    line-height: 18px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #dee2e6;
}
.kviz000 .logo-small {margin: 0px; padding: 0px 0px 0px 0px; width: 140px; float: right}


.spravne { color: green}
.chybne  { color: red}


.question-text {
    font-size: 17px;
    line-height: 25px;
    background: #f1f1bf;
    padding: 10px;
    border-radius: 6px;
}


.kviz000 button {
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    border: none;
    background-color: #e8e8e8;
    color: #212529;
    border-radius: 5px;
    margin-bottom: 10px;
    width: 100%;
}

    button:hover {
        background-color: #218838;
    }
    .answer-button {
        background-color: #007bff;
    }
    .answer-button:hover {
        background-color: #0056b3;
    }
.message {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
    background: #e5effc;
    padding: 10px;
    border-radius: 6px;
    color: #405a7d;
}















.login-container {
    text-align: center;
    margin: 20px 0;
}



.or-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}

.or-divider span {
    background: #fff;
    padding: 0 10px;
    font-size: 14px;
    color: #999;
    font-weight: bold;
}

.or-divider:before,
.or-divider:after {
    content: "";
    flex: 1;
    height: 1px;
    background: #ddd;
    margin: 0 10px;
}

.googleloginbutton {
    background: rgb(66, 133, 244); /* Google modrá */
    color: white !important;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.googleloginbutton i {
    margin-right: 10px;
    font-size: 18px;
}




















.node-listing-single .listing-top .listing-top-content .post-title {
    margin: 10px 0px 10px 0px;
    font-size: 50px;
    line-height: 65px;
    font-family: "Roboto Slab", "Rubik", sans-serif;
    font-weight: 300;
}



.lowertituleknode {
    font-size: 20px;
    margin: 0px;
    padding: 15px 0px 0px 0px;
    line-height: 16px;
}





.lowertitletextik {
    margin: 0px 0px 16px 0px;
    font-size: 21px;
    line-height: 31px;
    font-family: "Roboto Slab", "Rubik", sans-serif;
    font-weight: 500;
    padding: 10px 20px 10px 20px;
    border-radius: 4px;
    background: #f5f5f5;

    color: black;
    display: table;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209 213 219 / 34%) 0px 0px 0px 1px inset;
}
















.tentovycentruj {
    margin: 30px 0px 10px 0px;
    font-size: 50px;
    line-height: 65px;
    font-family: "Roboto Slab", "Rubik", sans-serif;
    font-weight: 300;

text-align: center}


.undertentovycentruj {
  margin: 0px 0px 20px 0px;
  font-size: 21px;
  line-height: 24px;
  font-family: "Roboto Slab", "Rubik", sans-serif;
  font-weight: 400;
  text-align: center;
  color: #aa0e0e;
}



.smallbeforenadpis {
    margin: 0px 0px -27px 0px;
    font-size: 13px;
    line-height: 18px;
    width: 100%;
    text-align: center;
    display: block;
    color: #a53005;
}





#claimthisprofilelisting {
    padding: 50px 0px 50px 0px;
    width: 49%;
    margin: 0px auto;
}













.fivestar-static-rating { margin: 0px 0px 10px 0px;}


.fivestar-widget .full-star, .fivestar-widget .empty-star {
    border: 1px solid #dee2e6;
    padding: 5px;
    background: #f5f5f5;
    border-radius: 4px;
    font-size: 23px;
   color: #f5840f;
}

.fivestar-widget .empty-star {
    color: #e0e0e0; /* Světle šedá pro prázdné hvězdičky */
}






.centertitle {
    text-align: center;
    font-size: 17px !important;
    line-height: 27px;
}




.lowertitlepart {
    font-size: 17px;
    margin: 0px;
    padding: 0px 0px 0px 5px;
    line-height: 26px;
    color: #333333e0;
}

.lowertitlepart.different111, .lowertitlepart.different222, .lowertitlepart.different333 {
    font-size: 15px;
    padding: 15px 20px 15px 20px;
    line-height: 24px;
    font-weight: 500;
    background: #f5f5f58c;
    border-radius: 6px;
        border: 1px solid #eff0f1;
}




.specialinformation {
    margin: 10px 0px 10px 0px;
    background: white;
    padding: 15px 15px 10px 15px !important;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    border-radius: 5px;
}



.specialinformation ul {margin: 0px 0px 0px 0px;   }
  
  
.specialinformation ul li

{  list-style-type: none;      padding: 0px 0px 5px 0px;}
    









.onlysubcategories {
    font-weight: normal;
    background: #fff1f1;
    display: table;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    border-radius: 5px;
    color: #490303;
     margin: 15px 0px 0px 0px;
}


.onlysubcategories {
    font-weight: normal;
}







.lowertitlepart.different222 {
    background: rgb(255 238 238);
    border: 1px solid #eddcdc;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #5f2626;
}

.lowertitlepart.different333 {
    color: #3f5951;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    
        border: 1px solid #b2dbce;
    background: rgb(203 235 225);
}



.lowertitlepart.different444, .lowertitlepart.different555 {
    margin: 20px 0px 0px 0px;
    padding: 20px 20px 20px 20px;
    font-size: 18px;
    line-height: 20px;
    border: 1px solid #d4e3ed;
    background: #eff5f9;
    color: #4d7893 !important;
}


.lowertitlepart.different555 {
    margin: 20px 0px 0px 0px;
    padding: 15px 20px 15px 20px;
    font-size: 16px;
    line-height: 23px;
    border: 1px solid #d5d1b7;
    background: #fffbd9;
    color: #351e13 !important;
    border-radius: 5px;
}



.lowertitlepart.different999 {
    background: #f9e4e4;
    /* border: 1px solid #eddcdc; */
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    color: #c10000;
    padding: 10px 15px 10px 15px;
    margin: 15px 0px 15px 0px;
    border-radius: 5px;
}






.smallpart111, .smallpart111 a {
    font-size: 12px;     padding-left: 0px;
    color: rgb(220,20,60) !important;
}

.smallpart222 {}

.smallpart333 {
    font-size: 11px;
    padding-left: 5px;
    color: rgb(70 145 118) !important;
}



.lowertitlepart.different111 strong { color: rgb(220,20,60) }



.lowertitlepart.undertitlepopisek {  font-size: 17px;line-height: 26px;}




.listing-right-floating .underdoctortitle {
    margin: 5px 0px 10px 5px;
    font-size: 12px;
    color: rgba(119,119,119,1);
    line-height: 17px;
}



.listing-right-floating .underdoctortitle------:before {
    content: "\f0c1";
    font-family: "FontAwesome";
    position: relative;
    left: 0px;
    top: 0px;
    padding-right: 10px;
}



.administrator .help {
    font-size: 11px;
    line-height: 14px;
    background-color: rgba(255, 255, 255, 1.00);
    position: fixed;
    bottom: 30px;
    right: 10px;
    width: 200px !important;
    border-radius: 10px;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}



.administrator .help .nav        {display: initial;}

.administrator .help .navul li   {padding-bottom: 8px;}




.gsc-heading .title {

    text-transform: initial;
}









.node-listing-single .listing-top .listing-top-content   { margin-top: 0px; padding-top: 30px; }


.node-listing-single .listing-top {
    background: white;
    margin: 0px 0px 30px 0px;
}






.node-listing-single .listing-top { background: white;}




#footer .contextual-links a { color: black}


.editnodebodyclass fieldset {
    border: 1px solid silver;
    background: white;
    padding: 40px;
}

.position-sticky thead {
    position: sticky;
    z-index: 500;
    top: initial;
}


.listing-content-main a, 
.listing-top-content a, 
.listing-nav a:hover, 

.gavias-content-builder .node--type-page a,
a.podtrzenyokaz, .listing-block a.podtrzenyokaz,
.node--type-article #page-main-content a,
.node-listing-single .col-xl-4 a,
.node-listing-single .col-xl-8 a {
     color: rgb(27 38 255);     color: rgb(51 58 203);
    text-decoration: underline;
    text-underline-offset: 0.21rem;
}







.onlytooltip {
    color: #9c591e;
    font-weight: normal !important;
    border-bottom: 1px dotted #9c591e;
    text-underline-offset: 0.21rem;
}




.listing-content-main a:hover, .listing-top-content a:hover { color: rgb(0,106,255); }

.node-listing-single .gallery-carousel-center .item .image-popup----- { margin-right: -45px;margin-top: -55px;font-size: 16px;}





.listing-image-floating .views-exposed-form {
    padding: 30px 30px 20px 30px;
    background: #f5f5f5;
    margin-top: 15px;
    border-radius: 8px;
    display: table;
    width: 100%;
}

.views-exposed-form .form-actions input.form-submit {
    float: right;
    display: table;
    padding: 4px 20px 5px 20px;
    background: #952923;
    color: white;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 5px;
}















#edit-combine---- {
  padding-left: 30px; /* Rezerva pro ikonu */
  position: relative; /* Důležité pro absolutní pozicování pseudoelementu */
}

#edit-combine----::before {
  content: "\f539"; /* Unicode pro ikonu lupy ve Font Awesome */
  font-family: "Font Awesome 5 Free"; /* Font Awesome family */
  font-weight: 900; /* Potřeba pro solid verzi ikon ve Font Awesome */
  position: absolute;
  left: 10px; /* Umístění ikony 10px od levého okraje */
  top: 50%; /* Umístění do středu vertikálně */
  transform: translateY(-50%); /* Vertikální vycentrování */
  color: #aaa; /* Barva ikony */
  font-size: 14px; /* Velikost ikony */
  pointer-events: none; /* Zabrání tomu, aby ikona byla interaktivní */
}







.listing-image-floating {
    width: 35%;
    float: left;
    padding: 18px;
    border-radius: 10px;

    border: 1px solid white;
    background: rgba(255,255,255,1);
    z-index: 10;
    position: relative;
    margin-bottom: 40px;

    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}


.listing-image-floating .view-content-2 { width: 100%;}


.listing-right-floating {
    width: 65%;
    float: right;
    padding: 10px 0px 0px 50px;
    margin: 0px 0px 30px 0px;
}



/* -------------------- MALIRI TOPPEST parametry  ----------------------- */

.node--type-maliri-lokalita .listing-image-floating {
    width: 31.2%;
    border-radius: 8px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}

.node--type-maliri-lokalita .listing-right-floating { width: 68.8%;}

/* -------------------- MALIRI TOPPEST parametry  ----------------------- */












.listing-image-floating.articlesidebar {
    width: 100%;
    padding: 0px;
    float: initial;
    margin: 0px 0px 20px 0px;
    border: none;
    box-shadow: none;
    background: none;
    padding: 15px;
    background: white;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
}





.listing-image-floating.articlesidebar.maliriimages { width: 100%;  padding: 0px;margin: 0px;border: none;background: initial;box-shadow: none;}


.listing-image-floating.articlesidebar.maliriimages .articlegallery {padding: 5px 0px 0px 0px !important;}




.streetviewimage img { opacity: 1;}







.listing-image-floating img { border-radius: 8px;margin: 0px;}





.flashingimages a img {
  opacity: 1;
  transition: opacity 0.2s ease; /* Rychlý přechod zpět */
}

.flashingimages a:hover img {
  opacity: 1;
  -webkit-animation: flash 0.2s ease-in-out 1;
  animation: flash 0.2s ease-in-out 1;
}

@-webkit-keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}

@keyframes flash {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}






.topimagewithtitle .flashingimages a img {
    opacity: 1;
    transition: none;
    padding: 15px;
    border-radius: 21px;
}



/* 
.topimagewithtitle .flashingimages a img {
  opacity: 1;
  transition: none;
}


.listing-block:hover .topimagewithtitle .flashingimages a img {
  filter: blur(5px); 
  transition: filter 0.3s ease; 
}

*/

















.articlegallery {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #e2e7ec;
  padding-bottom: 10px;
}

.lawyersspecialbox .articlegallery {
    border: none;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0px;
    margin-bottom: 10px;
}






.articlegallery .articleimage1 {
  width: 100%;
  margin-bottom: 10px;
}

.articlegallery .articleimage2,
.articlegallery .articleimage3,
.articlegallery .articleimage4, 
.articlegallery .articleimage5,
.articlegallery .articleimage6,
.articlegallery .articleimage7, 
.articlegallery .articleimage8,
.articlegallery .articleimage9,
.articlegallery .articleimage10, 
.articlegallery .articleimage11,
.articlegallery .articleimage12,
.articlegallery .articleimage13




{
  width: calc(33.3333% - 6.67px); /* Adjusted width to avoid overflow */
  margin-right: 10px;
}


.articlegallery .articleimage5,
.articlegallery .articleimage6,
.articlegallery .articleimage7, 
.articlegallery .articleimage8,
.articlegallery .articleimage9,
.articlegallery .articleimage10,
.articlegallery .articleimage11,
.articlegallery .articleimage12,
.articlegallery .articleimage13
{ margin-top: 10px;}



.articlegallery .articleimage4,
.articlegallery .articleimage7, 
.articlegallery .articleimage10,
.articlegallery .articleimage13


{
  margin-right: 0px; /* No margin on the last image */
}








.illustrativeonly {
    font-size: 11px;
    line-height: 15px;
    color: #999999;
    margin: 0px !important;
    padding: 0px 10px 0px 5px;
    text-align: right;
    width: 100%;
}







.share-article {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0px 0px 0px;
  justify-content: flex-end;
  border-bottom: 1px solid #e2e7ec;
  padding-bottom: 0px;
  border: none;
}


.share-article.inthebottom {
    margin: 50px 0px -10px 0px;
    border: none;
    padding: 0px;
}


.share-article.inthebottom.butonlylawyer {
    margin: 10px 10px 0px 0px;
    border: none;
    padding: 0px;
}


.share-article a i {
    font-size: 39px;
    color: #3795b9;
}

.share-article a:hover i {color: #c53434;}


.share-article .share-label {
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-right: 10px;
}

.share-article a {
  font-size: 1.5em;
  color: inherit;
  text-decoration: none;
      line-height: 1px;
}



.share-article a {display: inline-block; transition: color 0.3s ease, transform 0.3s ease;}
.share-article a:hover {color: #ff5722; animation: share-bounce 0.5s ease forwards;}

@keyframes share-bounce {
  0% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(-5px);
  }
  50% {
    transform: translateY(0);
  }
  70% {
    transform: translateY(-2px);
  }
  100% {
    transform: translateY(0);
  }
}

















/* -------------------- ARTICLE CATEGORY  ----------------------- */
/* -------------------- ARTICLE CATEGORY  ----------------------- */



.greenobal {
    padding: 7px 15px 7px 15px;
    margin: 10px 0px 10px 0px;
    border: 1px solid #9ed9ca;
    border-radius: 5px;
    background: rgb(209 243 234);
    color: #4c8575;
}










.path-clanky #content { background: rgb(240,240,240)}

.path-clanky .articletermpage .views-exposed-form .form-item { margin-bottom: 15px;float: left;}

.path-clanky .articletermpage h1 {
    margin: 0px 0px 0px 0px;
    padding: 40px 0px 40px 

}

.node--type-article .listing-other-6 a, .node--type-article .listing-other-6 {
    color: rgb(161 167 175) !important;
}


.listing-other-6 a.breadcrumbicon {
    padding: 5px 5px 5px 7px;
    border-radius: 5px;
    text-decoration: none !important;
    margin: 0px 4px 0px 4px;
    line-height: 25px;
    background: #f8fbff;
    border: 1px solid #ced1d5;
    color: #7f8c9f !important;
}

.listing-other-6 a.breadcrumbicon:hover { 
background: #f4f8fd;
    border: 1px solid #b0c0d5;
}






.articlessidebarpadding .owl-carousel.init-carousel-owl .owl-item { padding: 0px}
.articlessidebarpadding .post-block {box-shadow: none; border: 1px solid #bec5cb;}




.articletermpage .view-content-wrapper .view-content-1 {
    width: 100%;
    background: initial;
    border-radius: 8px;
    /* float: initial; */
    /* position: static !important; */
}

.articletermpage .view-content-wrapper .view-content-1 form {
    margin: 0px !important;
    padding: 30px;
    background-color: initial;
    display: table;
    border-radius: 8px; float: right
}

.articletermpage .view-content-wrapper .view-content-1 form #edit-actions { float: right}

.articletermpage .view-content-1 .form-actions .button.js-form-submit.form-submit { margin: 0px 0px 0px 10px;}





.articletermpage .view-content-wrapper .view-content-2       { width: 100%;}






.articletermpage .post-block {
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 8px;
    border: none;

}



.post-block .post-body {
    font-size: 16px;
    line-height: 19px;
    color: #6c757d;
    }



.articletermpage .post-block .post-image img { border-radius: 6px;}

.articletermpage .text-left {padding: 0px 5px 0px 5px;}





.articletermpage .post-block .post-title a {
    line-height: 28px;
    font-size: 21px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    /* border-bottom: 1px solid #dee2e6; */
    text-decoration: underline;
    text-underline-offset: 0.21rem;
    display: flex;
    align-items: center;
    min-height: 100px;
    color: rgb(32 66 195) !important;
}


.articletermpage .post-block .post-title a:hover { color: rgb(0,51,204) !important; } 
.articletermpage .post-block .post-categories a { color: #336699 !important;padding: 5px 0px 0px 0px;text-decoration: underline;}

.articletermpage .field--name-field-hodnoceni-clanku .fivestar-widget-5 {pointer-events: none;}
.articletermpage .description {display: none;}









.nobackgroundarticle {
padding: 15px 0px 0px 0px !important;
    border: none !important;
    background: initial !important; 
    width: 100% !important;
   box-shadow: none !important;
   margin-top: 30px !important; 
}




.nobackgroundarticle .articletermpage .post-block                       {display: table;}
.nobackgroundarticle .articletermpage .text-left                        { padding: 0px 0px 0px 30px;float: right;width: 70%;}
.nobackgroundarticle .articletermpage .post-block .post-image           { width: 30%; float: left;}
.nobackgroundarticle .articletermpage .post-block .post-image img       {width: auto;object-fit: cover;}

.nobackgroundarticle .articletermpage .post-block .post-title a {
    line-height: 34px;
    font-size: 24px;
    border: none;
    padding: 0px 20px 0px 0px;
    margin: 0px;
    color: rgb(32 47 107) !important;
    
    min-height: 80px;
}


.nobackgroundarticle .articletermpage .post-meta, .articletermpage .post-body        { display: none;}







/* --------------------  DIFFERENT ----- ARTICLES  ----------------------- */

.nobackgroundarticle.similararticlenobackground .articletermpage .post-block {
    background: #ffffff00;
    box-shadow: none;
    padding: 15px 15px 0px 15px;
}

.nobackgroundarticle.similararticlenobackground .articletermpage .post-block .post-image  { width: 40%;}

.nobackgroundarticle.similararticlenobackground .articletermpage .text-left               {width: 60%;}


.nobackgroundarticle.similararticlenobackground .articletermpage .post-block .post-title   {  margin-top: 0px;}


.nobackgroundarticle.similararticlenobackground .articletermpage .post-block .post-title a {
    /* all: unset; */
    cursor: pointer;
    line-height: 26px;
    font-size: 18px;
}



/* --------------------  DIFFERENT ----- ARTICLES  ----------------------- */






.owl-carousel .owl-nav > div { border-radius: 8px;}
.owl-carousel .owl-nav > div:hover {
    background: #a6c4e0;
}


/* -------------------- ARTICLE CATEGORY  ----------------------- */
/* -------------------- ARTICLE CATEGORY  ----------------------- */







.vylepsitclanek {
    margin: 20px 0px 20px 0px;
    padding: 15px;
    background: #000;
    color: #dee2e6 !important;
    width: 100%;
    display: block;
    border-radius: 8px;
    text-decoration: none !important;
    font-size: 17px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    text-transform: uppercase;
    text-align: center;
}





.node-listing-single .col-xl-8-----  { max-width: 70%;  flex: 0 0 70%;   padding-right: 40px;}
.node-listing-single .col-xl-4-----  { max-width: 30%;  flex: 0 0 30%;   padding-left: 30px; border-left: 1px solid rgb(240,240,240); }



.node--type-lawyers .node-listing-single .col-xl-8,
.node--type-webovku .node-listing-single .col-xl-8-----

{ max-width: 100%; flex: 0 0 100%;  padding-right: 40px;  padding: 0px;}


.node--type-lawyers .node-listing-single .col-xl-4,
.node--type-webovku .node-listing-single .col-xl-4-----
{ max-width: 20%;  flex: 0 0 20%;   padding-left: 30px;   border-left: 1px solid rgb(240,240,240); }






.gsc-icon-box.top-center { max-width: initial;}






.node--type-article .node-listing-single .col-xl-8 {
    padding: 40px;
    border: none;
    border-radius: 10px;
    background: white;
    max-width: 67%;
    flex: 0 0 67%;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
}


.node--type-article .node-listing-single .col-xl-4    {max-width: 33%;  flex: 0 0 33%; padding-left: 30px;     z-index: 1;}




.node--type-article .node-listing-single .commentblockmargin {
    padding: 0px;
    overflow: hidden;
}





.listing-image-floating---  { width: 35%; float: right;}
.listing-right-floating---  { width: 65%; float: left; padding: 10px 50px 0px 0px;}


.testovacibox { border: 1px solid rgb(225,238,246);background: rgb(236,245,244); padding: 40px; margin: 0px 0px 30px 0px; }


.listing-other-1 {
    border-top: 1px solid rgb(219 227 235);
    padding: 8px 10px 8px 10px;
    margin: 0px 0px 0px 0px;
    font-size: 14px;
}


.listing-other-1.noborderstyle {  border: none}



.listing-other-1.differentpaddingtop{ padding: 8px 0px 5px 0px;}




.listing-other-1.fortelephone { background: rgb(250,250,250)}  
.listing-other-2 {
    /* border-top: 1px solid rgb(224, 224, 224); */
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
}


.textunder {
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    color: #999999;
    background: #f5f5f585;
    width: 100%;
    padding: 13px 20px 13px 20px;
    margin: -1px -20px 0px -20px;
    width: calc(100% + 40px);
    border-bottom: 1px solid #c9d2db;
    border-top: 1px solid #c9d2db;
}


.textundernode {
    width: 100%;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    line-height: 18px;
    color: #6e939c;
    background: rgb(240,240,240);
    width: 100%;
    padding: 5px 18px 5px 18px;
    margin: -1px -19px -1px -19px;
    width: calc(100% + 38px);
    position: relative;
    border-top: 1px solid #b8d3da;
    border-bottom: 1px solid #b8d3da;
    background: #f0fcff;
}





.textundertermname {
    width: 100%;
    padding: 10px 20px 10px 20px;
    margin: -6px 0px -20px 0px;
    font-size: 13px;
    color: #485666;
    font-weight: normal
}

.textundertermname span {
    padding: 0px 6px 0px 0px;
    position: relative;
    top: 1px;
    /* font-size: 17px; */
}










.textunder strong {font-weight: 500;color: #a70d0d;}






.doctorshortcut {
    width: 100%;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 13px;
    line-height: 18px;
    color: black;
    display: block;
}


.listing-other-2 .doctorshortcut:first-of-type {
    border-top: 1px solid #e5e5e5;
    /* color: red; */
    padding: 10px 0px 10px 0px;
    margin: 10px 0px 0px 0px;

}

.doctorshortcut strong { color: black;}


.doctorshortcut .fas {
    font-size: 30px;
    position: relative;
    padding: 0px 15px 0px 9px;
    top: 2px;
    float: left;
    color: #336699;
}










.nobox, .yesbox {
    padding: 12px 15px;
    margin: 10px 0;
    border-radius: 5px;
    background: rgb(255 243 232);
    color: #c74040;    
    border: 1px solid #ebdbde;
}

.yesbox {
    background: #d1f3ea;
    color: #204e42 !important;
    border: 1px solid #9ed9ca;
    
    background: #d1f3ea96;
    border: 1px solid #c5e1da;
}




.nobox li, .yesbox li {
    line-height: 20px;
    list-style-type: none;
    font-size: 13px;
    position: relative;
    padding: 4px 0px 0px 25px;
}

.yesbox i, .nobox i {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    width: 20px; /* Šířka ikony */
    text-align: center; /* Zarovnání ikony */
    line-height: 29px; /* Vertikální zarovnání ikony */
}

.positive {
    color: green;
}

.negative {
    color: red;
}







.specialaccordion111 ul {
    padding: 7px 15px;
    margin: 20px 0px 20px 15px;
}

.specialaccordion111 ul li {
    line-height: 19px;
    position: relative;
    padding: 0px 0px 10px 0px;
}

.specialaccordion111  ul li .smallunderlist {font-size: 13px; padding: 4px 0px 0px 0px;}














.positivenegative {
    margin: 5px 0px 0px 0px;
    padding: 0px;
}

.positivenegative li {
    line-height: 14px;
    list-style-type: none;
    font-size: 13px;
    position: relative;
    /* float: left; */
    padding: 4px 10px 0px 25px;
}

.positivenegative i, .positivenegative i {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    width: 20px;
    text-align: center;
    line-height: 24px;
        font-size: 11px;
}









.gva-listings-full-page-2 #footer .view-content-wrapper .view-content-2 {  width: 100%; }








.povodne {
    padding: 20px 20px 20px 20px;
    margin: 10px 0px 10px 0px;
    border: 1px solid silver;
    border-radius: 5px;
    background: white;
    color: black;
    font-size: 15px
}




.povodneextrem {
    padding: 15px 20px 15px 20px;
    margin: 10px 0px 10px 0px;
    border: 1px solid #ffeb3b !important; /* Výrazná žlutá pro ohraničení */
    border-radius: 5px;
    background: rgb(255 251 171); /* Výrazná žlutá pastelová barva pro pozadí */
    color: #c74040;
}





.listing-other-5 {
    padding: 7px 15px 7px 15px;
    margin: 10px 0px 10px 0px;
    border: 1px solid #ebdbde !important;
    border-radius: 5px;
    background: rgb(255 243 232);
    color: #c74040;
}

.listing-other-5 {
    padding: 10px 15px 10px 15px;
    margin: 15px 0px 15px 0px;
    border: 1px solid #ebdbde !important;
    border-radius: 5px;
    background: rgb(255 243 232);
    color: #8a0f0f;
    font-size: 14px;
}





.listing-other-5 .specializationexplained {
    padding: 5px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
    border-top: 1px solid #f1cfcf;
    color: #741616;
    font-size: 12px;
    line-height: 16px;
}

.listing-other-5 .specializationexplained strong { font-weight: 500}


.listing-other-5 .specializationexplained------:before {
    content: "\f0c1";
    font-family: "FontAwesome";
    position: relative;
    left: 0px;
    top: 0px;
    /* font-family: "idealtheme"; */
    padding-right: 10px;
}












.listing-other-6----- {
    padding: 7px 15px 7px 15px;
    margin: 10px 0px 10px 0px;
    border: 1px solid #9ed9ca;
    border-radius: 5px;
    background: rgb(209 243 234);
    color: #4c8575;
}

.listing-other-6----- a {
  color: #366457;
  text-decoration: underline;
}


.listing-other-6----- {
    padding: 7px 15px 7px 15px;
    margin: 10px 0px 10px 0px;
    border: none;
    border-radius: 5px;

    color: silver;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    background: rgb(250,250,250);
}


.listing-other-6 {
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 10px 0px;
    border: none;

    color: #aaa; font-size: 14px
}





.listing-other-6 a {
  color: silver;
  text-decoration: underline;
}
  
  
  
  
  
  
  
  
.listing-other-8 {
    padding: 7px 15px 7px 15px;
    margin: 10px 0px 10px 0px;
    border-radius: 5px;
    
    border: 1px solid #d4e3ed;
    background: #eff5f9;
    color: black;
    
    border: none;
    background: initial;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    
}




.listing-other-8 a {
    color: #2f6689;
    text-decoration: none;
}
  
  
  
span.listing-other-8 { padding: 18px 15px 18px 15px; line-height: 1px}
  
  
  
span.listing-other-8.onlyanswer {
    background: #cd2323;
    color: #fff8f8;
}
  
  
  
  
  
  
  
  
  
  
  
  


.importanttext { font-size: initial}




.scroll-to-top, .scroll-to-top:focus {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 45px;
    height: 45px;
    background-color: #c6af85;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: white;
    font-size: 24px;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1000;
}
.scroll-to-top:hover  {
  background-color: black;    color: white; 
}

.scroll-to-top.visible {
  opacity: 1; 
}













.listing-other-1 .field__item, .listing-other-1 .field__items { float: right;padding: 0px 0px 0px 20px;width: 80%;text-align: right;}

.listing-other-1                  { display: flex;align-items: center;   }
.listing-other-1 .flexleft        { flex: 1; flex-grow: 1; flex-shrink: 1;flex-basis: 20%; }
.listing-other-1 .field__item, .listing-other-1 .field__items     { flex: 1; flex-grow: 1; flex-shrink: 1;flex-basis: 80%; text-align: right}





.listing-other-1 .flexleft {
    flex-grow: 0; /* Nebude růst */
    flex-shrink: 0; /* Nebude se zmenšovat */
    flex-basis: auto; /* Šířka bude automaticky přizpůsobena obsahu */
    white-space: nowrap; /* Zamezí zalamování textu */
}





.listing-rating       { float: left;}

.greyspan       { color: grey;}
.redspan        { color: rgb(187,79,66); font-size: bigger}




.claimthisprofilelisting {
  width: 100%;
  display: table;
  padding: 15px 10px 5px 20px;
  margin: 10px 0px 0px 0px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  border-radius: 5px;
  background: #f7f8f9;
}


.claimthisprofilelisting.insidelistings {
  padding: 15px 10px 5px 0px;
  margin: 15px 0px 0px 0px;
  box-shadow: none;
  border-radius: none;
  background: initial;
  border-top: 1px solid #e1e0e0;
}

.claimthisprofilelisting h3 { font-size: 16px; color: #21406b;}

.registrationlink a {
    padding: 10px 15px 7px 15px;
    margin: 0px 0px 10px 0px;
    line-height: 40px;
    padding: 0px 10px 0px 10px;
    width: auto;
    float: left;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    background: rgb(250,250,250);
    border-radius: 5px;
}

.registrationlink a { text-decoration: none !important}

.claimthisprofilelisting a:hover { }


.thisorthis {
  line-height: 40px;
  margin: 0px 0px 0px 10px;
  color: #757575;
  font-size: 13px;
  position: relative;
}

.googleloginlink      {  }
.googleloginlink img  {  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; border-radius: 5px}









.node-listing-single .listing-nav .listing-nav-inner .listing-nav-inner-inner {
    background: #fafbfc;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    background: #323647;
}



.node-listing-single .listing-nav .listing-nav-inner:after                             { box-shadow: none;}
.node-listing-single .listing-nav.is-fixed .listing-nav-inner .listing-nav-inner-inner { border-top: none;}
.node-listing-single .listing-nav                                                      { border: none;}






.node-listing-single .listing-nav .listing-nav-inner ul > li           { padding: 0px 10px 0px 0px;}

.node-listing-single .listing-nav .listing-nav-inner ul > li a {
    text-transform: initial;
    font-size: 15px;
    color: #2229c1;
    text-decoration: underline;
    text-underline-offset: 0.21rem;
    color: white;
}

.node-listing-single .listing-nav .listing-nav-inner ul > li a:hover {
    color: #336699;
    text-decoration: underline;
    color: white;
}












/* -------------------- FIVESTAR ----------------------- */

.fivestar-average-text            {margin: 0px 0px 0px 0px; }



.gva-map-content-popup .field--name-field-star-rating .description    { display: none !important}



.fivestar-widget-5, .field--name-field-star-rating .description    { padding: 13px; width: auto; float: left; border-radius: 4px; 
box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; background: rgb(250,250,250)}

.field--name-field-star-rating .description, .field--name-field-hodnoceni-clanku .description {
    border-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 8px 10px 7px 10px;
    border-left: 1px solid white;
    color: rgb(32 90 135 / 80%);
    font-size: 15px;
    height: 41px;
    background: white;
}


.field--name-field-hodnoceni-clanku .description { float: right }




.fivestar-form-1 .total-votes {
    color: #757575;
    font-size: 11px;
    padding-left: 5px;
}


/* -------------------- FIVESTAR ----------------------- */


#edit-comment-body-0-format { display: none }

ul.listing-socials { margin: 0px; padding: 0px;}

ul.listing-socials.faqsocial        { margin: 0px; padding: 0px; display: table}

ul.listing-socials.faqsocial > li   { margin: 0px 5px 5px 0px;}

ul.listing-socials.faqsocial > li a {
    padding: 5px 5px 5px 14px;
    background: #f5f5f5;
    text-decoration: none !important;
    font-size: 14px;
    color: black; 
}

ul.listing-socials.faqsocial > li a:hover { background: #f5f5f5; box-shadow: rgba(50, 50, 93, 0.35) 0px 2px 5px -1px, rgba(0, 0, 0, 0.4) 0px 1px 3px -1px; }












ul.listing-socials > li { float: left; margin-right: 10px; list-style-type: none;}
ul.listing-socials > li a {
    padding: 5px 2px 5px 5px;
    border-radius: 4px;
    background: #f5f5f5;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    color: #1e6081;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}


ul.listing-socials > li a:hover    { background: rgb(176,196,222); box-shadow: rgba(0, 0, 0, 0.32) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; color: #1e6081;}
ul.listing-socials > li a i {
    font-size: 15px;
}

.field__item ul.listing-socials {float: right;}






.listing-other-1.onlymobile {border: none;}
ul.listing-socials > li a {padding: 10px 7px 10px 10px;}













ul.listing-socials.socialsidebar          { margin: 26px 0px -50px -40px;position: absolute;z-index: 1;}


ul.listing-socials.socialsidebar > li     { float: initial}

ul.listing-socials.socialsidebar > li a {
    width: 45px;
    height: 45px;
    margin: 0px 0px 5px 0px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.18) 0px 0px 0px 1px;
    color: #336699;
    background: rgb(236 246 255);
    
    
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    border: 1px solid #cddff1;
    
    
    background: rgb(244 250 255);
    border: none;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgb(0 25 69 / 13%) 0px 0px 1px 1px;
}

ul.listing-socials.socialsidebar > li a:hover {
    background: rgb(221 239 255);
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgb(0 25 69 / 20%) 0px 0px 1px 1px;
}


ul.listing-socials.socialsidebar.verticalinside         {margin: 0px 0px 0px 0px;position: initial;


}

ul.listing-socials.socialsidebar.verticalinside > li a {
    width: initial;
    display: inline-block;
    height: initial;       padding: 5px 15px 5px 10px;
}


ul.listing-socials.socialsidebar.verticalinside .socdesc {
    font-size: 11px;
    line-height: 14px;
    padding: 5px 10px 20px 5px;
    margin: 0px;
    color: grey;
}









/* -------------------- SEARCH AUTOCOMPLETE  ----------------------- */
/* -------------------- SEARCH AUTOCOMPLETE  ----------------------- */



.searchautocomplete   
{ padding: 20px;border: none !important;border-radius: 5px; background: rgb(250,250,250);box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;}



.searchautocomplete.onnodeeditpage {
    padding: 20px;
    border: none !important;
    border-radius: 5px;
    background: rgb(255 206 117);
    box-shadow: rgb(145 126 32 / 2%) 0px 1px 3px 0px, rgb(173 143 58 / 15%) 0px 0px 0px 1px;
    width: 75%;
    margin: 0px auto;
    margin: 0px auto;
    padding: 0px;
    background: initial;
    box-shadow: none;
}




.searchautocomplete.onnodeeditpage label {
    font-weight: bold;
    margin: 0px 0px 5px 10px;
    display: table;
    font-size: 24px;
}




.searchautocomplete.onnodeeditpage input {  margin: 0px 0px 40px 0px; background: #feffa5; padding: 15px 20px 15px 20px; font-size: 20px;}







.searchautocomplete.special111 {
    padding: 0px;
    border: none !important;
    border-radius: 5px;
    background: initial;
    box-shadow: none;
    margin-bottom: 15px;
}

.searchautocomplete.special111 input {
  background-color: #f5f5f5; 
}

.searchautocomplete.special111 input::placeholder {
  color: silver !important ; 
  opacity: 1; 
}







.searchautocomplete label   { font-weight: 500 }
.searchautocomplete p       { padding: 10px 0px 10px 0px; color: grey; font-size: 14px; line-height: 18px}

.searchautocomplete input {width: 100%; padding: 14px;border: none !important;border-radius: 5px; background: white;
box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.32);
}







.searchautocomplete .icon {
    position: relative;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #212529;
    font-size: 22px;
}













.listing-nav .searchautocomplete {
    padding: 0px;
    border: none !important;
    background: initial;
    box-shadow: none;
    /* float: left; */
    margin: -11px 0px -10px 0px;
    /* overflow: hidden; */
    float: right;
    width: 45%;
}


.listing-nav .searchautocomplete input {
    width: 100%;
    padding: 10px;
    border: none !important;
    border-radius: 5px;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.32);
}







.searchautocomplete.searchinbox         { all: unset;margin: 0px 0px 20px 0px;display: table; width: 100%;}





.seznamnejvetsichmest {
    margin: 0px 0px 20px 0px;
    width: 50%;
    float: left;
}


#footer .footerboxtext.imageinsidefooter {
    text-align: center;
    margin: 20px 0px 0px 0px;
    padding: 10px 20px 10px 10px;
    border-radius: 8px;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}



.searchautocomplete.searchinbox.footeronly {
    margin: 0px 0px 20px 0px;
    padding: 30px 30px 20px 30px;
    display: table;
    width: initial;

    border-radius: 8px;
    background: rgb(34 38 56);    
    background: #f5f5f5;
           
}


#footer .searchautocomplete.searchinbox.footeronly .block-title span {
    color: #323647 !important;
}





.searchautocomplete.searchinbox input   {width: 100%;  background-color: #f5f5f5;}

.searchautocomplete input::placeholder { color: silver}




.ui-widget.ui-widget-content.ui-autocomplete {
    background: white;
    border: none;
    border-radius: 10px;
    min-width: 300px;
    max-width: 100%;
    padding: 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
    font-family: "Rubik", sans-serif;
    overflow: hidden;
    
    max-height: initial !important;
}


.ui-widget.ui-widget-content----, #ui-id-2-----   {  display: block !important}

                                      


.search-111 {padding: 0px 0px 0px 0px !important;font-size: 16px;font-weight: normal;line-height: 24px;color: black; }
.search-222 {padding: 0px 0px 0px 0px !important;font-size: 13px;font-weight: normal;line-height: 17px;     color: rgb(87 149 112);}

.search-222  i { font-size: 13px; }




.search-111.maliri { border: 1px solid rgb(210,180,140); background: rgb(250,250,210); padding: 7px 15px 7px 15px !important; border-radius: 6px;

border: 1px solid rgb(223,210,186); background: rgb(243,236,223); color: rgb(128,96,127)
}








.search-111.attorneyicon i { color: rgb(0,102,153)}
.search-111.lawtypeicon i  { color: rgb(0,204,153)}



.search-111 .fa-person  { }
.search-111.maliri i { color: rgb(218,165,32)}










span.ui-autocomplete-field-term    { color: rgb(65,105,225);}
span.search111category             { color: #999999;}


.node-listing-single .listing-content-main .listing-info-block {
    padding: 0px;
    border-radius: 8px;
    margin: 40px 0px 40px 0px;
    width: 100%;
    overflow: hidden;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
    
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}





.node-listing-single .listing-content-main .listing-info-block .block-content {
    padding: 20px;
    display: table;
        width: 100%;
}



.node-listing-single .listing-content-main #listing-comment .block-content { display: block;}








.node-listing-single .listing-content-main .listing-info-block .block-content.blockbackgroundimage111------- {
    padding: 20px;
    display: table;
    width: 100%;
    background-image: url('/images/webovku-background-----111.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

















.node-listing-single .listing-content-main .listing-info-block.listing-comment {
    margin: 20px 0px 20px 0px;
    box-shadow: none;
    padding: 20px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}



.node-listing-single .listing-content-main .ontheright {
  font-size: 13px;
  line-height: 18px;
  color: gray;
}

.node-listing-single .listing-content-main .ontheright h3.ontherightsubtitle {
  font-size: 18px;
  margin: 15px 0px 5px 0px;
}











                            
.js input.form-autocomplete      { background-position: 98% center !important;}


.ui-menu .ui-menu-item 
{ transition: all 100ms ease-in-out; margin: 0px; padding: 10px 20px 10px 20px; cursor: pointer;   background: white;color: black;font-size: 16px; border-bottom: 1px solid rgb(240,240,240); border-left: 7px solid white }
    
    



.ui-menu-item:hover {
    border-left: 7px solid rgb(249 224 101);
    background: rgb(250,250,250);
    position: relative;
    transition: all 100ms ease-in-out;
}




.ui-autocomplete-field-group  { display: none }

.ui-menu .ui-menu-item a:not([href]):not([tabindex]):hover, .ui-menu .ui-menu-item a:not([href]):not([tabindex]):focus {background: initial}
.ui-menu .ui-menu-item-wrapper { position: relative;padding: 0px;}

.autocomplete-results                    { transition: opacity 5s ease-in-out;opacity: 0; }

















/* -------------------- SEARCH AUTOCOMPLETE  ----------------------- */
/* -------------------- SEARCH AUTOCOMPLETE  ----------------------- */


.node-listing-single .listing-content-main .listing-info-block .title {
    padding: 20px 30px;
    
    background: #f8f4f4;
}


.node-listing-single .listing-content-main .listing-info-block .title i {
    margin: 0px 0px 0px 0px;
    color: #212529;
    top: 0px;
    position: relative;
}





.node-listing-single .listing-content-main .listing-info-block .floatingtitle .title { padding: 0px; background: initial; border: none}

 

.node-listing-single .listing-content-main .listing-info-block .title.sidebaronly     { background: #336699; }
.node-listing-single .listing-content-main .listing-info-block .title.sidebaronly h2  { color: #e0edf5; }


.node-listing-single .listing-content-main .listing-info-block .title h2 .smallunderboxtitle {
    font-size: 12px;
    line-height: 17px;
    color: rgb(154 185 212);
    font-weight: normal;
    padding: 5px 0px 0px 0px;
    margin: 0px;
}

.node-listing-single .listing-content-main .listing-info-block .title h2 .smallunderboxtitle a { color: rgb(154 185 212);}


.listing-content-main h2 {
    font-size: 40px;
    line-height: 50px;
    font-family: "Roboto Slab", "Rubik", sans-serif;
    font-weight: 300;
}

.listing-content-main h2 span {
    font-size: 15px;
    line-height: 45px;
    /* font-family: "Roboto Slab", "Rubik", sans-serif; */
    font-weight: 500;
}



.listing-content-main h4 { font-size: 1.3rem; margin: 0px }

.listing-content-main h3 {
    font-size: 20px;
    margin: 20px 0px 10px 0px;
}



.circle-image {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    margin-top: -36px;
    background: white;
    border: 10px solid #e8eff2;
}



.circle-image.biggercircleimage {
    width: 200px;
    height: 200px;
    margin-top: -51px;
    z-index: 1;
    position: relative;
    background: white;
    border: 15px solid #f8f4f4;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}



.circle-image.imagewebform {
    margin-top: -65px;
    background: #f5f5f5;
    border: 10px solid #f5f5f5;
}








.number-circle {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    background-color: #fafbfc;
    color: #212529;
    border-radius: 50%;
    font-size: 26px;
    font-weight: bold;
    margin-right: 10px;
    text-align: center;
    line-height: 1;
    /* border: 1px solid silver; */
    background: rgb(232 239 242);
    /* border-radius: 6px; */
    /* border: 1px solid #d0dbe0; */
    /* border: 1px solid #cdad9f; */
    background: #3dce90;
    color: #f5f5f5;
}


.subheading {
  font-size: 18px; /* Velikost písma podnadpisu */
  margin: 10px 0; /* Odstup nad a pod podnadpisem */
  display: flex;
  align-items: center;
}

















/* -------------------- OFFICE HOURS  ----------------------- */

.office-hours        { font-size: 17px; padding: 0px 0px 0px 0px; margin: 10px 0px 10px 0px; color: black; width: 100%}

.listing-other-2 .views-element-container { width: auto;float: right;margin: 20px 10px 10px 20px;}


a.currentlyopen {
    width: auto;
    color: rgba(0, 0, 0, 1.00) !important;
    text-decoration: none !important;
    padding: 12px 12px 12px 12px;
    border: none;
    border-radius: 5px;
    background: #f5f5f5;
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}



























.currentlyclosed {
    padding: 10px 20px 10px 20px;
    border: none !important;
    border-radius: 5px;
    background: rgb(255 243 232);
    color: #c74040;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}  

.office-hours-status {
    padding: 10px 20px 10px 20px;
    margin: 10px 0px 10px 0px;
    border: none !important;
    border-radius: 5px;
    background: rgb(255 243 232);
    color: #c74040;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}





.office-hours-status.office-hours-status--open::before {
    content: "\f185";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 5px;
    color: #d15959;
}



.office-hours-status.office-hours-status--closed {
    background: #def9ef;
    color: #507b6b;
}

.office-hours-status.office-hours-status--closed::before {
    content: "\f186";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 5px; 
    color: #507b6b;
}



table.office-hours__table td.office-hours__item-comments {
    font-weight: normal;
    font-size: 14px;
    color: grey;
}







/* -------------------- OFFICE HOURS  ----------------------- */



/* -------------------- TABLE TABLES TABLE   ----------------------- */
/* -------------------- TABLE TABLES TABLE   ----------------------- */
/* -------------------- TABLE TABLES TABLE   ----------------------- */
/* -------------------- TABLE TABLES TABLE   ----------------------- */
/* -------------------- TABLE TABLES TABLE   ----------------------- */
/* -------------------- TABLE TABLES TABLE   ----------------------- */
/* -------------------- TABLE TABLES TABLE   ----------------------- */
/* -------------------- TABLE TABLES TABLE   ----------------------- */
/* -------------------- TABLE TABLES TABLE   ----------------------- */
/* -------------------- TABLE TABLES TABLE   ----------------------- */
/* -------------------- TABLE TABLES TABLE   ----------------------- */
/* -------------------- TABLE TABLES TABLE   ----------------------- */

.listing-info-block table {
    margin: 30px 0px 30px 0px;
    cursor: help; 
    border: 1px solid rgb(245,245,245);      border-top: none;
    font-size: 14px;
    width: 100% !important;
    border-right: none;
    border-left: none;
    font-family: 'Roboto Slab',sans-serif;
    color: black
}

.listing-info-block table p { padding: 0px; margin: 0px;}


.listing-info-block table .tabledescription {
    padding: 3px 0px 0px 0px;
    margin: 0px;
    font-size: 12px;
    line-height: 17px;
    color: #757575;
}


/* ---------table SPECIFICS ---------- */

.listing-info-block table.secondcoltable  {font-size: 18px; font-family: 'Roboto',sans-serif;}


.secondcoltable tr td:nth-child(2), 
.secondcoltable tr th:nth-child(2) { font-size: initial}

.listing-info-block table.office-hours__table {font-size: 16px;font-weight: 500;}

.listing-info-block table.office-hours__table .office-hours__item-label {
    font-weight: 500;
    color: #0c3378;
}

/* ---------table SPECIFICS ---------- */


.listing-info-block table td {
    padding: 10px 10px 10px 10px;
    vertical-align: middle;
    border: none;border-bottom: 1px solid #E7E7E7; 
    transition: all 200ms ease-in-out;
    line-height: 21px
}



/* -------------- different tables ------------ */
.content-main .listing-image-floatingtable      { margin: 10px 0px 0px 0px;}


.content-main .listing-image-floating table  {border: none;     font-size: 14px; color: black}

.content-main .listing-image-floating table th {
    padding: 10px 10px 10px 10px;
    border: none;
    border-bottom: 1px solid #dee2e6;
    font-weight: 500;
    background: #f5f5f5;
}


.content-main .listing-image-floating table td {
    padding: 7px 10px 7px 10px;
    line-height: 19px;
    border: none;
    border-bottom: 1px solid #ddd;
}

table tr.zlutyradek td { background: rgb(255,255,204) }





table caption {
    color: #757575;
    text-align: left;
    caption-side: bottom;
    padding: 5px 10px 5px 10px;
    line-height: 20px;
    border: none;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    background: #f5f5f5;
}




#hypoteka-form {
    margin: 10px 0px 0px 0px;
    padding: 20px;
    background: #f5f5f5;
    /* border-radius: 8px; */
}





#calculationresults h3 { font-size: 16px; margin: 0px 0px 10px 9px;}

.dynamic-table {
    margin: 10px 0px 0px 0px;
    padding: 10px 10px 5px 10px;
    background: #f5f5f5;
}



#hypoteka-form div {
    margin-bottom: 10px;
}

#hypoteka-form label {
    display: block;
    margin: 0px 0px 3px 5px;
    font-weight: 500;
}
#hypoteka-form select,
#hypoteka-form input {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#hypoteka-form button {
    padding: 10px 15px;
    background-color: #4d729a;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
}
#hypoteka-form button:hover {
    background-color: #0056b3;
}














/* -------------- different tables ------------ */


.listing-info-block table td a {  color: rgb(0,0,255);}


.listing-info-block table th {
    padding: 10px 15px 10px 15px;
    color: black;
    font-weight: 400;
    border: none;
    border-bottom: 1px solid #E7E7E7;
    background: #f5f5f5;
    font-size: 16px;
    line-height: 20px;
}

.listing-info-block table th:nth-child(2n) {
    background: rgb(192 239 223);
    color: #487b69;
}

.listing-info-block table th a             { color: white;}
.listing-info-block table td a:hover       { color: rgb(0,0,255); text-decoration: underline}
.listing-info-block table tr>td            { transition: all 200ms ease-in-out;}



.listing-info-block table.nopaddingtable               { margin: 0px;}
.listing-info-block .nopaddingtable th                 { padding: 3px 15px 3px 15px; font-size: 14px; background-color: initial}


table.smallrowstable td                 { padding: 5px 10px 5px 10px;}
table.smallrowstable tr td:first-child  {  color: rgba(119,119,119,1)}







table.smallrowstable                  {    border-collapse: separate;         overflow-x: auto; display: block;}

table.smallrowstable td                 { border: none !important}


table.smallrowstable th {
    font-size: 18px;
    border: none !important;
    background: initial;
}

table.smallrowstable td.part111 {
    padding: 15px 15px 15px 15px;
    font-size: 19px;
    color: #385567 !important;
    background: #ecf0f3;
    border-radius: 8px;
    line-height: 24px;
}

table.smallrowstable td.part111.justsecondrow {
    background: #e7d8e7;
    color: #68366b !important;
}


table.smallrowstable .part000                 { padding: 5px 0px 0px 0px; }


table.smallrowstable td.differentcolor111 {
    color: #2a455d !important;
    background: #94b7d5;
}
table.smallrowstable td.differentcolor222 {
    color: #fff !important;
    background: #c71919 !important;
}















table.smallrowstable td.part222 {
    padding: 5px 10px 5px 10px;
    padding: 0px;
    text-align: right;
    white-space: nowrap;
    line-height: 24px;
}






table.smallrowstable td.part333 {
  padding: 5px 10px 20px 10px;
    
      
  display: block;       
}









table.smallrowstable td.part222 {
    display: block;
    height: 100%;
    text-decoration: none;
    padding: 15px 25px 15px 25px;
    box-sizing: border-box;
    text-align: center;
    font-size: 20px;
    border-radius: 8px;
    margin-left: 10px;
    background: #f5f5f5;
    color: #327fc3;
    background: rgb(31 177 96);
    color: rgba(255, 255, 255, 1);
}






table.smallrowstable td.part222 a {
    display: block;
    text-decoration: none;
    color: inherit;
}




table.smallrowstable td.part222 a.highlight000 {
    background: rgb(255, 204, 0);
    color: rgba(255, 255, 255, 1);
    color: #472303;
}

table.smallrowstable td.part222 a:hover {color: white;background: rgb(31 116 177);}
table.smallrowstable tr:hover>td.part111        { background: #c8e7ff;     color: #385567 !important;}


table.smallrowstable .tableexplained td {
    padding: 10px 15px 10px 15px;
    font-size: 14px;
    color: #3f5b6c !important;
    background: #f5f5f57a;
    border-radius: 8px;
    line-height: 21px;
    border: 1px solid #dee2e6 !important;
}

table.smallrowstable .tableexplained td {
    color: #66693e !important;
    background: #f6ff837a;
    border: 1px solid #dde38c !important;
}











/* -------------------- TABLE TABLES TABLE   ----------------------- */
/* -------------------- TABLE TABLES TABLE   ----------------------- */
/* -------------------- TABLE TABLES TABLE   ----------------------- */
/* -------------------- TABLE TABLES TABLE   ----------------------- */
/* -------------------- TABLE TABLES TABLE   ----------------------- */
/* -------------------- TABLE TABLES TABLE   ----------------------- */
/* -------------------- TABLE TABLES TABLE   ----------------------- */
/* -------------------- TABLE TABLES TABLE   ----------------------- */
/* -------------------- TABLE TABLES TABLE   ----------------------- */
/* -------------------- TABLE TABLES TABLE   ----------------------- */
/* -------------------- TABLE TABLES TABLE   ----------------------- */
/* -------------------- TABLE TABLES TABLE   ----------------------- */

.pager ul.pager__items, #pagination-heading--2     { margin: 30px 0px 30px 0px;}

.pager ul.pager__items > li a    { text-decoration: none; color: #5c7387;}


.pager ul.pager__items > li.is-active a, .pager ul.pager__items > li a:hover,
.pager ul.pager__items > li.is-active a, .pager ul.pager__items > li a:hover {
    background: #e4efff;
    color: #434f5f;
    border-color: #b6c2d1;}


.similarzprostredkovatel .pager__item--first, .similarzprostredkovatel .pager__item--last, .similarzprostredkovatel .js-hide    { display: none !important}


.similarzprostredkovatel .googlemapka       { display: table; margin: 0px 0px 10px 0px; width: 100%}
.similarzprostredkovatel .googlemapka img {
    float: left;
    margin: 0px 15px 0px 0px;
    border-radius: 10px;
}





.similarzprostredkovatel .radek-000       { padding: 10px 0px 0px 0px; margin: 0px; font-size: 18px }
.similarzprostredkovatel .radek-000 span  { font-size: 11px; color: grey }

.similarzprostredkovatel .radek-111 {
    padding: 0px 0px 10px 0px;
    margin: 0px;
    font-size: 12px;
    line-height: 15px;
    color: grey;
}







































/* -------------------- MAP PROFILES   ----------------------- */


#listing-main-map .leaflet-popup-content-wrapper .leaflet-popup-content    { min-width: 200px; max-width: 350px; }


#listing-main-map .leaflet-popup-content-wrapper {
    border-radius: 10px;
    overflow: hidden;
    text-align: left;
    cursor: initial;
    padding: 0px;
}




#listing-main-map .leaflet-popup-content-wrapper .leaflet-popup-content .gva-map-content-popup .content-inner a.title {
    font-weight: 400;
    font-size: 14px;
    padding: 8px 10px 8px 10px;
    background: #daedf5;
    text-decoration: none;
    display: block;
    font-size: 22px;
    line-height: 27px;
    border-radius: 6px;
    margin-bottom: 5px;
}

#listing-main-map .leaflet-popup-content-wrapper .leaflet-popup-content .gva-map-content-popup .content-inner a.title.popupgreencolor {
    background: #cdf1e4;
    color: #266f55;
    font-size: 14px;
    line-height: 24px;
}

#listing-main-map .leaflet-popup-content-wrapper .leaflet-popup-content .gva-map-content-popup .content-inner a.title.popupdescription {
    background: rgb(243 243 243);
    color: rgba(0, 0, 0, 1.00);
    font-size: 13px;
    line-height: 23px;
}
.popupikonky {
    font-size: 22px;      padding: 15px 15px 15px 15px;
}



.main-map-wrapper.d-lg-block {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}








#listing-main-map .leaflet-popup-content-wrapper .leaflet-popup-content .gva-map-content-popup .content-inner a.title:hover {background: rgb(51,102,153); color: rgb(240,248,255)}




.specialtaxonomypage #listing-main-map .leaflet-popup-content-wrapper .leaflet-popup-content {
    min-width: 330px;
    max-width: 330px;
}






.leaflet-container a.leaflet-popup-close-button {
    top: -1px;
    right: 8px;
    font: 55px/18px Tahoma, Verdana, sans-serif;
    color: #212529;
    font-size: 30px;
}



.leaflet-popup-pane .content-inner span {
    border-bottom: 1px solid rgb(240,240,240);
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 5px 0px;
    font-size: 14px !important;
    color: #757575;
    font-weight: normal;
    font-family: "Rubik", sans-serif;
    display: block;
}   

.leaflet-popup-pane .content-inner span.phone a { font-size: 17px !important; color: #b32e27;}



.leaflet-popup-content-wrapper-------- .image img {
    vertical-align: top;
    max-width: 70%;
    width: 30%;
    height: auto;
    border-radius: 50%;
    object-fit: cover;
    margin: 6px 0px 0px 0px;
    z-index: 5000;
    border: 1px solid #f5f5f5;
    box-shadow: inset rgba(60, 70, 85, 0.5) 0px 0px 40px 0px, inset rgba(60, 70, 85, 0.5) 0px 0px 40px 0px, inset rgba(0, 0, 0, 1) 0px 0px 36px -24px;
}


.leaflet-popup-content-wrapper .image img {
    vertical-align: top;
    height: auto;
    z-index: 5000;
    box-shadow: inset rgba(60, 70, 85, 0.5) 0px 0px 40px 0px, inset rgba(60, 70, 85, 0.5) 0px 0px 40px 0px, inset rgba(0, 0, 0, 1) 0px 0px 36px -24px;
}


.leaflet-popup-content-wrapper .podtrzenyokaz.blokovylinknamape { display: block; text-decoration: none; margin: 0px;  padding: 5px 0px 5px 5px; border-bottom: 1px solid rgb(240,240,240); font-size: 17px}

.leaflet-popup-content-wrapper .podtrzenyokaz.blokovylinknamape:hover { background: rgb(225,240,247)}

.leaflet-popup-content-wrapper .podtrzenyokaz.blokovylinknamape .fas {font-size: 14px;  padding: 0px 3px 0px 3px;}


.leaflet-popup-content-wrapper .mapanadpis {
    font-size: 19px;
    color: black;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 5px;
    border-bottom: 1px solid #f0f0f0;
}

.leaflet-popup-content-wrapper .mapanadpis .undermapnadpis {
    font-size: 12px !important;
    color: grey;
    margin: -4px 0px 0px 1px;
    padding: 0px;
    border: none;
}






/* -------------------- COMMENTS COMMENTS KOMENTARE KOMENTARE   ----------------------- */
.latestcommenthighlight {
    padding: 10px 0px 10px 0px;
    border-radius: 8px;
    margin: 10px 0;
    padding: 20px 30px 20px 30px;
    width: 100%;
    border: 1px solid #e3e9ed;
    background: #f9f9f994;
    color: #4d7893 !important;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}         
                
                
                
                
.widelinkbutton {
    text-transform: uppercase;
    font-size: 15px;
    padding: 12px 10px 12px 10px;
    background: #d9effb;
    color: #376883 !important;
    margin: 0px 0px 0px 0px;
    width: 100%;
    text-align: center;
    display: table;
    border-radius: 4px;
}


      
      
                
                
                                      
.latestcommenthighlight .recentcomment                       { width: 100%; padding: 0px 0px 5px 0px; display: table; }
.latestcommenthighlight .recentcomment strong                { float: left; padding: 0px 20px 0px 0px; font-size: 13px; }
.latestcommenthighlight .recentcomment .fivestar-none-text   { float: right; }


.latestcommenthighlight .recline1         { font-size: 20px; line-height: 30px; color: silver; padding: 0px 0px 10px 0px;}
.latestcommenthighlight .recline5         { font-size: 13px; line-height: 18px; color: rgba(119,119,119,1); padding: 0px 0px 10px 0px;}
.latestcommenthighlight .recline6         { font-size: 14px;line-height: 18px;padding: 13px 0px 0px 0px;margin: 10px 0px 0px 0px;border-top: 1px solid #c9d2db; text-align: right;}

.latestcommenthighlight .recline1 span    { font-size: 13px;color: #757575;padding-left: 10px;}






.comment {
    border-bottom: 1px solid #dee2e6;
    padding: 20px 0px 40px 0px;
    margin: 0px 0px 20px 0px;
    display: block;
}




.node--type-article .comment { padding: 10px; border: none}



.comment .links.inline li--------- {
    margin: 0px 0px 0px 5px;
    background: #f5f5f5bf;
    border-radius: 5px;
    padding: 5px 8px 5px 8px !important;
    border: 1px solid #dee2e6;
}

.comment .links.inline li a   { font-size: 15px; text-transform: initial}
.comment .links.inline li a i {font-size: 13px; margin-right: 1px;}


       
.COMMENTDOTAZ .ratingambalaz {  }


/* -------------------- COMMENT FORM  ----------------------- */
/* -------------------- COMMENT FORM  ----------------------- */

#comment-form fieldset:not(.fieldgroup) {
    background: #f8f4f4;
    border: 1px solid #dee2e6;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 10px 20px 0px 20px;
    margin: 5px 0px 5px 0px !important;
    border-radius: 6px;
}

#comment-form fieldset:not(.fieldgroup) legend {
    font-size: 11px;
    margin: 0px 67px 0px 10px;
    width: initial;
    text-align: right;
    /* font-weight: bold; */
    text-transform: uppercase;
}








#comment-form .js-form-item-mail, #comment-form .js-form-item-name { float: left; width: 50%; padding: 0px; margin: 0px}

#comment-form .js-form-item-mail input, #comment-form .js-form-item-name input {
  border-radius: 6px;
  width: 90%;
  border: none;
  background: #fafafa;
  border: 1px solid #dfdddd;
  height: initial;
  padding: 10px 15px;
  margin-bottom: 20px;
}


#comment-form .js-form-item-homepage, #comment-form .js-form-item-mail .description { display: none}





#comment-form .ck-rounded-corners {border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}


.node-listing-single .listing-content-main .listing-info-block.listing-comment .block-content { padding: 20px 0px 20px 0px;}


.node-listing-single .listing-content-main .listing-info-block.listing-comment .title {
    border-radius: 5px;
    display: table;
    background: #f8f4f4;
    border: 1px solid #dee2e6;
    width: 100%; margin-bottom: 10px;
}

.node-listing-single .listing-content-main .listing-info-block.listing-comment .title h2 {
    font-size: 1.7rem;
    padding: 0px 0px 0px 0px;
    font-size: 44px;
    font-family: "Roboto Slab", "Rubik", sans-serif;
    font-weight: 300;
    line-height: 50px;
}


        


.node-listing-single .listing-content-main .listing-info-block.listing-comment .title .commentformtext {
    width: 50%;
    display: table;
    padding: 0px 40px 25px 28px;
}




.node-listing-single .listing-content-main .listing-info-block.listing-comment .title .commentformimage {width: 20%; float: left; padding: 0px 20px 0px 0px;}





.node-listing-single .listing-content-main .listing-info-block.listing-comment .title .listing-other-6 
{ padding: 6px 12px 6px 12px;display: table;font-size: 13px;line-height: 17px;font-weight: normal;     margin: 10px 0px 0px 0px}





/* -------------------- COMMENT FORM  ----------------------- */
/* -------------------- COMMENT FORM  ----------------------- */







.comenntsexplained {padding: 7px 15px 7px 15px;margin: 10px 0px 1px 0px;border: 1px solid #dbe5f5;background: rgb(234 251 255);color: #39688b;font-size: 13px; line-height: 19px;}
.indented .comment::before {
    content: "";
    position: absolute;
    left: 27px;
    top: -20px;
    height: 20px;
    width: 1px;
    background-color: #ddd;
}


.indented {
    margin-left: 20px;
}






.comment__meta {
    margin: 0px 0px 0px 0px;
    width: 100%;
    display: table;
    padding: 8px;
    border-bottom: 1px solid #dee2e6;
    /* background: #f8f4f4; */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}



.comment__meta {
    margin: 0px 0px 0px 0px;
    width: 100%;
    display: table;
    padding: 8px 8px 8px 13px;
    border: 1px solid #dee2e6;
    /* background: #f8f4f4; */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 8px;
    background: #f5f5f5bf;
}














.comment__meta .user-profile {
    margin: 0px 15px 0px 0px;
    padding: 0px;
    padding: 3px 0px 3px 0px;
    width: 8%;
    float: left;
}


.arounddetails {  float: left;   width: 70%;}


.comment__content {
    padding: 20px 10px 0px 10px;
    border: none;
    font-size: 17px;
    line-height: 26px;
    word-break: initial;
    color: black;
    font-weight: normal;
}


.comment__content p br {
  display: block !important;
  margin-bottom: 30px !important;
  line-height: 50px  !important
}









.newcomment { padding: 5px 7px 5px 7px;margin: 0px 0px 5px 0px;border: 1px solid #df7373;border-radius: 5px;background: rgb(255 229 206); color: #c74040;width: 48px;}


    
#edit-field-typ-prispevku-wrapper {
    display: table;
    width: 100%;
}
    
    
    
    
#node-single-comment #edit-homepage { display: none; }    
    
    
#node-single-comment h2 {
    margin: 15px 0px 10px 0px;
    font-size: 24px;
    font-weight: 400;
    position: initial; 
    padding: 0px;
    padding-bottom: 6px;
    border-bottom: none;
    text-transform: initial;
}
    
#node-single-comment h2.commentformtitle { margin-bottom: 10px;font-size: 26px; font-weight: 400; padding: 20px 0px 0px 5px;border: none;text-transform: initial;}    
        
#node-single-comment h2:before {content: none !important;position: static !important; width: 0 !important;height: 0 !important;border-radius: 0 !important;}

.ck-voice-label                                     { color: silver; font-size: 11px; display: none !important}
#node-single-comment .js-form-item-comment-body-0-value label { color: #fff !important; display: none !important}
#node-single-comment h2:before {content: none !important;position: static !important; width: 0 !important;height: 0 !important;border-radius: 0 !important;}

.comment__content:after, 
.comment__content:before   { display: none }


.comment__content nav ul li   { list-style: none;}









.comment__content .links.inline > li a {
  font-weight: 400;
  font-size: 14px;
  color: black !important;
  text-decoration: none !important;
  margin: 0px 0px 0px 5px;
  background: #f5f5f5bf;
  border-radius: 5px;
  padding: 11px 13px 11px 13px !important;
  border: 1px solid #dee2e6;
}


.comment__content .links.inline > li a:hover { border: 1px solid rgb(192,192,192);}










.comment__author, .comment__time, .comment__permalink { float: left; margin: 0px;  line-height: 1.2;color: grey;font-weight: 400;font-size: 12px;}
.comment__permalink a { color: silver }
.user-information img { border-radius: 5px; }





#edit-group-your-rating .field--type-fivestar    
{ width: auto; float: left; padding: 0px 0px 0px 0px; margin: 0px 10px 20px 0px; font-size: 14px; line-height: 20px; word-break: initial;}


#comment-form .fivestar-widget-5 {
    padding: 13px 22px 13px 22px;
}

#node-single-comment #comment-form .form-item {margin-bottom: 10px;}

#node-single-comment #comment-form .form-item label { font-size: 15px;text-align: left;}


#node-single-comment #comment-form .fivestar-none-text label { font-size: 15px;text-align: center;}




.comment .field--type-fivestar                    {  padding: 0px 0px 0px 0px;   display: block}
.comment .field--type-fivestar .field__label      { padding: 0px; margin: 0px; font-weight: 500; text-align: center}
.comment .field--type-fivestar .fivestar-summary  { display: none}

.comment .fivestar-average-text { margin: 5px 0px 0px 0px;}
.commentblockmargin { margin: 30px 0px 0px 0px;}




/* --------------------  FIVESTAR BOX   ----------------------- */

.comment__content .ratingambalaz {
    width: 50%;
    padding: 10px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
    float: left;
    background: #f5f5f5bf;
    border-radius: 5px;
    padding: 10px 15px 10px 15px;
    border: 1px solid #dee2e6;
}

.COMMENTQUESTION .comment__content .ratingambalaz { display: none}




.comment__content .ratingambalaz .field--label-above {
    width: 100%;
    padding: 0px 0px 3px 0px;
    margin: 0px 0px 0px 0px;
    display: table;
}


.comment__content .ratingambalaz .field__label {
    float: left;
    padding: 0px 20px 0px 0px;
    font-size: 13px;
}

.comment__content .ratingambalaz .field__item {
    float: right;
}

.comment__content nav {
    float: right;
    width: 45%;
    padding: 0px;
    margin: 0px;
}


.node--type-article .comment__content nav { width: auto;}




/* --------------------  FIVESTAR BOX   ----------------------- */







/* -------------------- NODE TYPE ARTICLE ARTICLE 2024   ----------------------- */
/* -------------------- NODE TYPE ARTICLE ARTICLE 2024   ----------------------- */
/* -------------------- NODE TYPE ARTICLE ARTICLE 2024   ----------------------- */




.node--type-article .listing-content-main {
    color: #333;
    font-family: Roboto, Rubik, sans-serif;
    font-size: 18px;
    line-height: 29px;
    font-weight: normal;
}




.node--type-article .listing-content-main p {
    margin-top: 0;
    margin-bottom: 20px;
}


.node--type-article .listing-content-main strong {
    font-weight: 500;
    color: #951b2c;
    color: black;
    color: #600065;
        color: #000;
}

   


.node--type-article .listing-content-main .redstrong, .redstrong {
    color: #ad2282;
    background: #ffefef;
    padding: 1px 8px 3px 8px;
    border-radius: 5px;
}


.node--type-article .listing-content-main .redstrong---- { color: #a92f1b;}








.smallfontarticle .listing-content-main { font-size: 0.95rem;line-height: 1.5rem;}









.node--type-article .node-listing-single .listing-nav a {
    color: rgb(128,128,128);
    font-size: 15px;
    color: rgb(56 92 143);
    text-decoration: underline;
}







.node--type-article .reading-time,  .reading-time  { width: auto; float: left}

.node--type-article .field--name-field-hodnoceni-clanku { width: auto; float: left; margin: -6px 0px 0px 15px;}


.node--type-article #listing-comment .field--name-field-hodnoceni-clanku {
    margin: -3px 0px 0px 0px;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
}


.googlecommentlogin {
    color: #757575;
    font-size: 15px;
    line-height: 23px;
    font-weight: normal;
    padding: 10px 0px 5px 0px;
}




.fivestarpage {
    padding: 20px;
    line-height: 15px;
    border-radius: 8px;
    box-shadow: none;
background: #ffffff80;
    /* text-align: center; */
    margin: 0px auto;
    display: table;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}


.fivestarpage #edit-vote--2--description   { display: none}








.field--name-field-hodnoceni-clanku .fivestar-widget-5 {
    padding: 12px;
    line-height: 15px;
    border-radius: initial;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: none;
    background: white;    
    border: 1px solid #ccc; border: none;  border-right: 1px solid #ccc;

}








.levyflex .fivestar-average-text {
    /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
}



.levyflex .fivestar-form-1 .total-votes { color: #6d480e !important;     color: #0f351e !important;}





.node--type-article .node-detail h1.post-title, .node--type-article h2, .node--type-article h3, .node--type-article h4, .node--type-article h5
{ font-family: "Roboto Slab", "Rubik", sans-serif; font-weight: 300; font-size: 2.9rem;}


.node--type-article .node-detail h1.post-title {
    margin: 30px 0px 10px 0px !important;
}








.node--type-article .listing-content-main h2, 
.node--type-article .listing-content-main h3, 
.node--type-article .listing-content-main h4, 
.node--type-article .listing-content-main h5, 

.basicpagecontent h2, 
.basicpagecontent h3, 
.basicpagecontent h4, 
.basicpagecontent h5 

{ font-size: 1.7rem;line-height: 2.5rem;margin: 0px;padding: 20px 0px 15px 0px; font-weight: 400;}

 
.node--type-article .listing-content-main---------- h2::after {
  background-color: #e5a000;
  content: "";
  height: 3px;
  width: 3rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
 
 
 
 
 
 
 
 
.node--type-article .listing-content-main h3, .node--type-article .listing-content-main h4, .node--type-article .listing-content-main h5, 
.basicpagecontent h3, .basicpagecontent h4, .basicpagecontent h5
{ font-size: 1.6rem;line-height: 2.2rem;}



.node--type-article .listing-content-main h4, .node--type-article .listing-content-main h5 {
    font-size: 24px;
    line-height: 32px;
    padding: 20px 0px 10px 0px;
}



.node--type-article .listing-content-main h4.lawyerthatmyhelp {
    font-size: 15px;
    line-height: 32px;
    padding: 0px 0px 5px 15px;
    margin: -20px 0px 0px 0px;

}





.basicpagecontent .view-content-2 {
    width: 100%;
    border-radius: 10px;
    margin: -106px 0px 40px 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
    border: none;
    background: #fff;
    padding: 50px 50px 50px 50px;
}



.graviascontentbackgroundcolor {
    background: #f4f2ec;
    border-top: 1px solid #d2c9af;
}


.graviasvlastnicontent  {
    flex: 0 0 65%;
    max-width: 65%;
}


.graviasaccordion  {
    flex: 0 0 35%;
    max-width: 35%;
}







.basicpagecontent {
    font-size: 1.01rem;
    line-height: 1.7rem;
    color: #333;
}





.node--type-article .listing-content-main h3--- { font-size: 1.3rem;line-height: 1.8rem;                  padding: 20px 0px 10px 0px;  }
.node--type-article .listing-content-main h4--- { font-size: 1rem;line-height: 1.5rem; font-weight: 500;  padding: 15px 0px 10px 0px;  }
.node--type-article .listing-content-main h5--- { font-size: 1rem;line-height: 1.5rem; font-weight: 500;  padding: 15px 0px 10px 0px;  }

.node--type-article .node-listing-single .listing-nav .listing-nav-inner:after, 
.node-listing-single .listing-content-main .listing-info-block:after
{display: none;}


.node--type-article .node-listing-single .listing-nav { border-top: 1px solid #dee2e6;border-bottom: 1px solid #dee2e6;background: initial; color: silver; border: none}
.node--type-article .node-listing-single .listing-nav .listing-nav-inner { background: initial; }
.node--type-article .node-listing-single .listing-nav .listing-nav-inner .listing-nav-inner-inner 
{ background: initial; padding: 20px 15px 15px 15px; box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;box-shadow: none; border: none}

.node--type-article .node-listing-single .is-fixed .listing-nav-inner .listing-nav-inner-inner 
{ border-top: 1px solid #dee2e6;border-bottom: 1px solid #dee2e6; 

background: white;   background: #ffefbd;

box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; 
box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
padding-left: 73px;

}


                                                                                                  
                                                                                                  
                                                                                                  
.node--type-article .listing-other-1 {
    border: none;
    padding: 12px 5px 0px 5px;
    font-size: 0.9rem;
    line-height: 14px;
}


.node--type-article .listing-other-1 i { position: relative; top: 1px}




.node--type-article .node-listing-single .listing-content-main .listing-info-block 
{box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; box-shadow: none}



.listing-other-1 .field__item, .listing-other-1 .field__items { width: initial;}






.node--type-article .listing-content-main ul, .basicpagecontent .views-field-body ul, 
.node--type-article .listing-content-main ol, .basicpagecontent .views-field-body ol {
    margin: 30px 0px 30px 10px;
    padding: 0px 0px 0px 15px;
}

  
  
.node--type-article .listing-content-main ul li, .basicpagecontent .views-field-body ul li, 
.node--type-article .listing-content-main ol li, .basicpagecontent .views-field-body ol li
{ margin: 0px 0px 10px 0px;}  







.node--type-article .searchautocomplete {
    padding: 0px;
    border: none !important;
    background: initial;
    box-shadow: none;
    width: 100%;
    margin-top: 20px;
}



.node--type-article .searchautocomplete label {
    font-weight: 400;
    text-align: center;
    display: block;
    text-transform: lowercase;
    font-size: 19px;
    /* text-transform: uppercase; */
}




.node--type-article .searchautocomplete input {
    width: 100%;
    padding: 14px;
    background-color: #fffdac;
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.05em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    border-radius: 10px;
}




.onlyinarticle---------- {

border-top: 1px solid silver;
border-bottom: 1px solid silver;
    margin-bottom: 30px;
    margin-top: 30px;
    width: 100%;
    padding: 30px 0px 30px 0px;
}
        

.node--type-article .frontpagesearchform.onlyinarticle .searchautocomplete input {
    padding: 15px 20px 15px 20px;
    background-color: #f5f5f5;
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.05em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.node--type-article .frontpagesearchform.onlyinarticle .searchautocomplete input {
    padding: 15px 20px 15px 20px;
    background-color: #ffffff;
    border-radius: 6px;
    border: 1px solid #aaa !important;
}







.node--type-article .articleflexbox  { display: flex;align-items: center;  flex-direction: row-reverse; }
.node--type-article .levyflex        { flex: 1; flex-grow: 1; flex-shrink: 1;flex-basis: 35%; text-align: left; color: black}
.node--type-article .pravyflex       { flex: 1; flex-grow: 1; flex-shrink: 1;flex-basis: 65%;}


.node--type-article .node-listing-single .listing-top { margin-bottom: 5px; background: initial}


.node--type-article, .node--type-article .main-page, .node--type-article .node-listing-single .listing-top, .node--type-article .node-listing-single 

{
    background-color: #f3f3f3;
    background-color: white;
}



/* -------------------- ARTICLE  COMMENTS   --------------------- */

.node--type-article .node-listing-single .listing-content-main .listing-info-block .block-content   { padding: 0px; }



.nocommentnegativeposition { margin: 0px 0px 0px 0px !important;}







.fullwidthadsense {
    border-radius: 10px;
    background: white;
    border: initial;
    color: black;
    width: 100%;
    padding: 40px;
    margin: 20px 0px 0px 0px;
}




/* -------------------- SAZKA SPORTKA  ----------------------- */
/* -------------------- SAZKA SPORTKA  ----------------------- */



#sportka-results {
    border-radius: 10px;
    background: #fbb809;
    border: initial;
    color: black;
    width: 100%;
    padding: 40px;
}

#sportka-results h3 {
    border-radius: 10px;
    background: #040404;
    border: 8px;
    color: #fff;
    padding: 10px;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    width: auto;
    display: inline-block;
    margin: 20px 0px 15px 0px;
}
  .number-row {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
  }
  .circle {
    width: 50px;
    height: 50px;
    background-color: #f0f0f0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  }
  .additional {
    background-color: orange;
    color: white;      color: black;
  }

#sportka-results .sportkadisclaimer {
    font-size: 14px;
    line-height: 18px;
    color: rgb(179 110 69);
    margin: 0px 0px -10px 0px;
    padding: 9px 0px 0px 0px;
    display: table;
}



#simulator {
    border-radius: 10px;
    background: #fbb809;
    border: initial;
    color: black;
    width: 100%;
    padding: 40px;
    margin-top: 30px;
}

button#generate-numbers {
    background-color: #ae2a2a;
    color: white;
    border-radius: 8px;
    /* width: 60px; */
    /* height: 60px; */
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    border: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: background-color 0.3s ease;
    padding: 10px 16px 10px 15px;
    margin: 10px 0px 0px 0px;
    box-shadow: rgba(0, 0, 0, 0.55) 0px 25px 20px -20px;
}

button#generate-numbers:hover {
    background-color: #005bb5; /* Tmavší modrá po najetí myší */
}

#simulator .number-row {
    display: flex;
    justify-content: flex-start;
    margin: 30px 0px 0px 0px;
  }

#simulator .circle {background-color: #000000;color: #fff;}




/* -------------------- SAZKA SPORTKA  ----------------------- */
/* -------------------- SAZKA SPORTKA  ----------------------- */










.specialcalculator {
  display: flex;
  gap: 30px;
  margin: 0 auto;
  color: #333;
}

.specialcalculator .box-leva, .specialcalculator .box-prava {
    width: 55%;
    padding: 20px 30px 20px 30px;
    border-radius: 10px;
    background-color: #f5f5f5;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 60px 40px -7px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.specialcalculator .box-prava         { width: 45%;}

.specialcalculator .kalkulackaNadpis2 {
    padding: 0px 0px 20px 0px;
    margin: -20px 0px 30px 0px;
    font-size: 14px;
    color: #8790a5;
    border-bottom: 1px solid #a2a7a9;
}

.onlysomecontenttype .specialcalculator .kalkulackaNadpis2 {
    margin: -20px 0px 20px 0px;
}

.calcsummary1, .calcsummary0, .calcsummary00 {
    margin: 0px 0px 10px 0px;
    padding: 29px;
    background: #e6f1e1c7 !important;
    border: 1px solid silver;
    border-radius: 6px;
    color: #4a554d;
    font-size: 15px;
    line-height: 23px;
}


.calcsummary0 {
    background: #f5f5f5 !important;
    border: 1px solid #ddd;
    color: grey;
}


.calcsummary00 {
    background: #ffdae1c7 !important;
    border: 1px solid #ddafaf;
    color: #690d1d;
    font-size: 13px;
    line-height: 20px;
    padding: 7px 10px 7px 10px;
}



.specialcalculator .calculatorselect {
    width: 50%;
    margin: 0px;
  
    padding: 0px 0px 0px 10px;
   float: left;
}





.specialcalculator #orientacniInfo {
    width: 100%;
    margin: 10px 0px 0px 0px;
    border-radius: 4px;
    background-color: #ffe6e6;
    color: #ab3d3d;
    padding: 10px 10px 10px 10px;
    font-size: 13px;
    line-height: 16px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}


.specialcalculator .explanation {
    font-size: 13px;
    line-height: 18px;
    color: #333;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 0px 5px 20px 5px;
    margin: 0px 0px 20px 0px;
}


.specialcalculator #ccainfo {
    font-size: 14px;
    line-height: 18px;
    color: rgba(119, 119, 119, 1);}







.specialcalculator h2 {
  font-size: 1.8rem;
  color: #2c3e50;
  margin-bottom: 20px;
}

.specialcalculator label {
    font-size: 16px;
    color: #34495e;
    font-weight: 500;
}

.specialcalculator input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 14px;
    border-radius: 7px;
    background: linear-gradient(to right, #dea8f3, #276897);
    outline: none;
    opacity: 0.9;
    transition: opacity 0.2s;
    width: 68%;
    height: 1px;
}



.specialcalculator input[type="range"]:hover {
  opacity: 1;
}

.specialcalculator input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgb(65,121,164);
  cursor: pointer;
  transition: background 0.3s ease;
}

.specialcalculator input[type="range"]:hover::-webkit-slider-thumb {
  background: #1abc9c;     background: black;
}



.specialcalculator input[type="number"] {
    width: 100%;
    padding: 11px 12px;
    margin-top: 8px;
    margin: 4px 0px 10px 15px;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    color: #2e444d;
    background-color: #e8eff2;
    width: 40%;
    float: right;
    border: 1px solid #b2bfc5;
    
    
        background-color: white;
    border: 1px solid #93a7b1;
    transition: border 0.2s ease-in-out;
}


.specialcalculator input[type="number"]:focus {
    background-color: white;
    border: 1px solid #93a7b1;
    transition: border 0.2s ease-in-out;
}






.specialcalculator select {
    width: 100%;
    padding: 10px;
    font-size: 1rem;
    border: 1px solid #bdc3c7;
    border-radius: 6px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #fffca8;
}

.specialcalculator button, .specialcalculator .mortgagebutton, .mortgagebutton222 {
    width: 100%;
    padding: 15px;
    font-size: 22px;
    background-color: #3498db;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: table;
    text-align: center;
    color: white !important;
    text-decoration: none !important;
}
.specialcalculator button:hover, .specialcalculator .mortgagebutton:hover {
  background-color: #2980b9;
}


.mortgagebutton222 {
    padding: 10px 15px 10px 15px;
    background-color: #426177;
    color: #e4f2fc !important;
    margin-bottom: 7px;
}




.specialcalculator #calculationresults {
    margin: 0px 0px 0px 0px;
    padding: 20px 20px 20px 20px;
    background: white !important;
    border: none !important;
}


.specialcalculator #calculationresults h3 {
    font-size: 16px;
    margin: 0px 0px -15px 0px;
    padding: 20px;
    background: #f5f5f5;
    /* color: #dee2e6; */
}

.specialcalculator #calculationresults h3 .smallinsidehypoteky {
    font-size: 11px;
    line-height: 14px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    font-weight: normal;
    color: #999999;
}




.specialcalculator .box-prava table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}




.specialcalculator .box-prava table th:first-child, 
.specialcalculator .box-prava table td:first-child {
  border-right: 1px solid rgb(240,240,240);
}





.specialcalculator .box-prava table th,
.specialcalculator .box-prava table td {
  padding: 10px;
  text-align: left;
  font-size: 1rem;
}

.specialcalculator .box-prava table th {
    background-color: #c5e8ff;
    color: #307cad;
    font-weight: normal;
    border: none;
    font-size: 15px;
    padding: 10px 10px 10px 10px;
    background-color: #edf5ff;
    color: #40474f;
    border: 1px solid #c4d3e5;
}



.specialcalculator .box-prava table th {
    background-color: #c5e8ff;
    color: #307cad;
    font-weight: normal;
    border: none;
    font-size: 15px;
    padding: 10px 10px 10px 10px;
    background-color: #edf5ff;
    color: #40474f;
    border: 1px solid #c4d3e5;
}





.specialcalculator .box-prava table td {
  background-color: #ecf0f1;      background-color: initial;
  color: #34495e;
}



.specialcalculator .box-prava table tr.tlustacara td   { border-top: 2px solid black}
.specialcalculator tr.dosedatradek td                  {     color: #8790a5; }



td#highlight111  {background-color: #ffe6e6; color: #ab3d3d;  min-width: 140px; }


#bankyVysledky tbody tr:nth-child(even) { background-color: rgb(240,240,240); }
#bankyVysledky td { padding: 7px; font-size: 14px;}




.graviaswithblur { box-shadow: rgb(55 132 181) 0px 22px 30px 12px; }





.specialcalculator .checkbox-container {
  margin: 20px 0;
}

.specialcalculator .checkbox-container label {
  font-size: 1rem;
}

#vlastniUrokContainer {
  margin-top: 10px;
}

.specialcalculator .slider-container {
  margin-bottom: 20px;
}

.specialcalculator .box-prava h3 {
  margin-bottom: 20px;
  font-size: 1.5rem;
  color: #2c3e50;
}











.specialboxundertoppart {
    margin: -30px 0px 0px 0px;
    text-align: center;
    color: #65718c;
}




.builderborderbottom { border-bottom: 1px solid #a1bbcf;}



.footer-second {padding-right: 30px}

ul.menu.footermenubackground {
    background: #222638;
    padding: 15px 20px 15px 20px;
    border-radius: 8px;
    line-height: 26px
}











.preloader {
  display: inline-block;
  padding: 10px 20px;
  background: #007bff;
  color: #fff;
  border-radius: 4px;
  font-size: 16px;
  text-align: center;
}



/* Overlay */
#preloader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  font-family: Arial, sans-serif;
  color: #333;
}

/* Spinner (točící se kruh) */
#preloader-spinner {
  width: 60px;
  height: 60px;
  border: 6px solid #ddd;
  border-top: 6px solid #333;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 20px;
}

/* Text styling */
#preloader-text {
  font-size: 22px;
  font-weight: 500;
  opacity: 0;
  animation: fade-in-out 3s infinite;
}

/* Spinner animation */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Fade animation for text */
@keyframes fade-in-out {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}




























/* -------------------- WEBFORM  ----------------------- */
/* -------------------- WEBFORM  ----------------------- */
/* -------------------- WEBFORM  ----------------------- */
/* -------------------- WEBFORM  ----------------------- */





.webform-submission-form { padding: 0px 10px 0px 10px;     width: 100%; display: inline-block;}

.webform-submission-form .messages--status { padding: 0px 0px 0px 0px; display: inline-block; word-wrap: break-word;  width: 100%;}



.webform-submission-form .messages__list        { display: none}

.webform-submission-form input.required.error, .webform-submission-form textarea.required.error, .webform-submission-form select.required.error,
.choices__inner:has(select.required.error) {
    border: 1px solid #e10606 !important;
    background: #fff6f1 !important;
}





















.form-item-i-prefer-replies-to-my-message-with-a-phone-call label { color: silver}





.listingcontactform .webform-submission-form input.form-text, .listingcontactform .webform-submission-form input.form-email, 
.listingcontactform .webform-submission-form textarea, .webform-submission-form .form-item-reason-for-contact select, .webform-submission-form input[type="tel"], .webform-submission-form input[type="number"],
.webform-submission-form .form-item-purpose-of-contact select


 {
    border-radius: 6px;
    width: 100%;
    border: none;
    background: rgb(250,250,250);
    background: white;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.35) 0px 0px 0px 1px;
    height: initial;
    padding-left: 10px;
    font-size: 16px;
    padding: 7px 12px;
}



.listingcontactform.webform-111 {
    border-radius: 6px;
    background: #f5f5f5;
    padding: 30px 60px 40px 60px;
    box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
}

.listingcontactform.webform-111 label {color: black;}

.listingcontactform.webform-111 .form-item-aaaaaa a { text-decoration: underline}


.listingcontactform.webform-111 .webform-flex--container .js-form-item .description {
    margin: 0px;
    padding: 5px 0px 0px 5px;
    font-size: 13px;
    color: rgba(119, 119, 119, 1);
}

.listingcontactform.webform-111 .form-item { margin-bottom: 10px;}

.listingcontactform legend { display: none}



.negativemarginblock .listingcontactform.webform-111 {margin-top: -200px;}



.listingcontactform label.js-form-required.form-required::after {
    content: " *";
    color: #ab0b0b;
    font-size: 20px;
    margin-left: -1px;
    vertical-align: middle;
}





























.webform-submission-form .form-item-purpose-of-contact select {
    padding: 11px 8px;
}



div.webform-options-display-one-column {
    padding: 21px 15px 10px 25px;
    border-radius: 6px;
    /* text-decoration: none; */
    margin: 10px 0px 10px 0px;
    background: #fff;
    border: 1px solid silver;
}


.webform-submission-form div.webform-options-display-one-column .form-item { margin-bottom: 5px;}



.listingcontactform .webform-submission-form .webformwhitebox {
    background: white;
    border-radius: 6px;
    padding: 15px 20px 0px 20px;
}

.listingcontactform .webform-submission-form .webformwhitebox .js-form-type-checkbox {
    margin-bottom: 0px;
}




.listingcontactform .webform-submission-form input.form-text:focus, 
.listingcontactform .webform-submission-form input.form-email:focus, 
.listingcontactform .webform-submission-form textarea:focus, 
.webform-submission-form .form-item-reason-for-contact select:focus, 
.webform-submission-form input[type="tel"]:focus {
    box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 3px 0px, rgba(27, 31, 35, 0.55) 0px 0px 0px 1px;
}



.webform-submission-form input[type="tel"] { }



.webform-submission-form .form-item-reason-for-contact select {padding: 11px 8px;}

.form-item-reason-for-contact input {cursor: pointer }

.listingcontactform fieldset.webform-composite-hidden-title {margin: 0px;}
.listingcontactform .webform-type-webform-name .js-form-type-textfield {margin: 0px;}

.listingcontactform .webform-submission-form .form-checkbox {
    width: initial;
    float: left;
    width: 23px;
    height: 23px;
    border-radius: var(--gin-border-xs);
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    border-radius: 8px;
    /* overflow: hidden; */
    /* border: none; */
    box-shadow: none;
    cursor: pointer;
}






.listingcontactform .js-form-type-checkbox .description {
    float: left;
    font-size: 13px;
    display: inline-block;
    width: 80%;
    line-height: 18px;
}


.listingcontactform .form-text { margin: 0px;}









.webform-confirmation-modal--content            { padding: 40px 50px 40px 50px !important;     font-family: Rubik, "Poppins";}
.webform-confirmation-modal--content a          { text-decoration-style: none !important; text-decoration: none !important}
.webform-confirmation-modal--content a:hover    { text-decoration: underline !important}

.webform-confirmation-modal--content strong { font-weight: 600 !important;}

.webform-confirmation-modal--content h3{
    margin-bottom: 0.5rem;

    font-weight: normal;
    line-height: 25px;
    color: #242424;
    font-size: 18px !important;
}







.progress-tracker {  margin: 6px auto;}


/* --------------------  MULTISTEP FORM     ----------------------- */
/* --------------------  MULTISTEP FORM     ----------------------- */






.listingcontactform.webform-111.multistepform111 {
    border-radius: 8px;
    background: white;
    margin: 40px 0px 40px 0px;
    padding: 30px 60px 40px 60px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}


.gsc-heading .listingcontactform.webform-111.multistepform111 ul {
    padding: 0px;
}


.listingcontactform.webform-111.multistepform111 input[type='text'] {
    border-radius: 4px;
    background: #f5f5f53d;
    padding: 15px 15px 15px 15px;
    color: black;
    border: 1px solid #dee2e6;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}


.listingcontactform.webform-111.multistepform111 input::placeholder,
.listingcontactform.webform-111.multistepform111 textarea::placeholder
{color:#9aa1b2; text-transform: initial}


.listingcontactform.webform-111.multistepform111 input.form-submit {
    border-color: #fff;
    color: white !important;
    background: #22c55e;
    color: #000;
    font-size: 19px;
    font-weight: normal;
}


.listingcontactform.webform-111.multistepform111 .webform-progress { padding: 0px 0px 50px 0px;}

.listingcontactform.webform-111.multistepform111 .webform_confirmation, 
.listingcontactform.webform-111.multistepform111 .progress-text
{display: none}





.progress-marker::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 999px;
    background-color: white !important;
    border: 1px solid #e5e7eb;
    color: #9ca3af;
    line-height: 1;
    font-size: 20px;
}


.progress-step.is-active .progress-marker::before{
    background-color: #f5f5f5 !important;
    border: 1px solid #ddd;
}



.progress-step.is-complete .progress-marker::before {
    border-color: #22c55e;
    color: white;
    background-color: #22c55e !important;
}




.progress-marker::after {
    top: 24px;
    right: -30% !important;
    height: 2px;
    width: 60%;
    background-color: #dee2e6 !important;
}

.progress-step.is-complete .progress-marker::after {
    background-color: #22c55e !important;
}















/* --------------------  MULTISTEP FORM     ----------------------- */
/* --------------------  MULTISTEP FORM     ----------------------- */








input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
    -webkit-appearance: listbox;
    padding: 5px 5px 5px 5px;
    background: #fffabb !important;
    border: 1px solid #ada653 !important;
    border-radius: 6px;
    font-size: 18px !important;
    padding: 6px 12px;
    color: #797542 !important;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.35) 0px 0px 0px 1px;
}



.js-form-item-website-do-not-fill-this-field { display: none}

.webform-submission-form .form-actions .webform-button--submit {
    font-size: 22px;
    border-radius: 6px;

    font-family: rubik, "Poppins", sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    padding: 5px 35px;
    color: #ffede6;    
    background: rgb(189 56 7);
    margin-top: 20px;
    
    color: white;
    background: rgb(31 177 96);
    
}




.webform-submission-form .form-actions .webform-button--submit:hover {
    color: white;
    background: rgb(31 116 177);
}



















.justcontactconfirmation        { font-family: Rubik, sans-serif !important; color: rgb(96,96,96) }
.justcontactconfirmation a      { color: rgb(51,102,153) }
.justcontactconfirmation strong { font-weight: 500;}


.webform-submission-form .form-item label {
    line-height: 14px;
    margin: 0px 0px 12px 5px;
    font-size: 19px;
    font-weight: normal;
    font-family: inherit;
    font-family: "Roboto Slab", "Poppins", sans-serif;
}







/* --------------------  ADMIN CONTACT FORM    ----------------------- */

.admincontactform------ { width: 100%; display: table; border-top: 1px solid silver; margin: 20px 0px 0px 0px; padding: 20px; border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;background: rgb(250,250,250);}

.admincontactform {
    width: 100%;
    display: table;
    margin: 0px 0px 0px 15px;
}


.admincontactform .form-item-reason-for-contact,  
.admincontactform .form-item-show-textarea,
.admincontactform .webform-actions,
.admincontactform .form-item-tell-us-more
{ width: 100%; margin: 0px 0px 10px 0px;}

.admincontactform .form-item-show-textarea input[type="checkbox"]    { width: 25px; height: 25px; margin: 0px 0px 0px 0px; }

















/* --------------------  SEZNAMY UL LI SEZNAMY   ----------------------- */

ul.trisloupce       { -webkit-columns: 3; -moz-columns: 3; columns: 3; list-style-type: none; padding: 0px}
ul.trisloupce li    {break-inside: avoid-column; }

ul.dvasloupce       { -webkit-columns: 2; -moz-columns: 2; columns: 2; list-style-type: none; padding: 0px}
ul.dvasloupce li    {break-inside: avoid-column; }


ul.trisloupce a, ul.dvasloupce a              { color: rgb(51,102,153)}
ul.trisloupce a:hover, ul.dvasloupce a:hover  { text-decoration: underline }









.biggermargins { margin: 20px 0px 20px 20px;}



.iconincluded {
    padding: 0px 10px 0px 0px;
    position: relative;
    /* line-height: 24px; */
    top: 0px;
    color: #336699;
    font-weight: bold;
    font-size: 14px;
}




/* -------------------- TAXONOMY TERM PAGES   ----------------------- */
/* -------------------- TAXONOMY TERM PAGES   ----------------------- */
/* -------------------- TAXONOMY TERM PAGES   ----------------------- */
.ajax-progress-fullscreen {padding: 0px; left: 49%;width: 180px; height: 180px; opacity: 1; background-color: #ffffff00; background-image: url(/images/spinner5.gif);}

.specialtaxonomypage h1 {
    font-size: 47px;
    font-weight: 300;
    line-height: 70px;
    font-family: "Roboto Slab", "Rubik", sans-serif;
}

.specialtaxonomypage h1 strong {
    font-weight: 300;
}




.specialtaxonomypage--- .main-page a                   { color: rgb(51,102,153); text-decoration: underline }
.specialtaxonomypage--- .main-page a:hover             { color: rgb(110 108 247); text-decoration: underline }
    
.specialtaxonomypage .undertitle---- {
    width: 100%;
    margin: 0px 0px 0px -15px;
    padding: 10px 15px 10px 15px;
    background: #fff02b;
    border-radius: 10px;
    /* font-size: 14px; */
    line-height: 20px;
    color: #696313;
    
    display: table;
    border: 1px solid #e1d647;
}


.specialtaxonomypage .undertitle {
    width: 100%;
    margin: 0px 0px 0px -15px;
    padding: 12px 17px 12px 17px;
    background: #e3e6e7;
    border-radius: 6px;
    /* font-size: 14px; */
    line-height: 20px;
    color: #3e5865;
    display: table;
    /* border: 1px solid #bbbbbb; */
}


.specialtaxonomypage .undertitle.termdataexist {
    padding: 15px 20px 5px 20px;
    background: white;
    line-height: 22px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}



.specialtaxonomypage .undertitle.termdataexist a {
    color: rgb(2 108 213);
    text-decoration: underline;
}


.specialtaxonomypage .undertitle.termdataexist ul {
    margin: 0px 0px 15px 0px;
}

.specialtaxonomypage .undertitle.termdataexist.onlyforschools {
    padding: 25px 30px 15px 30px;
}





.pouzeprolistingpage { background: white}




.pouzeprolistingpage h1-------- {
    font-size: 40px;
    font-weight: 400;
    line-height: 50px;
    font-family: "Roboto Slab", "Rubik", sans-serif;
    padding: 25px 15px 10px 25px;
    width: 49%;
    /* background: silver; */
    text-align: center;
}

.pouzeprolistingpage h1 {
    font-size: 50px;
    line-height: 60px;
    font-family: "Roboto Slab", "Rubik", sans-serif;
    padding: 25px 15px 10px 71px;
    width: 49%;

}




.staticratingonly .fivestar-widget {
  pointer-events: none;
}





.path-taxonomy .content-bottom {
    padding: 50px;
    background: #cfe4ed;
}   
   
.specialtaxonomypage .content-main-full {
    padding-top: 30px;
    padding: 30px 0px 30px 0px;
    background: #f5f5f5;
}
   
   
.articletermpage .gva-listings-full-page-2 .content-main-full { padding-top: 50px;background: #f5f5f5;}
   
   
   
.specialtaxonomypage .termtitleviews .view-content-wrapper                 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 100%;}
.specialtaxonomypage .termtitleviews .view-content-wrapper .view-content-2 { padding: 0px; width: 100%; float: initial;}     
     
     
.noresulttermview  .view-content-2 {width: 100% !important;}
         
.noresulttext {
    border-radius: 8px;
    margin: 0px 0px -46px 0px;
    padding: 10px 20px 10px 20px;
    border: none;
    background: #ffeca4;
    color: #000;
    font-size: 16px;
    line-height: 25px;
    border-left: 5px solid #c13333;
    width: 99%;
    /* display: inline-block; */
}
     
     
.specialtaxonomypage .views-element-container .vsekromekromelistingpage .view-content-1,  
.specialtaxonomypage .vsekromekromelistingpage .view-content-1
 
{ position: sticky; position: -webkit-sticky; top: 120px;  padding: 0px 50px 30px 0px;    width: 30%; float: left}

.specialtaxonomypage .views-element-container .vsekromekromelistingpage .view-content-2   { width: 70%;  float: left}





.specialtaxonomypage .views-element-container .termpagefullwidth .view-content-2   { width: 100%;  }




.termpagefullwidth .view-content-2 a {
    color: black;
    text-decoration: none;
    transition: color 0.2s ease, text-decoration 0.2s ease;
}

.termpagefullwidth .view-content-2 a:hover {
    color: #0000cc;
    text-decoration: underline;
}










.view-content-1 .form-actions .button.js-form-submit.form-submit {
    float: right;
    text-transform: initial;
    padding: 0 40px;
    font-size: 23px;
    line-height: 60px;
    font-family: "Rubik", sans-serif;
    font-weight: 400;
    border-radius: 6px;
    margin: 5px 2px 13px 0px;
    background: #d3dbdf;
    color: #293a42 !important;
    text-transform: uppercase;
    letter-spacing: 0px;
    border: 1px solid #d3dbdf;
}

.view-content-1 .form-actions .button.js-form-submit.form-submit:hover { border: 1px solid rgb(143,155,161);}






.pouzeprolistingpage .view-content-1 .form-actions .button.js-form-submit.form-submit:hover {  border: 1px solid rgb(197,174,132);     }









.specialtaxonomypage .pouzeprolistingpage .views-exposed-form {
    margin: 0px 0px 0px 0px !important;
    display: table;
    width: 61%;
    margin: 0px 0px 10px 10px !important;
    padding: 30px 0px 20px 30px;
    border-radius: 10px;
}



.pouzeprolistingpage .noresulttermview  { width: 100%; }



.searchmaplinks {
    width: 100%;
    margin: -26px 20px 15px -15px;
    padding: 10px 15px 10px 15px;
    background: #bdf1cd;
    border-radius: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #145b26;
    display: table;
}

.searchmaplinks.makelinksblue a {     color: #145b26; text-decoration: underline}





.noresultspagebeznadpisunopadding .bb-inner  { padding: 0px }







.greypartemail  { color: silver }

/* ---------------- Google Adsense ---------------------- */
/* ---------------- Google Adsense ---------------------- */


.googleads  { padding: 0px 0px 0px 0px;   margin: 20px 0px 20px 0px; }



.whitearound {
 margin: 0px 0px 20px 0px; 
  padding: 15px 20px;
  background: white;
  border-radius: 6px;
  border: 1px solid rgb(239, 240, 241);
}





.googadsleobal  {  }





.articlesidebar.makeitsticky {
    position: sticky; position: -webkit-sticky;
    top: 180px; width: 100%;
    margin: 10px 0px 0px 0px;
    padding: 0px;
}







.googleadssmallheight {
  max-height: 100px;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  width: 100%;
  display: table;
}


.listing-content-main  {  }








fieldset.captcha {
background: #fff0 !important;
  border-radius: 8px;
  padding: 0px 40px 0px 40px;
  border: none;
}


fieldset.captcha legend {
  padding: 0px 10px 0px 10px;
  font-size: 13px;
}

fieldset.captcha .captcha__description {
  display: none;
}

fieldset.captcha img  {
  background: #fff0;
  border-radius: 8px;
  padding: 8px;
  border: 1px solid silver;
}

fieldset.captcha .description {
  font-size: 13px;
  color: #364146;
  padding: 3px 0px 0px 8px;
}





/* -------- TEST LISTING page STYLING -------- */

.onlyforlistingpage .views-element-container .pouzeprolistingpage .view-content-2 { width: 100%;float: left;}



.onlyforlistingpage .views-element-container .pouzeprolistingpage .view-content-1 {
    width: 47%;
    margin: 10px 0px 30px 25px;
    border-bottom: 1px solid #dee2e6;
    display: table;
}

.pouzeprolistingpage .form-checkboxes > .form-item {padding: 0px 5px 0px 15px !important;}




.gva-listings-map-page .map-action, .gva-listings-map-page .map-action-mobile {
    margin: 0px 10px 10px 0px !important;
    width: auto;
    padding: 15px 19px 5px 20px;
    background: white;
    border-radius: 10px;
    float: right;
}
                






.gva-listings-map-page .map-action-mobile:not(.map-open) .control-reset-map, 
.gva-listings-map-page .map-action-mobile:not(.map-open) .control-current-map
{display: none;}

.gva-listings-map-page .map-action .control-map .control-reset-map {top: -5px;}

.gva-listings-map-page .control-map .control-current-map { opacity: initial !important;}

.gva-listings-map-page .control-map .control-current-map .fas {
    font-size: 17px;
    color: #bd5c6c;
}


.listing-block .show-in-map a:hover { background: #ebf3a5;color: #67570c;}
.gva-listings-map-page .map-action-mobile .control-map .control-current-map .gva-current-map:hover {background-color: white;}



/* ---------------------------------- */
/* ---------------------------------- */

.gva-listings-map-page .map-action-mobile.map-open {
    margin-left: 60px;
    top: 75px;
    right: 0px;
    position: absolute;
    padding-right: 0px;
    background: #fffffff0;
    padding: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}

.gva-listings-map-page .map-action-mobile .control-map .control-current-map .gva-current-map, .gva-listings-map-page .map-action .control-map .control-current-map .gva-current-map {
    display: inline-block;
    width: 43px;
    height: 34px;
    line-height: 32px;
    position: relative;
    top: 0 !important;
    border-radius: 4px;
    text-align: center;
    font-size: 19px;
    background: initial;
    font-weight: 400;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #212529;
}





/* ---------------------------------- */
/* ---------------------------------- */



.btn-theme-small { font-size: 12px;padding: 3px 15px;line-height: 26px;}

.listings-map-2 .main-listing-wrapper { padding: 0px 20px 0;}

.listings-map-2 .bottommapmargin               { padding: 0px 0px 150px 0px !important;}

.listings-map-2 .bottommapmargin .listing-info { padding: 20px !important;}



.gva-listings-map-page .mode-filter-fixed .views-exposed-form {
    margin-bottom: 0;
    z-index: 99;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
}

/* -------- TEST LISTING page STYLING -------- */







.specialtaxonomypage .views-exposed-form .form-checkboxes > .form-item  { width: 100%; padding: 0px 5px 0px 5px; margin: 0px} 


.specialtaxonomypage .views-exposed-form .js-form-type-checkbox label                  { line-height: 1px; float: left; padding: 0px 0px 0px 10px;     font-size: 13px;}


.views-exposed-form-content-inner .select-wrapper { width: 100%; }




.form-item-medicalfield .simpler-select { cursor: pointer }




.specialtaxonomypage .views-exposed-form .form-item input[type='text']:not(.chosen-search-input), .views-exposed-form .form-item-lagalarea select, .views-exposed-form .form-item-practicearea select  
{border: none;box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.35) 0px 0px 0px 1px; width: 100%; }





.specialtaxonomypage .pouzeprolistingpage .views-exposed-form .form-item input[type='text']:not(.chosen-search-input) {
    border: none;
    /* box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.35) 0px 0px 0px 1px; */
    width: 100%;
    background: #f5f5f55e;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 13px 15px 13px 15px;
    height: auto;
}




.chosen-container-single {
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.35) 0px 0px 0px 1px;
    background: white;
    border: none;
}

.chosen-container-single .chosen-search input[type="text"] {padding: 10px 20px 10px 10px;font-size: 16px;}

.chosen-container .chosen-results li {
    padding: 10px 10px;
    font-size: 16px;
}

.chosen-container-single .chosen-drop {
    margin-top: 2px;
    border-radius: 6px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}


.chosen-container-single .chosen-single span {
    padding-left: 7px;
    font-size: 15px;
}









.specialtaxonomypage .views-exposed-form-content-inner .fieldgroup        { width: 100%;  box-sizing: border-box;     margin-bottom: 5px;}

.specialtaxonomypage .views-exposed-form-content-inner .fieldgroup .form-checkbox {
    position: relative;
    inset-block-start: calc(var(--space-l) / 2);
    float: left;
    margin-inline-start: calc(var(--input--label-spacing) * -1);
    transform: translateY(-50%);   
    width: 21px;
    height: 21px;
    border-color: var(--gin-border-color-form-element);
    border-radius: var(--gin-border-xs);
}




.control-search      { display: none }

.pretty.p-switch.p-fill input:checked ~ .state:before { border-color: #3a738f; background-color: #7fafd1 !important;}

.control-map a, .control-map a:hover   { text-decoration: none}
.control-reset-map a {
    color: #212529;
    text-decoration: none;
    background: #fff;
    border.: 1;
    border: 1px solid #dee2e6;
}


.control-reset-map a:hover             { color: rgb(255,240,224);text-decoration: none; background: rgb(220,20,60);}








.pretty .state label:after, .pretty .state label:before {  top: calc((0% - (100% - 1em)) - 10%);}


/* -------------------- GRAVIAS GRID GRAVIAS GRID   ----------------------- */
/* -------------------- GRAVIAS GRID GRAVIAS GRID   ----------------------- */


.listing-block {
    border-radius: 8px;
    margin: 0px 0px 30px 0px;
    border: none;
    background: white;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    overflow: hidden;
}

.path-taxonomy .listing-block {
    margin: 0px 0px 20px 0px;
}






.listing-block:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 24px 0px, rgba(0, 0, 0, 0.1) 0px 0px 0px 1px; }





.lightshadowonly .listing-block {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    overflow: hidden;
}

.listing-block a,       
.makelinksblue a
{ color: rgb(51,102,153); text-decoration: none;}


.listing-block a:hover, 
.makelinksblue a:hover
{ color: rgb(0,102,204); text-decoration: underline;}


     
.makelinksbluewithunderline a {
    color: rgb(8 74 227) !important;
    text-decoration: underline;
}
.makelinksbluewithunderline a:hover   { color: rgb(0,102,204); text-decoration: underline;}





.listing-block .listing-content                     { border: none;    background: initial;}
.listing-block.v2 .listing-content .listing-info    { min-height: 118px;padding: 0px 20px 20px 20px; }
.listing-block:after                                { display: none !important}

.gva-view-grid .field-content { background: initial}




.owl-carousel.init-carousel-owl .owl-item {padding: 16px 10px 40px 10px;     padding: 16px 0px 30px 0px;}


#gvafrontpagedescription .owl-carousel.init-carousel-owl .owl-item { padding: 10px;}



.listing-block.v2 .title {
    font-size: 26px;
    font-weight: 500;
    line-height: 36px;
    margin: 10px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    font-size: 22px;
    font-family: "Roboto Slab", "Rubik", sans-serif;
    font-weight: 400;
    border-bottom: 1px solid #dee2e6;
}

.listing-block .topimagewithtitle {
    display: table;
    padding: 0px 0px 5px 0px;
    /* display: flex
; */
    background: #f5f5f5;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 15px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    background: #f5f8f9;
    /* flex-wrap: wrap; */
}







.listing-block .listing-image            { position: relative;   float: left;  flex: 0 1 30%; }



.listing-block .floatingtitle {
    padding: 0px 20px 0px 20px;
    /* flex: 0 1 100%; */
    /* display: flex; */
    /* align-items: center; */
}



.listing-block .floatingtitle .title {
    line-height: 34px;
    font-size: 24px;
    border: none;
    margin: 0px;
    padding: 0px 0px 10px 0px;
    color: black;
}




.listing-block .floatingtitle .title a   { color: rgb(51,102,153);;}


.listing-block .floatingtitle .title.longertitle30   { line-height: 22px; font-size: 16px;}
.listing-block .floatingtitle .title.longertitle20   { line-height: 25px; font-size: 18px;}




.listing-block .listing-image .item-image img----- {width: 100%;height: auto;border-radius: 50%;object-fit: cover;display: block;margin: -15px 0px 0px -15px;z-index: 5000;position: relative;
border: 10px solid #80b98d;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; filter: blur(0px);}



.listing-block .listing-image .item-image img {margin: 0px 0px 20px 0px;}


















.listing-block.v2:hover .topimagewithtitle---            { background: rgb(176,224,255);}
.listing-block.v2:hover .floatingtitle .title a       { color: black; text-decoration: underline}
.listing-block.v2:hover .item-image img               { filter: blur(0px);    transition: all 200ms ease-in-out;}


.otheramazingbuttons {
    border-radius: 8px;
    margin: 10px 0;
    padding: 10px 12px 10px 12px;
    font-size: 16px;
    width: 100%;
    border: 1px solid #e3e9ed;
    background: #ffffff;
    color: #4d7893 !important;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}






.amazingbutton {
    text-decoration: none !important;
    border-radius: 8px;
    margin: 10px 0;
    padding: 0; /* Odstranění paddingu pro přesnější výšku */
    font-size: 16px;      
    width: 100%;
    display: flex; /* Flexbox pro zarovnání obsahu */
    align-items: stretch; /* Roztažení obsahu na celou výšku */
    border: 1px solid #d4e3ed;
    background: #eff5f9;
    color: #4d7893 !important;
        font-family: "Roboto Slab", "Rubik", sans-serif;
     transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; /* Plynulé přechody */

}



.amazingbutton.overviewscheme {
    border: 1px solid #b6d9c8;
    background: #b4e5cd;
    color: #597567 !important;
    border: 1px solid #b8d9cd;
    background: #cdede2;
    color: #3f6f5d !important;
}


.amazingbutton.askquestion {
    border: 1px solid #ddce7c;
    background: #ffed8d;
    color: #6d4d1c !important;
}

.amazingbutton.askquestion .iconwrapper  {   color: #6d4d1c !important;}


.amazingbutton.justgreybackground {
    border: 1px solid #dee2e6;
    background: #f5f5f570;
    color: rgb(80, 80, 80) !important;
}
.amazingbutton.justgreybackground .iconwrapper { color: #000;}
.amazingbutton.justgreybackground .smallerinsideamazing { color: #333; }



.amazingbutton .iconwrapper {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a6bcc9;
    padding: 0px 20px;
    font-size: 40px;
        transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; /* Plynulé přechody */

}

.amazingbutton.overviewscheme .iconwrapper  {     color: #85c5ae !important; }



.amazingbutton.onlylicensed {
    border: 1px solid #38587e;
    background: #38587e;
    color: #cad5e3 !important;
    border: 1px solid #b8d9cd;
    background: #cdede2;
    color: #3f6f5d !important;
}



.amazingbutton.onlylicensed:hover {
    border: 1px solid #a7d3c3;
    background: #a9e3ce;
}





.amazingbutton.onlylicensed .iconwrapper          { color: #85c5ae !important;}
.amazingbutton.onlylicensed .smallerinsideamazing { color: #477766 !important;}

.underlisting {
    font-size: 13px;
    line-height: 18px;
    padding: 0px 15px 0px 15px;
    color: #757575;
}



.underlisting ul {  margin: 5px 0px 10px 0px;}
.underlisting ul li {line-height: 23px;}




.amazingbutton .textwrapper {
    display: flex;
    flex-direction: column; /* Text zarovnaný vertikálně */
    justify-content: center; /* Vertikální zarovnání textu */
    padding: 10px; /* Vnitřní odsazení textu */
    text-align: right; /* Text zarovnaný vlevo */
        width: 100%;
}

.smallerinsideamazing {
    font-size: 13px;
    line-height: 20px;
}

.biggerinsideamazing {
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0.1px;
    line-height: 35px;
}

.amazingbutton.greyscheme {
    border: 1px solid #e4e5e5;
    background: #f9f9f9;
}


.amazingbutton.emailscheme------ {
    border: 1px solid #e4e5e5;
    background: #38587e;
    color: #f4f9ff !important;
}


.amazingbutton.officialwebsite--- {
    border: 1px solid #e4e5e5;
    background: #38587e;
    color: #f4f9ff !important;
}




.amazingbutton:hover {border: 1px solid rgb(166,188,201)}


.amazingbutton:hover .iconwrapper {color: rgb(123,158,181);     color: #3d5763;}



.greyscheme .iconwrapper {color: rgb(240,240,240);}
.greyscheme:hover .iconwrapper {color: rgb(228,229,229);}






.team-of-lawyers {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.lawyer {
  flex: 1 1 calc(33.333% - 20px);
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-align: center;
}











.redforadmin {border: 1px solid red}















.largelistingbutton {
    text-decoration: none !important;
    background: rgb(211,219,223);
    color: #293a42 !important;
    border-radius: 8px;
    margin: 10px 0px 0px 0px;
    padding: 15px 10px 15px 10px;
    font-size: 16px;
    text-transform: uppercase;  
    width: 100%;
    display: block;
     transition: all 200ms ease-in-out;
    text-align: center;
}




.largelistingbutton:hover {
    text-decoration: none !important;
    color: #e1f0f7 !important;
    background: #336699;
     transition: all 200ms ease-in-out;
}





.largelistingbutton.claimprofilebutton {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 400;
    color: rgb(255, 230, 221) !important;
    padding: 15px 10px;
    background: rgb(245, 93, 37);
}


.largelistingbutton.claimprofilebutton:hover {background: rgb(189 56 7);}




.largelistingbutton.claimprofilebutton.muchbiggerbutton------- {
    font-size: 23px;
    font-weight: 400;
    color: rgb(255, 230, 221) !important;
    background: rgb(36 141 78);
}


.largelistingbutton.claimprofilebutton.muchbiggerbutton {
    font-size: 20px;
    font-weight: 400;
    color: #fff !important;
    background: rgb(217 13 66);
    text-transform: uppercase;
}

.largelistingbutton.claimprofilebutton.muchbiggerbutton:hover {
    color: #fff !important;
    background: rgb(18 89 179);
}






.largelistingbutton.claimprofilebutton.loggedingreen {
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 400;
  color: rgb(31, 151, 108) !important;
  padding: 15px 10px;
  background: rgb(205, 237, 226);
}


.largelistingbutton.claimprofilebutton.loggedingreen:hover { background: rgb(166, 219, 201);}





.googleloginicon { width: 50px; float: left}





.orangebutton {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 400;
    color: rgb(255, 230, 221) !important;
    padding: 15px 10px;
    background: rgb(245, 93, 37);
}


.orangebutton:hover {background: rgb(189 56 7);}







#claimthisprofilelisting.onlynodelawyerform {
  padding: 20px 20px 36px 20px;
  width: 70%;
  background: white;
  border-radius: 10px;
  margin-bottom: 39px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}




#claimthisprofilelisting.onlynodelawyerform .largelistingbutton { width: initial;}







/* -------------------- Malíři Malíři Malíři Malíři  --------- new box style-------------- */
/* -------------------- Malíři Malíři Malíři Malíři  --------- new box style-------------- */
/* -------------------- Malíři Malíři Malíři Malíři  --------- new box style-------------- */

.malirispecialbox.listing-block {
    border-radius: 10px;
    margin: 0px 10px 30px 0px;
    overflow: hidden;
    
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    border: 1px solid white;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}


.gva-map-content-popup table { margin: 0px 0px 10px 0px;}
.gva-map-content-popup .obalaround {border: none; padding: 5px 0px 10px 0px;margin: 0px 0px 0px 0px;}



.malirispecialbox.listing-block:hover {
box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px; border: 1px solid rgb(224,224,224);
}

.malirispecialbox.listing-block.v2 .listing-content .listing-info {
    min-height: initial;
    padding: 0px 20px 20px 20px;       padding: 10px 30px 30px 30px;
    display: table;width: 100%;
}

.malirispecialbox.listing-block.v2 .listing-content .listing-info .jmenomalire {
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: black;
    font-size: 27px;
    font-family: "Roboto Slab", "Rubik", sans-serif;
    font-weight: 400;
}

.malirispecialbox.listing-block a {color: #413b2f;text-decoration: underline;}


.malirispecialbox .ratingbox {
    width: 100%;
    display: table;
    border-top: 1px solid rgb(224, 224, 224);
    border-bottom: 1px solid rgb(224, 224, 224);
    padding: 10px 0px 10px 0px;
    margin: 10px 0px 10px 0px;
}





.lawyersspecialbox .listing-writereview a {
    padding: 8px 13px 8px 13px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
    margin: -1px 0px 0px 10px;
    line-height: 27px;
    display: block;
    background: rgb(211, 219, 223);
    color: #293a42 !important;
    color: rgb(47 80 93) !important;
    background: rgb(161 216 237);
    
    color: #e1f0f7 !important;
    background: #336699;
}

.lawyersspecialbox .listing-writereview a.phonemissing {
    color: #aaa !important;
    background: #f5f5f5;
}








.lawyersspecialbox .listing-writereview a:hover { 

box-shadow: none; 
    color: white !important;
    background: rgb(189 56 7);
}

span.callnowsmall {
    position: absolute;
    margin: -8px 0px 0px 102px;
    background: white;
    padding: 6px;
    font-size: 13px;
    line-height: 1px;
    /* text-transform: uppercase; */
    /* border: 1px solid silver; */
    color: rgba(0, 0, 0, 1.00);
    border-radius: 6px;
}



.lawyersspecialbox .smallerattenton----- {font-size: 11px;}

 
.lawyersspecialbox .form-item-vote .description .average-rating, 
.form-item-vote .description .average-rating
{font-size: 0;}



.lawyersspecialbox .form-item-vote .description .average-rating span, 
.lawyersspecialbox .form-item-vote .description .average-rating span.empty, 
.form-item-vote .description .average-rating span
{ font-size: initial; /* Obnoví velikost textu pouze pro číslo */}













.malirispecialbox .textundertermname {
    width: 100%;
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    color: #979797;
    font-weight: normal;
}


.profiledescription {
    font-size: 13px;
    line-height: 18px;
    color: silver;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
}



.malirispecialbox .calltoaction a, .malirispecialbox .calltoactionzamestnancu{
    padding: 10px 11px 10px 11px;
    border-radius: 5px;
    text-decoration: none;
    background: #fafafa;
    color: #484f55 !important;
    border: 1px solid #dee2e6;
    margin: 0px 5px 0px 0px;
    font-size: 13px;
}

.malirispecialbox .calltoaction a:hover  {border: 1px solid rgb(176,176,176);}

.malirispecialbox .calltoaction a.calltoactionprofile  {}
.malirispecialbox .calltoaction a.calltoactionobjednat {}
.malirispecialbox .calltoaction a.calltoactionzavolat----  { background: #ebffe0; border: 1px solid #c7ddbb;}












.malirispecialbox table tbody tr td {
    border: none;
    border-bottom: 1px solid #dee2e6;
    padding: 5px 5px 5px 5px;
    line-height: 19px;
    text-align: left;
    font-size: 13px;
    color: black;
}

.malirispecialbox table tbody tr td a { color: rgb(0,51,204); text-decoration: underline}


.malirispecialbox table tbody tr td.coldoprava { text-align: right;}


#vysledky-hledani { display: table; width: 100% }










.lawyersspecialbox .obalaround {
    border-top: none;
    padding: 0px 0px 15px 0px;
    margin: 5px 0px 3px 0px;
}

.lawyersspecialbox .obalaround.calltoaction {
    border: none;
    padding: 5px 0px 0px 0px;
    margin: 10px 0px 15px 0px;
}


.lawyersspecialbox .obalaround .total-votes { display: none}


.specialzipcode {
    vertical-align: super;
    font-size: 15px;
    color: #293a42;
    background: #d3dbdf;
    padding: 8px;
    border-radius: 6px;
    font-weight: 400;
    text-decoration: none !important;
    display: inline-block;
    line-height: 19px;
}

.block-content.similarlawyerspaddingbox {
    padding: 40px 40px 40px 40px;
    margin: 0px 0px 0px 0px;
}







.team-of-lawyers table {font-size: 18px;}

.sedytext { color: silver;}


.listing-info-block .field.field--name-field-name-of-the-law-firm { display: inline;}



/* -------------------- BUTTONS BUTTONS BUTTONS  ----------------------- */
/* -------------------- BUTTONS BUTTONS BUTTONS  ----------------------- */
/* -------------------- BUTTONS BUTTONS BUTTONS  ----------------------- */

.linkoverimage {
    /* position: absolute; */
    padding: 13px 15px;
    border-radius: 8px;
    text-decoration: none !important;
    line-height: 17px;
    background: #ffeb00;
    color: #212529 !important;
    z-index: 100;
    font-size: 15px;
    line-height: 17px;
    display: block;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;

    right: 10px;
    top: 10px;
}

.linkoverimage--------- { 
    top: 0px;
    right: 0px;

    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-radius: 0px;    
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    
}


.linkoverimage:hover {
    background: rgb(255,204,0);
    background-position: 100% 0;
}



.onebuttonotherstyle .linkoverimage {
    position: initial;
    padding: 8px 15px;
    display: table;
}



.linkoverimage span {color: #892f03;}






.listing-writereview {float: left; }




.listing-writereview.dobezova a, .listing-writereview.dozelena a, .listing-writereview.dozluta a, .listing-writereview.domodra a, .listing-writereview.docervena a, 
.listing-writereview.doseda a, .listing-writereview.doruzova a, .listing-writereview.dokremova a, .listing-writereview.dofialova a {
    padding: 8px 13px 8px 13px;
    border-radius: 5px;
    text-decoration: none;
    margin: -1px 0px 0px 6px;
    line-height: 25px;
    display: block;
    
    border: 1px solid #dfd2ba;    
    background: #f3ecdf;  
    color: #837254;      
}





.listing-writereview a i           {  opacity: 0.6;}
.listing-writereview a:hover i     {  opacity: 1;}





.listing-writereview.dobezova a {
    
    border: 1px solid #dac5a6; 
    background: #f5e6c8; 
    color: #8b6b4f;
}


.listing-writereview.dozluta a {
    border: 1px solid #f1d78a;
    background: #faf3c0;
    color: #7d6724;
}


.listing-writereview.dozelena a {
    border: 1px solid #badbbc;
    background: #e1f7e4;
    color: #456f4e;
}

.listing-writereview.dozelena a:hover {border: 1px solid #a5c7a7;}

.listing-writereview.domodra a {
    border: 1px solid #d4e3ed;
    background: #eff5f9;
    color: #2f6689;
}

.listing-writereview.domodra a:hover {border: 1px solid #5c86a1;}

.listing-writereview a i {
    opacity: 0.6; /* Výchozí průhlednost ikony */
    transition: opacity 0.3s ease; /* Hladký přechod průhlednosti při hoveru */
}




.fullwidthlink {
    float: initial;
    width: 100%;
    margin: 0px !important;
}

.fullwidthlink a { margin: 0px !important; }



.fullwidthlink .underfullwidthlink {
    font-size: 13px;
    line-height: 18px;
    margin: 0px 0px 5px 0px;
    padding: 5px 10px 5px 20px;
    color: rgba(119, 119, 119, 1);
}


.fullwidthlink .listing-writereview.domodra a {
    padding: 13px 18px 13px 18px;
    font-size: 17px;
    font-weight: 400;
    border: 1px solid #df3744;
    background: #df3744;
    color: #f4fbff;
}

.fullwidthlink .listing-writereview.domodra a i { opacity: 0;}








.listing-writereview.docervena a {
    border: 1px solid #e4a0a0;
    background: #f7d0d0;
    color: #a15c5c;
}

.listing-writereview.doseda a {
    border: 1px solid #ddd;
    background: #f5f5f5;
    color: #7a7a7a;
}

.listing-writereview.doruzova a {
    border: 1px solid #e9bdde;
    background: #ffebf6;
    color: #97527f;
}

.listing-writereview.dokremova a {
    border: 1px solid #e4d3a0;
    background: #f7eed0;
    color: #a1855c;
}

.listing-writereview.dofialova a {
    border: 1px solid #c7a0e4;
    background: #e6d0f7;
    color: #815ca1;
}





a.modrybutton {
    padding: 12px 15px 12px 15px;
    border-radius: 5px;
    text-decoration: none !important;
    margin: 20px 0px 20px 0px;
    line-height: 25px;
    display: block;
    border: 1px solid #d4e3ed;
    background: #eff5f9;
    color: #4d7893 !important;
    text-align: center;
    font-size: 18px;
}

a.modrybutton:hover {border: 1px solid #5c86a1;}



a.zlutybutton {
  border: 1px solid #dbce0e;
  background: #fbee32;
  color: #605310 !important;
}

a.zlutybutton:hover { border: 1px solid #aca20e;}





















     
















.node--type-pridat-malire .messages.messages--status {
  padding: 12px 15px;
  margin: 30px 0px 10px 0px;
  border-radius: 5px;
  background: rgb(255 243 232);
  color: #c74040;
  border: 1px solid #ebdbde;
}


/* -------------------- BUTTONS BUTTONS BUTTONS  ----------------------- */




.block-content iframe, #streetViewImage {
    width: 100%;
    display: block;
    border-radius: 6px;
}






.iframehypotekasporitelna {
    height: 1300px;  
    /* pointer-events: none; */
    /* padding: 10px; */
    /* margin: 19px 0px 20px 0px; */
}


.obrazekvaccordionu {
    margin: 3px 10px 4px -20px;
    border-radius: 6px;
    width: 60px;
}     
     
     
     
                         


.obalaround {
    width: 100%;
    display: table;
    border-top: 1px solid rgb(224, 224, 224);
    border-bottom: 1px solid rgb(224, 224, 224);
    padding: 15px 0px 15px 0px;
    margin: 20px 0px 20px 0px;
}







.obalaround.noborderhere {
    border: none;
    padding: 15px 0px 15px 0px;
    margin: 0px 0px 0px 0px;
}







#node-single-comment textarea {
    border-radius: 6px;
    border: 1px solid #9abfd7;
    background: #f5f5f575;
    padding: 10px 10px 10px 15px;
}















.obalaround.bezohraniceni { border: none; padding: 0px; margin: 20px 0px 20px 0px;}


.obalaround.bezohraniceninahore {border-top: none; padding: 5px 0px 15px 0px;margin: 0px 0px 20px 0px;}




.listing-bookbyemail                { float: left; margin: 10px 20px 0px 0px}
.listing-bookbyphone                { float: left; margin: 10px 0px 0px 0px}


.listing-bookbyemail a, .listing-bookbyphone a {
  display: flex; /* Změna na flexbox layout */
  align-items: center; /* Centrování prvků ve vertikálním směru */
  justify-content: space-between; /* Zarovnání textu a ikony na opačné strany */
  text-align: left; /* Zarovnání textu doleva */  
  border-radius: 4px;
  text-decoration: none !important;
  padding: 10px 10px 10px 10px;
}

.listing-bookbyemail a:hover, .listing-bookbyphone a:hover {
    color: black;
    border: 1px solid #999999;
    text-decoration: none !important;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}



.askquestion a {
    background: #d7f1fe;
    color: black !important;
    border: 1px solid #b8c6cd;
}

.listing-bookbyemail a {
    background: #d1f3ea;
    color: black !important;
    border: 1px solid #9ed9ca;
}

.listing-bookbyphone a {  
    background: #f5f7a2;
    color: black !important;
    border: 1px solid #d4cf8e;
}



.listing-bookbyemail a .sheduleicon, .listing-bookbyphone a .sheduleicon {
  font-size: 40px; /* Velikost ikony */
  padding: 0px 10px 0px 2px;
}

.listing-bookbyemail a .sheduletext, .listing-bookbyphone a .sheduletext {
    flex-grow: 1;
    font-size: 16px;
    line-height: 20px;
}


.listing-bookbyemail a .sheduletext span {
  text-align: right;
  display: block;
  padding: 0px 0px 0px 0px;
  line-height: 15px;
  font-size: 14px;
  color: #467165;
  font-weight: normal;
}

.listing-bookbyphone a .sheduletext span {
  text-align: right;
  display: block;
  padding: 0px 0px 0px 0px;
  line-height: 14px;
  font-size: 13px;
  color: #865517;
  font-weight: normal;
}



.obalaround.termtopcategory {
    width: 100%;
    display: table;
    margin: -30px 0px 0px -13px;
}


.obalaround.termtopcategory .listing-bookbyemail a .sheduleicon, .obalaround.termtopcategory .listing-bookbyphone a .sheduleicon { font-size: 25px;}





span.termlistingicon {
    font-size: 15px;
    padding: 0px 0px 0px 7px;
    top: 1px;
    position: relative;
    color: black;
}


span.emptytermfield                      { color: silver !important}
span.emptytermfield span.termlistingicon { color: silver !important}









.listing-block .listing-content .listing-info .phone       { font-size: 15px;line-height: 16px; padding: 10px 0px 15px 0px;}
.listing-block .listing-content .listing-info .phone .icon { font-size: 25px;margin-right: 14px;color: #ddd;}


.listing-block .listing-profiledescription  { padding: 10px 0px 10px 0px; color: silver; font-size: 13px; line-height: 17px}
.listing-block .listing-footer .right       { padding: 10px 0px 10px 0px;width: 100%;color: #aaa; font-size: 15px;}
.listing-block .listing-footer .right a     { color: #aaa;}



.listing-image-floating.onlytermpage { width: 100%;float: initial; padding: 0px; box-shadow: none;border: none;background: initial;     font-size: 14px; line-height: 18px; margin: 0px}

.listing-image-floating.onlytermpage .listing-other-1 {
    border: none;
    border-bottom: 1px solid #dee2e6;
    padding: 5px 0px 5px 0px;
    margin: 0px;
}


.item-columns.static-box  {  margin: 20px 0px 20px 0px;  padding: 20px 20px 10px 20px;background: #f5f5f5;border-radius: 10px;}

.item-columns.static-box {
    border-radius: 8px;
    margin: 0px 10px 40px 0px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
    border: none;
    background: white;
}


.item-pair {display: flex;justify-content: space-between; }


.specialtermbox.column111 .listing-block.v2   { padding: 20px 0px 0px 0px;     background: #f5f5f5;   box-shadow: none}
.specialtermbox.column222 .listing-block.v2   { padding: 20px 0px 0px 0px;     background: #a2ddba;  background: #f5f5f5;  box-shadow: none}



.specialtermbox.column222 .listing-content, .specialtermbox.column111 .listing-content {
    margin: 0px 10px 20px 0px;
    padding: 20px 30px 30px 30px;
    background: #fff;
    border-radius: 8px;
    font-size: 15px;
    line-height: 23px;
    padding: 25px 35px 35px 35px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}






.specialtermbox .reklamanopadding { padding: 10px !important;}











.specialtermbox.column111 .listing-content.adsensepadding10  { padding: 20px; }



.column111 a, .column222 a   {color: rgb(0,106,255); text-decoration: underline;  text-underline-offset: 0.21rem;}








.specialtermbox.column222 .listing-content label { font-family: "Rubik", sans-serif; font-size: 25px; line-height: 37px;  font-weight: 900; padding-bottom: 10px;}
.specialtermbox.column222 .listing-content .listing-info { padding: 0px;}







.listing-block .listing-image .dentist-border img { border: 10px solid #94bce8;}

.listing-block .listing-image .dermatologist-border img                  { border: 10px solid #ffc107; }
.listing-block .listing-image .doctor-border img                         { border: 10px solid #60bf93; }
.listing-block .listing-image .family-practice-physician-border img      { border: 10px solid #17a2b8; }
.listing-block .listing-image .gastroenterologist-border img             { border: 10px solid #dc3545; }
.listing-block .listing-image .general-practitioner-border  img          { border: 10px solid #6c757d; }
.listing-block .listing-image .mental-health-clinic-border img           { border: 10px solid #343a40; }
.listing-block .listing-image .neonatal-doctor-border  img               { border: 10px solid #f8d7da; }
.listing-block .listing-image .neurologist-border img                    { border: 10px solid #6610f2; }
.listing-block .listing-image .obstetrician-gynecologist-border img      { border: 10px solid #e83e8c; }
.listing-block .listing-image .occupational-medical-doctor-border  img   { border: 10px solid #fd7e14; }
.listing-block .listing-image .oncologist-border img                     { border: 10px solid #6f42c1; }
.listing-block .listing-image .ophthalmologist-border img                { border: 10px solid #20c997; }
.listing-block .listing-image .optometrist-border img                    { border: 10px solid #17a2b8; }
.listing-block .listing-image .orthopedic-surgeon-border img             { border: 10px solid #d63384; }
.listing-block .listing-image .pain-management-doctor-border img         { border: 10px solid #ffc107; }
.listing-block .listing-image .sports-medicine-doctor-border  img        { border: 10px solid #28a745; }
.listing-block .listing-image .default-border  img                       { border: 10px solid #6c757d; }



.listing-block .listing-image .dentist-border img { border: 10px solid #b3d1f2;}

.listing-block .listing-image .dermatologist-border img                  { border: 10px solid #ffe8a1; }
.listing-block .listing-image .doctor-border img                         { border: 10px solid #a3e3c2; }
.listing-block .listing-image .family-practice-physician-border img      { border: 10px solid #a4d7e1; }
.listing-block .listing-image .gastroenterologist-border img             { border: 10px solid #f4b2ba; }
.listing-block .listing-image .general-practitioner-border img           { border: 10px solid #a9b8c3; }
.listing-block .listing-image .mental-health-clinic-border img           { border: 10px solid #868e96; }
.listing-block .listing-image .neonatal-doctor-border img                { border: 10px solid #9bbdd0;}
.listing-block .listing-image .neurologist-border img                    { border: 10px solid #b19cd9; }
.listing-block .listing-image .obstetrician-gynecologist-border img      { border: 10px solid #f4aacb; }
.listing-block .listing-image .occupational-medical-doctor-border img    { border: 10px solid #fecdca; }
.listing-block .listing-image .oncologist-border img                     { border: 10px solid #b6a8d4; }
.listing-block .listing-image .ophthalmologist-border img                { border: 10px solid #a4decf; }
.listing-block .listing-image .optometrist-border img                    { border: 10px solid #a4d7e1; }
.listing-block .listing-image .orthopedic-surgeon-border img             { border: 10px solid #e6a9c4; }
.listing-block .listing-image .pain-management-doctor-border img         { border: 10px solid #ffe8a1; }
.listing-block .listing-image .sports-medicine-doctor-border img         { border: 10px solid #a6d7af; }
.listing-block .listing-image .default-border img                        { border: 10px solid #a9b8c3; }




.listing-block .listing-image .dentist-border img {
    border: 10px solid #abc6ba;
}

























/* -------------------- ACCORDION ACCORDION ACCORDION   ----------------------- */
/* -------------------- ACCORDION ACCORDION ACCORDION   ----------------------- */
/* -------------------- ACCORDION ACCORDION ACCORDION   ----------------------- */

.lightaccordion .panel-group.skin-white .panel {
    border: none !important;
    border-bottom: 1px solid #dee2e6 !important;
    margin-bottom: 0px;
    padding: 8px 0px 8px 0px;
    background: initial;
}

.panel .panel-heading .panel-title > a {
    line-height: 26px;
    font-size: 17px;
    text-decoration: none;
    font-family: "Rubik", sans-serif;
    background: initial;
}

.panel .panel-body {
    border: none;
    font-size: 15px;
    line-height: 24px;
    padding: 10px 0px 10px 0px;
}

.panel .panel-body a { color: rgb(0,102,204); text-decoration: underline}




.gsc-accordion .panel .panel-heading .panel-title > a:after {font-size: 15px;color: #ddd; font-weight: bold;}

.gsc-accordion .panel-group.skin-white .panel {
    border: 1px solid rgb(183 172 141) !important;
    margin-bottom: 10px;
    padding: 20px 25px 20px 25px;
    border-radius: 8px;
    background: #fffaeb;
    
    
    border: 1px solid #ccc !important;
    background: white;
}






.gsc-accordion .panel-group.skin-white .panel .panel-body {
    margin: 30px 0px 0px 0px;
    padding: 0px 0px 0px 20px;
    font-size: 16px;
    line-height: 28px;
    margin: 20px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
    border-top: 1px solid #e1d8bc !important;
}








.gsc-accordion blockquote {
    margin: 20px 0px 20px 0px;
    padding: 20px 25px 10px 25px;
    border: none;
    font-size: 15px;
    line-height: 23px;
    background: #f5ebce;
    border-radius: 8px;
    color: #554109;

    border: 1px solid #e3d19c;
}






.specialtermbox .lightaccordion .panel-group.skin-white .panel { background: initial;padding: 5px 0px 5px 0px; }

.specialtermbox .panel .panel-heading .panel-title > a        { line-height: 28px; font-weight: normal; font-family: "Roboto Slab", "Rubik", sans-serif;font-size: 16px; background: initial;}
.specialtermbox .panel .panel-heading .panel-title > a:hover  { text-decoration: none}

                 
#comment-form fieldset:not(.fieldgroup) {padding: 10px 10px 0px 10px;}




.easyPieChart        {  line-height: 154px;}
.easyPieChart span   { font-size: 30px;}
.easyPieChart canvas { }

.gsc-chart .content .title { font-weight: bold;  font-size: 18px;}




.widescreencustomblock {
    padding: 60px 0px 100px 0px;
    background: rgb(250,250,250);
    border-top: 1px solid #ddd;
    margin: 50px 0px 0px 0px;
}


.widescreencustomblock .faqtitle {
    font-family: "Roboto Slab", "Rubik", sans-serif;
    font-weight: normal;
    font-size: 46px;
    line-height: 58px;    
    
    padding: 0px 0px 40px 0px;
    text-align: center;
    font-size: 76px;
    font-weight: 900;
    line-height: 87px;
    font-family: "Rubik", sans-serif;
}

.widescreencustomblock .faqtitle span {font-weight: 300;color: silver;}



.specialaccordion111     { font-family: "Roboto Slab", "Rubik", sans-serif; font-weight: 500; }

.specialaccordion111 .panel .panel-heading .panel-title > a {
    padding: 20px 30px 25px 30px;
    font-family: "Roboto Slab", "Rubik", sans-serif;
    font-weight: 400;
    font-size: 27px;
    line-height: 37px;
    color: black;
}

.specialaccordion111 .panel .panel-heading .panel-title > a:hover  { background: rgb(250,250,250); }
.specialaccordion111 .panel .panel-heading .panel-title > a:not(.collapsed__.collapsed) {
    background: rgb(241 240 243);
    border-bottom: 1px solid silver;
}





.specialaccordion111 .darkblueborder .panel-heading .panel-title > a { border-left: 10px solid rgb(51 102 153);}
.specialaccordion111 .blueborder .panel-heading .panel-title > a { border-left: 10px solid #5bbed4; }
.specialaccordion111 .greenborder .panel-heading .panel-title > a { border-left: 10px solid rgb(159,213,190);}
.specialaccordion111 .yellowborder .panel-heading .panel-title > a { border-left: 10px solid rgb(250,237,203);}
.specialaccordion111 .orangeborder .panel-heading .panel-title > a { border-left: 10px solid rgb(247,217,196);}
.specialaccordion111 .violetborder .panel-heading .panel-title > a { border-left: 10px solid rgb(219,205,240);}
.specialaccordion111 .pinkborder .panel-heading .panel-title > a { border-left: 10px solid rgb(245,149,151);}



.specialaccordion111 .darkblueborder .panel-heading .panel-title > a:not(.collapsed__.collapsed)    { background: #33669914; }
.specialaccordion111 .blueborder .panel-heading .panel-title > a:not(.collapsed__.collapsed)    { background: #5bbed429; }
.specialaccordion111 .greenborder .panel-heading .panel-title > a:not(.collapsed__.collapsed)   { background: #9fd5be40;}
.specialaccordion111 .yellowborder .panel-heading .panel-title > a:not(.collapsed__.collapsed)  { background: #faedcb52;}

.specialaccordion111 .orangeborder .panel-heading .panel-title > a:not(.collapsed__.collapsed)  { background: #f5959729;}
.specialaccordion111 .violetborder .panel-heading .panel-title > a:not(.collapsed__.collapsed)  { background: #f5959729;}
.specialaccordion111 .pinkborder .panel-heading .panel-title > a:not(.collapsed__.collapsed)    { background: #f5959729;}




.specialaccordion111 .panel-group.skin-white .panel {    
    border: none !important;
    margin-bottom: 10px;
    padding: 0px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px !important;
    overflow: hidden;}


.specialaccordion111 .panel .panel-body {
    padding: 30px 40px 35px 40px;
    font-size: 17px;
    line-height: 26px;
    font-weight: normal;
}




.specialaccordion111 .panel .panel-heading .panel-title           { padding-right: 0px;}
.specialaccordion111 .panel .panel-heading .panel-title > a:after                       { top: 30px;right: 15px;color: silver;}
.specialaccordion111 .panel .panel-heading .panel-title > a.collapsed__.collapsed:after { color: black;}

.specialaccordion111 .accordionsubtitle   { display: block; font-size: 13px; line-height: 16px; color: rgba(119,119,119,1) }


.panel .panel-heading .panel-title {
    font-size: 16px;
    margin-bottom: 0;
    padding: 0px 0px 0px 0px;
}

.panel .panel-heading .panel-title > a.collapsed:after  { content: "\f078";}
.panel .panel-heading .panel-title > a:after            { content: "\f077";}

strong.redcolor {
    color: rgb(204, 0, 51);
    background: #ffe1e1;
    padding: 10px 20px 10px 20px;
    border-radius: 0px;
    font-size: 20px;
}



/* ----------------------------- MINIMAL ---- WHITE ---- MALIRI ---- ACCORDION  --------------------------- */


.view-page {padding-bottom: 60px; margin: 0px}


#inv-builder-accordion-wrapper-lawyerspractice {
padding: 25px 30px 25px 30px;
    margin: 0px auto;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    display: table;
    width: 65%;
    border-radius: 8px;
}



#inv-builder-accordion-wrapper-lawyerspractice .tablokality.bigtablokality { margin: 0px;}


#inv-builder-accordion-wrapper-lawyerspractice a[aria-expanded="true"] { background-color: white;}








.minimalaccordion .panel    { padding: 0px;}



.minimalaccordion .panel .panel-body {
    background: #fff;
    /* border-radius: 10px; */
    margin: 10px 0px 10px 0px;
    border: none;
    padding: 12px 20px 12px 20px;
    /* box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; */
    border-left: 2px solid #c5354f !important;
}


.minimalaccordion .panel .panel-body p { margin: 10px 0px 10px 0px;}


.minimalaccordion .panel .panel-body ul, .minimalaccordion .panel .panel-body ol {
    margin: 20px 0px 19px 0px;
    padding: 0px 0px 0px 20px;
}

.minimalaccordion .panel .panel-body ul li, .minimalaccordion .panel .panel-body ol li {
    margin-bottom: 0px;
}

.minimalaccordion .panel .panel-body h2, .minimalaccordion .panel .panel-body h3, .minimalaccordion .panel .panel-body h4, .minimalaccordion .panel .panel-body h5 {
    font-size: 20px;
    margin: 20px 10px 10px 0px;
}

.minimalaccordion .panel .panel-heading .panel-title > a::after {
    /* content: attr(data-content); */
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #f1f3f4c7;
    color: #757575;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    position: absolute;
    top: 10px;
    /* vertical-align: middle; */
    right: 0px;
    font-weight: bold;
    padding: 7px 0px 0px 2px;
    border: 1px solid #dee2e6;
}


.listingcontactform.webform-111 .js-webform-states-hidden.form-actions.webform-actions { float: initial}


#edit-accordion {
    width: 100%;
    display: table;
    padding: 10px 10px 10px 25px;
    border-radius: 6px;
    background: white;
    margin: 40px 0px 0px 0px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}



#edit-accordion blockquote {
    margin: 20px 0px 20px 0px;
    padding: 12px 20px 12px 20px;
    border: none;
    font-size: 17px;
    line-height: 28px;
    background: #fff3f4;
    border-radius: 4px;
    color: #9b1136;
    font-weight: 300;
}













.minimalaccordion .panel .panel-heading .panel-title > a.collapsed__:not(.collapsed) { }

.minimalaccordion .panel .panel-heading .panel-title > a {
    padding: 15px 30px 15px 10px;
    border-bottom: 1px solid #dee2e6;
    text-decoration: none !important;
}

.minimalaccordion.accordioncenikmaliru table { margin: 0px 0px 0px 0px;}

.minimalaccordion .extremelysmallfont  { margin: 0px; padding: 0px 0px 0px 0px; font-size: 13px; line-height: 16px; color: silver}






.minimalaccordion.accordionsmallsidebar .panel .panel-heading .panel-title > a {
    padding: 12px 10px 12px 5px;
    border-bottom: 1px solid #dee2e6;
    font-size: 17px;
    line-height: 26px;
    font-weight: normal;
}


.minimalaccordion.accordionsmallsidebar .panel .panel-body {
    font-size: 12px;
    line-height: 19px;
    color: #6c757d;
}


.minimalaccordion.accordionsmallsidebar .panel .panel-body .lowertitlepart.different222 {
    font-size: 12px;
    line-height: 18px;
    padding: 10px 15px 10px 15px;
}








.accordiontermpage  { margin: 0px 0px 0px -15px; }


.accordiontermpage .panel { background: initial;padding: 10px 0px 0px 0px;}

.accordiontermpage .panel .panel-heading { width: 420px;width: fit-content; }

.accordiontermpage .panel .panel-heading .panel-title > a {
    background: white;
    background: #d3dbdf87;
    padding: 10px 15px 10px 15px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    border-radius: 6px;
    color: #3e5864;
}



.accordiontermpage .panel .panel-heading .panel-title > a:after {
    top: 8px;
    right: -26px;
    color: black;
}
















table tr:hover>td, table tr td { transition: all 200ms ease-in-out; }




.vymalovaniprostor111 {
    font-size: 18px;
    /* font-weight: 300; */
    line-height: 32px;
    font-family: "Roboto Slab", "Rubik", sans-serif;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    padding: 15px 20px 20px 25px;
    margin: 20px 0px 20px 0px;
    /* text-align: center; */
    background: #f5f5f557;
}

.vymalovaniprostor222 {
    font-size: 18px;
    line-height: 32px;
    font-family: "Roboto Slab", "Rubik", sans-serif;
    padding: 15px 10px 20px 10px;
    margin: 20px 0px 20px 0px;
}




.differentboxtext {
    font-size: 18px;
    line-height: 27px;
    font-family: "Roboto Slab", "Rubik", sans-serif;
    padding: 15px 10px 10px 20px;
    margin: 20px 0px 20px 0px;
    border-left: 2px solid #d7dcdf;
}


.differentboxtext h3 {
    font-size: inherit;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-family: inherit;
}

.smallinfotext {
    font-size: 12px;
    line-height: 19px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #757575;
}



















.malirispecialbox.listing-block h3 a:visited { color: purple; }





/* ----------------------------- TABS TABS TABS TABS   --------------------------- */
/* ----------------------------- TABS TABS TABS TABS   --------------------------- */
/* ----------------------------- TABS TABS TABS TABS   --------------------------- */

.makeitfullwidth {
    margin: 20px 0px 20px 0px;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
    margin: 0px 10px 40px 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
    background: #e1e5e8;
    padding: 0px 0px 20px 0px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}



.makeitfullwidth .doplnujicitext {
    margin: 0px;
    font-size: 13px;
    line-height: 16px;
    padding: 10px 10px 0px 10px;
    color: #999999;
}

.gsc-tabs .tabs_wrapper.tabs_horizontal .nav-tabs {
    background: #f5f5f5;
    border: none;
    
    padding: 15px 15px 0px 15px;
}




.makeitfullwidth.gsc-column      { padding: 0px; width: 100%; max-width: 100%; }

.makeitfullwidth .gsc-tabs .tabs_wrapper.tabs_horizontal .nav-tabs    { border: none; border-bottom: 1px solid #f5f5f5; padding: 15px 15px 0px 0px;}
.makeitfullwidth .gsc-tabs .tabs_wrapper.tabs_horizontal .tab-content { border: none; border-bottom: 1px solid #f5f5f5;}

.makeitfullwidth .gsc-tabs .tabs_wrapper.tabs_horizontal .tab-content .tab-pane   { background: #f5f5f5;;}



.makeitfullwidth .nav-tabs > li > a, .makeitfullwidth .nav-tabs > li.active > a, .makeitfullwidth .nav-tabs > li > a.active 
{ font-size: 17px; padding: 10px 15px; color: black; text-transform: initial; text-decoration: none; background: rgb(245,245,245); border: 1px solid rgb(245,245,245)}


.makeitfullwidth .nav-tabs > li.active > a, .makeitfullwidth .nav-tabs > li > a.active {
    border-radius: 0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px solid #ced9e1;   
    border-bottom: none;
    color: black;
    background: white;
}


.makeitfullwidth .nav-tabs a {     margin: 0px 5px -1px 0px !important;}









.makeitfullwidth .nav-tabs > li > a p { padding: 0px; color: rgb(128,128,128); line-height: 16px; font-size: 13px;text-transform: initial; font-weight: normal;} 

.tablokality  { background: rgb(255,255,255)}

.tablokality .tabs_wrapper.tabs_horizontal .tab-content {border: none}

.tablokality a {
    line-height: 30px;
    font-size: 16px;
    color: rgb(69 114 158) !important;
    padding: 0px 10px 0px 10px;
    border-radius: 5px;
    text-decoration: none !important;
    margin: 0px 5px 5px 0px;
    border: 1px solid #dfd2ba;
    background: #f3ecdf;
    color: #837254;
    border: 1px solid #d4e3ed;
    background: #eff5f9;
    color: #2f6689;
    float: left;
        transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}




.tablokality a:nth-child(2n) {    
    color: #204e42 !important;
    background: #d1f3ea96;
    border: 1px solid #c5e1da; 
    }


.tablokality a:hover      { border: 1px solid #98c3c3; }


.tablokality a:hover      { text-decoration: underline !important;}
.tablokality a.velkemesto { color: #52b78f;}



.tablokality a.velkemesto.biggestcity { color: rgb(204,0,51) }





.tablokality.different111 {
    width: 100%;
    margin: 10px 0px 10px -15px;
    padding: 20px 20px 15px 20px;
    background: white;
    border-radius: 6px;
    color: #3e5865;
    display: table;
    border: 1px solid #dee2e6;
}

.tablokality.different111 a {
    line-height: 25px;
    font-size: 15px;
    color: rgb(69 114 158) !important;
    padding: 0px 5px 0px 5px;
}



.tablokality.bigtablokality {
    width: 100%;
    display: table;
    margin: 20px 0px 30px 0px;
    background: initial;
}


.tablokality.bigtablokality a {
    line-height: 38px;
    font-size: 19px;
    padding: 0px 15px 0px 15px;
    text-decoration: none !important;
    margin: 0px 5px 5px 0px;
    border: 1px solid #b9cbd7;
}


.tablokality.bigtablokality a:hover {
        color: rgb(63 7 12) !important;
        border: 1px solid #c7888d;
        background: #ffacb3;
}

.smallh2title {
    font-size: 20px;
    padding: 0px 0px 10px 10px;
    font-weight: 500;
}







.specialtwocolslist h3 {
    margin: 30px 0px 20px 0px;
    font-size: 22px;
}
.specialtwocolslist ul {
        margin-bottom: 0px;
        border-bottom: 1px solid #dee2e6;
        padding-bottom: 40px;
    }
    .specialtwocolslist ul li a { font-size: 18px; }











.gsc-heading .sub-title {



    text-transform: initial;
    letter-spacing: 1px;
    font-weight: normal;
    
    color: rgb(26 45 36);
    font-size: 14px;
    background: #9ed1b8;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    display: inline-block;
}



.floatingboxinsidetabs {
    width: 100%;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 20px 0px;
    display: table;
    border-bottom: 1px solid #dee2e6;
}

.floatingboxinsidetabs .searchautocomplete.searchinbox {
    all: unset;
    padding: 20px 0px 0px 30px;
    margin: 0px;
    display: table;
    width: 60%;
    box-sizing: border-box;
}

.imageinsidetabs {
    width: 40%;
    padding: 0;
    margin: 0;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100px;
    font-size: 35px;
    font-weight: bold;
    color: #3e5864;
}



  
.attorneytabs                         { display: table; width: 100%; margin: 0px 0px 0px 0px;}    
.attorneytabs.differentvariant111     { margin: 0px 0px 30px 0px;}


.attorneytabs.differentvariant111 .tab-content h2,.attorneytabs.differentvariant111 .tab-content h3, .attorneytabs.differentvariant111 .tab-content h4, .attorneytabs.differentvariant111 .tab-content h5 {
    padding: 0px 0px 10px 0px;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
}






.attorneytabs.differentvariant111 .tab-pane ul {
    padding: 0px 0px 0px 10px;
    margin: 10px 0px 10px 0px;
    background: none;
    border: none;
}

.attorneytabs.differentvariant111 .tab-pane ul li {
    padding: 0px 0px 0px 7px;
    margin: 0px 0px 0px 20px;
    list-style-type: initial;
    font-size: inherit;
    line-height: inherit;
}
   
    
.attorneytabs .gsc-tabs .tabs_wrapper.tabs_horizontal .nav-tabs {
    background: #fff;
    border: 1px solid #dee2e6;
    padding: 3px;
    margin: 0px 0px 5px 0px;
    border-radius: 10px;
}



.attorneytabs.different111 { margin: 10px auto 30px auto; width: auto; }
.attorneytabs.different111 .nav-tabs > li a { border-radius: 11px;  font-size: 16px;   margin-right: initial;}

.attorneytabs.different111 .nav-tabs > li a:hover, .attorneytabs.different111 .nav-tabs > li a.active { background: white !important; color: #369 !important;}


.attorneytabs.different111 .nav-tabs li a.highlighted111 {
    color: #fffcfa !important;
    margin-left: 10px;    
    
    background: rgb(179 68 68) !important;
    background: rgb(31 177 96) !important;
}

.attorneytabs.different111 .nav-tabs li a.highlighted111.singlebuttonwithoutmargin {margin: 0px; }





.attorneytabs.different111 .gsc-tabs .tabs_wrapper.tabs_horizontal .nav-tabs {
    background: #ffffff61;
    border: none;
    padding: 6px;
    border-radius: 16px;
}


.attorneytabs.different111.menepruhledne .gsc-tabs .tabs_wrapper.tabs_horizontal .nav-tabs { background: #ffffffcf;}



.attorneytabs.different111.sedepozadi .gsc-tabs .tabs_wrapper.tabs_horizontal .nav-tabs {
    background: #f5f5f5;
}

.attorneytabs.different111.navypozadi .gsc-tabs .tabs_wrapper.tabs_horizontal .nav-tabs {
    background: #e3e6e7;
}




.attorneytabs .nav-tabs li {     margin: 0px !important; }

.attorneytabs .nav-tabs > li a {
    color: #366882 !important;
    text-decoration: none;
    padding: 12px 15px;
    border-radius: 6px;
    margin-right: 5px;
    text-decoration: none !important;
}

.attorneytabs .nav-tabs > li a:hover { background: #dee2e6 }
      
.attorneytabs .nav-tabs > li a.active {
    color: #fffcfa !important;
    background: rgb(179 68 68);
}
     
.attorneytabs .gsc-tabs .tabs_wrapper.tabs_horizontal .tab-content {border: none}
     
     
.attorneytabs .gsc-tabs .tabs_wrapper.tabs_horizontal .tab-content .tab-pane {
    border: none;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px 20px 15px 20px;
    font-size: 15px;
    line-height: 23px;
    margin: 10px 0px 10px 0px;
    color: #31393f;
    
    
    background: rgb(250,250,250);
}

.attorneytabs.differentvariant111 .gsc-tabs .tabs_wrapper.tabs_horizontal .tab-content .tab-pane {
    background: #fff;
}

.attorneytabs.differentvariant111 .gsc-tabs .tabs_wrapper.tabs_horizontal .tab-content .tab-pane strong {color: black !important;}


     
.attorneytabs .onlysubcategories {
    font-weight: normal;
    display: table;
    padding: 10px;
    box-shadow: none;
    border-radius: 5px;
    margin: 15px 0px 0px 0px;
    border: 1px solid #d5d1b7;
    background: #fffbd9;
    color: #351e13 !important;
    border: 1px solid #dee2e6;
    background: white;
    color: #45586d !important;
}
    
.attorneytabs .gsc-tabs .tabs_wrapper.tabs_horizontal .tab-content .tab-pane strong {
    font-weight: 500;
    color: #bd3807;
}
    
    
    
/* ----------- js smooth posun pro attorney tabs----------- */      
  

.attorneytabs .nav-tabs {
  position: relative;
  --slider-left: 0px;
  --slider-width: 0px;
}


.attorneytabs----------------- .nav-tabs::before {
    content: "";
    position: absolute;
    top: 5px;
    left: var(--slider-left);
    width: var(--slider-width);
    height: 81%;
    background: rgb(189, 56, 7);
    border-radius: 6px;
    transition: left 0.2s ease, width 0.2s ease;
    z-index: 0;
}

.attorneytabs------------ .nav-tabs::before::after {
    content: "";
    position: absolute;
    bottom: -8px; /* Posun pod `::before` */
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgb(189, 56, 7); /* Barva šipky */
}




.attorneytabs .nav-tabs > li a {
  position: relative;
  z-index: 1;
  display: inline-block;
  transition: color 0.3s ease;
}



/* ----------- js smooth posun pro attorney tabs----------- */

.attorneytabs .tab-pane ul     {margin: 20px 0px 20px 0px;     padding: 0px 0px 0px 10px;}

.attorneytabs .tab-pane ul {
    margin: 20px 0px 20px 0px;
    padding: 0px 0px 0px 10px;
    
    
    padding: 18px 15px 10px 20px;
    border-radius: 5px;
    margin: 15px 0px 10px 0px;
    color: #351e13 !important;
    border: 1px solid #dee2e6;
    background: white;
}



.attorneytabs .tab-pane ul li  {  list-style-type: none; padding: 0px 0px 8px 0px;}


.attorneytabs h5 {
    margin-bottom: 10px;
    font-size: 16px;
}




.attorneytabs #search-menu{
    background-position: 98% center !important;
    background-image: url(../throbber-inactive.png);
    background-repeat: no-repeat;
    border-radius: 11px;
    padding: 12px 15px;
}


.attorneytabs .nebo {
    padding: 14px 5px 0px 12px;
}









.onlyforarticlecontent .attorneytabs #search-menu{appearance:none;width:100%;border:0;outline:0;padding:16px 40px 16px 25px;border-radius:10px;font-size:16px;color:#3a3f4a;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8fa3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") 12px 50%/40px 22px no-repeat;box-shadow:6px 6px 16px rgba(0,0,0,.12),-6px -6px 16px rgba(255,255,255,.75);transition:box-shadow .2s ease,transform .06s ease; min-width: 380px;}

.onlyforarticlecontent .attorneytabs #search-menu::placeholder{color:#9aa1b2}

.onlyforarticlecontent .attorneytabs #search-menu:focus{
  box-shadow:4px 4px 12px rgba(0,0,0,.12),-4px -4px 12px rgba(255,255,255,.75),inset 1px 1px 2px rgba(0,0,0,.08),inset -1px -1px 2px rgba(255,255,255,.7)
}


















            
            
/* ---------------------------- PUVODNI STYL -------------------- */
/* ---------------------------- PUVODNI STYL -------------------- */

/*

.floatingboxinsidetabs {
    width: 30%;
    float: left;
    padding: 0px 30px 30px 0px;
    margin: 0px 30px 30px 0px;
    border-right: 1px solid #f5f5f5;
}

.floatingboxinsidetabs .searchautocomplete.searchinbox {
    all: unset;
    margin: 0px 0px 20px 0px;
    display: table;
    width: 100%;
}

.makeitfullwidth .doplnujicitext {
    margin: 0px;
    font-size: 13px;
    line-height: 17px;
    padding: 0px 5px 0px 5px;
    color: #999999;
}
*/


/* ---------------------------- PUVODNI STYL -------------------- */
/* ---------------------------- PUVODNI STYL -------------------- */


       









.floatingboxinsidetabs img {border-radius: 6px;}



.verticaltabs { max-width: 100%;  padding: 0px;}



.verticaltabs .nav-tabs li a {
    font-size: 17px;
    line-height: 25px;
    padding: 10px 15px 10px 15px;
    text-transform: initial !important;
    background: #f5f5f5;
    border-radius: 6px;
    margin-bottom: 10px;
}

    
.verticaltabs .tabs_wrapper.tabs_vertical .nav-tabs > li { border-bottom: none; padding: 0px;}
   
.verticaltabs .nav-tabs > li.active > a, .verticaltabs .nav-tabs > li > a.active {
    color: black;
    background: #ffb13c;
    border-radius: 5px;
}

.verticaltabs .gsc-tabs .tabs_wrapper.tabs_vertical .nav-tabs { border: none; background: initial; padding: 0px;}

.gsc-tabs .tabs_wrapper.tabs_vertical .nav-tabs                  { flex: 0 0 30%; max-width: 30%;}    
.verticaltabs .gsc-tabs .tabs_wrapper.tabs_vertical .tab-content { flex: 0 0 70%; max-width: 70%; border: none; }

.gsc-tabs .tabs_wrapper.tabs_vertical .tab-content .tab-pane {
    background: #fff;
    padding: 5px 20px 20px 20px;
    border: none;
}


.tabs_horizontal .nav.nav-tabs li:nth-child(4) a--------- {
    background-color: red;
    color: black;
    background: #ecd971;
    border-radius: 5px;
    text-transform: lowercase;
}



/* ----------------------------- TABS TABS TABS TABS   --------------------------- */
/* ----------------------------- TABS TABS TABS TABS   --------------------------- */
/* ----------------------------- TABS TABS TABS TABS   --------------------------- */


.graviasvlastnicontent {
    background: initial;
    padding: 0px 30px 0px 0px;
    border-radius: 10px;
}









h2.noresultstitle {
    margin-bottom: -20px;
    line-height: 28px;
    font-size: 18px;
    padding: 20px 0px 0px 10px;
}



/* -------------------- MAP MAP MAP MAP MAP ------ FRONTPAGE ----------------------- */



.frontpagemapsearch                       { padding: 30px 0px 30px 0px;}

.frontpagemapsearch .view-content-wrapper {display: grid;grid-template-areas: 'content2''content1';}

.frontpagemapsearch .view-content-wrapper .view-content-1 {grid-area: content1;    }
.frontpagemapsearch .view-content-wrapper .view-content-2 {grid-area: content2;   }


.frontpagemapsearch .view-content-1 { z-index: 10; margin-top: 0px}



.frontpagemapsearch .view-content-1 .views-exposed-form-content-inner {width: 500px;   margin: 0 auto;}
.frontpagemapsearch .view-content-1 .views-exposed-form-content-inner .form-item {
    width: 80%;
    float: left;
    margin-bottom: 0;
    position: relative;
}

.frontpagemapsearch .view-content-1 .views-exposed-form-content-inner .form-actions {width: 20%;float: left;}





.map-layout-full .main-listing-wrapper .map-action { top: 15px;right: 15px;padding: 15px 15px 5px 15px;margin: 0px;box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;}

.leaflet-top .leaflet-control { margin-top: 25px;}

.leaflet-touch .leaflet-bar a {
    width: 45px;
    height: 45px;
    line-height: 50px;
    color: rgba(119,119,119,1);
    text-decoration: none;
}

.gva-open-listings{    border: 1px solid #16a09e;}




.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 28px;}

.leaflet-left {left: 0px;}
.leaflet-top  {top: 25px;}


/* -------------------- MAP MAP MAP MAP MAP ------ FRONTPAGE ----------------------- */
/* -------------------- MAP MAP MAP MAP MAP ------ FRONTPAGE ----------------------- */

.webform-submission-form---- .form-item select


{all: unset;}




.gsc-heading.style-2 .title, .gsc-heading.style-2 .title-desc h1 {
    text-transform: initial;
    margin-bottom: 10px;
    letter-spacing: 2px;
    color: black;
    padding: 0px 0px 30px 0px;
    font-size: 77px;
    font-weight: 900;
    line-height: 87px;
    font-family: "Rubik", sans-serif;
}

.gsc-heading.style-2 .title, .gsc-heading.homepageonly .title-desc h1 {
    color: #293a42 !important;
    font-size: 77px;
    text-shadow: 1px 2px 1px #e1e3e3, 0px 0px 2px #bacdd7;
}


.gsc-heading.shadowtext111 .title-desc h1 {
    text-shadow: 2px 3px 9px #8d9295, 0px 0px 2px #ffa07b;
}



.gsc-heading.style-2 .title, .gsc-heading.noshadowtext .title-desc h1 {text-shadow: none}






.gsc-heading.style-2 .title-desc h1 strong {
    background: #ffffff87;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    text-transform: initial;
    color: #145887;
    font-weight: bold;
    padding: 10px 18px 10px 20px;
    line-height: 70px;
    font-size: 30px;
    text-shadow: none !important;
}


.differentvariant111 .gsc-heading.style-2 .title-desc h1 strong {
    padding: 10px 18px 10px 20px;
    line-height: 68px;
    font-size: 24px;
    text-transform: initial; 
}

.differentvariant111 {padding-top: 0px !important;}




.differentvariant111.majetektitle .gsc-heading.style-2 .title-desc h1 strong {
    padding: 10px 18px 10px 20px;
    line-height: 28px;
    font-size: 24px;
    text-transform: initial;
    margin-top: 20px;
    display: block;
        box-shadow: none
}




.differentvariant111.majetektitle .mint {
    font-weight: normal;
    color: white;
    font-size: 17px;
    background: #145887;
    padding: 10px 15px 10px 15px;
    border-radius: 5px;
    margin: 15px 0px 15px 0px;
    display: inline-block;
}


.mint .littleword {
    font-size: 12px;
    padding-right: 3px;
    color: #bfdcef;
}

























.gsc-heading.style-2 {  padding: 0 0 10px;}



.body:not(.administrator) #edit-comment-body-0-format-help--2, 
.body:not(.administrator) #edit-group-hidden-fields

{
    display: none !important;
}


#edit-group-hidden-fields                     {display: none;}
body.administrator #edit-group-hidden-fields  {display: block;}


.gin--classic-toolbar .page-wrapper__node-edit-form .layout-region-node-secondary---- {display: none;}



#edit-comment-body-wrapper {
  display: table;
  width: 100%;
}



.upozorneni1 {
    color: black;
    padding: 10px 20px 10px 20px;
    margin: 15px 0px 15px 0px !important;
    border-radius: 6px;
    font-size: 15px;
    line-height: 25px;
    background: #fcfcfc;
    border: solid 1px #dedede;
    color: #39424d;
    background: #f2f8ff;
    border: solid 1px #ccd6e1;
}





.upozorneni2 {
    background: #f5f5f554;
    color: #212529;
    padding: 33px 35px 30px 67px;
    margin: 35px 0px 40px 0px !important;
    border-radius: 11px;
    font-size: 20px;
    line-height: 32px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}





.upozorneni2:before {
    content: "\f059";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 21px;
    top: 34px;
    font-size: 30px;
    color: #71c7ab;
}

.node--type-article .listing-content-main .upozorneni2 strong {
    font-weight: 500;
    color: #3ba180;
}




.most-search-block ul > li a {
    color: #6d7e9a;
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.35s;
    font-size: 14px;
    background: #ffffff9e;
    border: 1px solid #a8b3c7;
}

.most-search-block ul > li a:hover { border: 1px solid #a1a9bc;background: white;}



.gsc-heading .title-desc { max-width: 790px;}

.stoprocentwidth .gsc-heading .title-desc { max-width: 100%;}
     


.gsc-heading .title-desc {
    color: #324355;
    margin-top: 15px;
    font-size: 18px;
    line-height: 29px;
}

.gsc-heading .title-desc p a { color: #212529;text-decoration: underline;}

.most-search-block p {  font-size: 13px; color: #6d7e9a; }





.gsc-heading ul {
    margin: 0;
    margin: 20px 0px 20px 0px;
    padding: 0px 0px 0px 38px;  color: inherit;
}


.gsc-heading ul li {color: inherit;}




.gscobalfortext {
    font-size: 18px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1.00) !important;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #d4dfeb;
    margin: 10px 0px 0px 0px;
    padding: 30px 30px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}








.frontpagesearchform {
    position: relative;
    margin: 0 auto;
    margin-bottom: 82px !important;
    display: table;
    width: 70%;
    padding: 30px;
    border-radius: 10px;
}

.frontpagesearchform::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f5f5f591;
    /* filter: blur(5px); */
    z-index: -1;
    padding: 20px;
    border-radius: 8px;
}





#searchlawyersnow .frontpagesearchform {
    margin: 0px !important;
    width: 100%;
    padding: 0px;
    background: initial;
}

#searchlawyersnow .frontpagesearchform:before { all: unset;}

#searchlawyersnow #edit-textonly {display: none}




.choices__list--dropdown .choices__item--selectable       { padding-right: 0px;}
.choices__list--dropdown .choices__item--selectable:after { display: none}


.choices__list--dropdown {
  z-index: 1000;
  margin-top: 1px;
  border-radius: 6px;
}


.choices__list[aria-expanded] {z-index: 2;}








.node-listing-single .listing-content-main .block:after {all: unset;}               
.node-listing-single .listing-content-main #searchlawyersnow .block-content { background: #f8f4f4;     padding: 30px 40px 120px 40px;}
         
         
         
         
              
              
#attorney-actual-information-data .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable{
    min-height: 500px;
}        
              
              
              
              
                                  
.frontlistingform  { /* max-width: 600px; */margin: 0 auto;display: flex;flex-wrap: wrap;align-items: center;gap: 2px;}

.frontpagesearchform  .search-form label {flex-basis: 100%; /* Zajistí, že label zabere celou šířku */ 
position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}




.js-form-type-processed-text   { width: 100%; }

.frontpagesearchform .js-form-item-area   { flex-grow: 1;  flex-basis: 35%; padding: 0px; margin: 0px; margin-right: 0px;}
.frontpagesearchform .js-form-item-location     { flex-grow: 1;  flex-basis: 25%; padding: 0px; margin: 0px;}
.frontpagesearchform .search-submitfront          { flex-grow: 1;  flex-basis: 10%; padding: 0px; margin: 0px;}



.frontpagesearchform .form-item select, .frontpagesearchform .js-form-item-area .choices__inner {
    margin: 0px;    
    background-color: white;
    padding: 17px 17px 17px 17px;
    border: none; border-radius: 10px;   
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;    
        
    margin-right: 20px; cursor: pointer; height: initial; border-radius: 0; border-top-left-radius: 10px;border-bottom-left-radius: 6px;  border-radius: 6px; 

    font-size: 17px;
    color: rgba(0, 0, 0, 1.00);
}


 .frontpagesearchform .js-form-item-area .choices__inner { padding: 10px 17px 11px 17px;}






.frontpagesearchform input[type="text"] {
    margin: 0px;
    background-color: white;
    padding: 13px 20px;
    border: none; border-radius: 10px;   
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;  
    
    border-radius: 0; border-top-left-radius: 6px;  border-bottom-left-radius: 6px;
    
        font-size: 17px;
    color: rgba(0, 0, 0, 1.00);
}



.webform-submission-form .search-submitfront input[type="submit"] {
    margin: 0px;
    background-color: #0077c8;
    padding: 7px 20px;
    border: none;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border-radius: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    width: 100%;
    color: #e9eff9;
    font-size: 21px;
    text-transform: uppercase;
}





.webform-submission-form .search-submitfront input[type="submit"]:hover { background-color: rgb(147,166,183);     color: #1e2737;}



.webform-submission-form .search-submitfront input[type="submit"]::before {
    font-family: "Font Awesome 5 Free"; 
    content: "\f002"; 
    font-weight: 900; 
    padding-right: 8px; 
}







.js input.form-autocomplete.ui-autocomplete-loading {
    background-repeat: no-repeat !important;
}





.webform-submission-form [data-drupal-messages] {
    padding: 0px 0px 10px 18px;
    margin: 0px;
    width: 100%;
    color: #91242e;
    font-size: 20px;
    /* font-weight: 400; */
}


.listingcontactform .webform-submission-form [data-drupal-messages] {
    padding: 10px 10px 10px 10px;
    margin: 30px 0px 0px 0px;
    width: 100%;
    color: #d52031;
    font-size: 16px;
    /* font-weight: 400; */
}


.listingcontactform .form-item--error-message {
    padding: 5px 0px 5px 14px;
    color: rgb(173 9 9);
    font-size: 13px;
}




.webform-confirmation {
    width: 100%;
    color: black;    
    
    background: #fff;
    padding: 30px 40px 30px 40px;    
    margin: 40px 30px 20px 0px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}


.webform-confirmation img {

    width: 50%;
    margin: 0px auto;
    text-align: center;
    display: table;
    border-radius: 8px;
}


.webform-confirmation h2 {
    font-size: 40px;
    line-height: 46px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    /* font-weight: bold; */
    font-size: 50px;
    font-family: "Roboto Slab", "Rubik", sans-serif;
    font-weight: 300;
}

.webform-confirmation h3 {
    font-size: 17px;
    line-height: 25px;
    color: #2c333b;
    margin: 15px 0px 5px 0px;
}

.webform-confirmation__back a      {text-decoration: underline; text-underline-offset: 0.21rem;}
.webform-confirmation__back ahover {color: rgb(51,51,204)}





.datanadtitle {
    display: table;
    width: 100%;
    margin: 30px 0px -8px 0px;
}



.datanadtitle.jenpraha               { margin: 0px 0px -12px 0px;}
.datanadtitle.jenpraha .updated-icon { font-size: 14px;}





.datapodtitle {
    display: table;
    width: 100%;
    margin: -5px 0px 20px 0px;
}



.updated-icon {
    font-size: 12px;
    line-height: 24px;
    /* position: relative; */
    /* vertical-align: top; */

    margin: 0px 5px 0px 0px;
    float: left; 
    background: #ede5d5c4;
    padding: 0px 7px 0px 7px;
    border-radius: 5px;
}


.updated-icon.updatedblue    { border: 1px solid #d4e3ed; background: #eff5f9; color: #2f6689;} 
.updated-icon.updatedgreen   { border: 1px solid #b3e4d8; background: #d1f3ea; color: #2c7f6f;} 
.updated-icon.updatedviolet  { border: 1px solid #e3cfff; background: #f3e2ff; color: #703e91;} 
.updated-icon.updatedorange  { border: 1px solid #f5d6c8; background: #fbe6d2; color: #a45a2a;}
.updated-icon.updatedsilver  { background: rgb(250,250,250);border: 1px solid #dee2e6;color: grey;}


.datanadtitle a,
.datanadtitle a:hover 
{ text-decoration: none !important; color: rgb(48,48,48)}



.relativeprofilebox {
    margin: 15px 15px 0px 0px;
    padding: 0px;
    border: none;
    color: #092721;
    position: absolute;
    right: 0;
    z-index: 10000;
    width: auto;
    max-width: 85%;
}




.topimagewithtitle .updated-icon {
    font-size: 12px;
    margin: 0px 0px 1px 0px;
    float: right;
    padding: 0px 7px 0px 7px;
    border-radius: 0px;
    border-bottom-left-radius: 5px;
    border: none;
    background: #f5f8f9;
    text-decoration: none !important;
    color: #092721;
    clear: both;
    background: rgba(0, 0, 0, 1.00);
    color: white !important;
}
.topimagewithtitle .updated-icon:hover {text-decoration: none !important; color: white !important}

.topimagewithtitle .updated-icon.druhyradek {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;    
    background: rgba(0, 0, 0, 1.00);
    color: white;
}

.topimagewithtitle .updated-icon.tretiradek {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    background: #c51515;
    color: #ffe2e2;
}




.topimagewithtitle a.updated-icon i {
    position: relative;
    background: #ffffff3b;
    padding: 4px;
    text-align: right;
    border-radius: 4px;
}







#edit-textonly {
    padding: 0px 0px 10px 18px;
    margin: 0px;
    width: 100%;
    color: rgb(21 43 69);
    font-size: 17px;
}

#edit-textonly i {    padding: 0px 5px 0px 0px;}



.gbb-row .bb-inner.padding-top-large {
    padding-top: 250px;
    padding-bottom: 250px;
}




.frontpagesearchform .ajax-progress-throbber {
    /* padding: 50px 0px 0px 0px; */
    margin: 0px;
    width: 100%;
    position: relative;
    /* top: 50px; */
    float: left;
    
    display: none
}






.submittedprofilefrontredirect {
  font-family: Arial, sans-serif;
  color: #333;
  line-height: 1.6;
  margin: -60px 30px 30px 30px !important;
  padding: 40px 60px 60px 60px;
  border-radius: 8px;
  background-color: #f9f9f9;
  border: 1px solid #e0e0e0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}



.saved0 {
  font-weight: 500;
  font-size: 20px;
  color: #031b53;
  background: #e6f4fd;
  padding: 20px 30px 20px 30px;
  width: 100%;
  display: table;
  box-shadow: rgba(23, 72, 102, 0.02) 0px 1px 3px 0px, rgba(4, 44, 85, 0.15) 0px 0px 0px 1px;
  border-radius: 8px;
  margin-top: 20px;
}


.saved1 {
  font-weight: bold;
  font-size: 45px;
  color: #bb3737;
}

.saved2 {
  display: block;
  margin-top: 10px;
  font-size: 20px;
  color: #555;
}
.saved3 {
  display: block;
  margin-top: 15px;
  font-size: 20px;
  color: #3959bb;
}





/* ----------------- PRICING CALCULATION COMPARISON ------------------- */


.myowncalculation .pricing-table * {
font-family: "Roboto Slab", "Rubik", sans-serif !important;

}





.myowncalculation .pricing-table {
    border: none;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 12px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}



.myowncalculation .pricing-table .plan-name .title {
    font-weight: 500;
    color: #000;
    font-size: 36px;
}


.pricing-table.highlight-plan .recommended-plan {
    background: #59c385;
    color: #fff;
    font-size: 12px;
    left: initial;
    right: 15px;
    width: initial;
    padding: 5px 10px;
    border-radius: 5px;
}

.myowncalculation .pricing-table .content-wrap .plan-price .price-value .dollar {
    font-size: 34px;
    color: #cd1c2b;
}




.myowncalculation .pricing-table .content-wrap .plan-price .price-value .value {
    font-size: 56px;
    color: #cd1c2b;
    font-weight: bold;
    padding: 0px 10px 0px 5px;
}

.myowncalculation .pricing-table .content-wrap .plan-price {
    margin: 10px 0px 15px 0px;
    padding: 10px 0px 15px 0px;
    text-align: center;
    border-bottom: 1px solid #dee2e6;
}


.myowncalculation .pricing-table .plan-list ul li {
    padding: 6px 0 0px 30px;
    font-size: 16px;
    line-height: 23px;
}

.myowncalculation .pricing-table .plan-list ul li:after {
    content: '\f058';
    color: #59c385;
    font-size: 21px;
}
.myowncalculation .pricing-table .plan-list ul li.off:after {
    content: '\f00d';
    color: #bbb;
    font-size: 21px;
    top: 7px;
    left: 2px;
}






.myowncalculation .pricing-table.highlight-plan .plan-name .title {
    color: #265577;
}

.myowncalculation .pricing-table.highlight-plan {
    background: #f4fdff;
    border: none;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}











.myowncalculation .btn-theme {
    background: #a9ccdb;
    color: #074a67 !important;
    font-size: 19px;
    font-weight: 400;
    padding: 0 30px;
    line-height: 55px;
    border: none;
    border-radius: 8px;
    text-transform: uppercase;
    text-decoration: none !important;
}

.myowncalculation .btn-theme:hover {
    background: #074a67;
    color: #a9ccdb !important;
}


.muchsmaller {font-size: 10px;}

.myowncalculation img {
    border-radius: 10px;
    margin: 0px 0px 4px 0px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}















/* ----------------- CHECKBOX ----- CHECKBOX ------------------- */
/* ----------------- CHECKBOX ----- CHECKBOX ------------------- */
/* ----------------- CHECKBOX ----- CHECKBOX ------------------- */


.field--widget-boolean-checkbox                         
{ padding: 20px 0px 20px 0px; width: 100%; display: table}

.js-form-item-notify
{ padding: 20px 0px 0px 0px; margin-bottom: 0px !important; width: 100%; display: table}



.field--widget-boolean-checkbox input[type="checkbox"], 
.js-form-item-notify input[type="checkbox"]

{ 
    position: relative;
    inset-block-start: calc(var(--space-l) / 2);
    float: left;
    margin-inline-start: calc(var(--input--label-spacing) * -1);
    transform: translateY(-50%);
    width: 21px;
    height: 21px;
    border-color: var(--gin-border-color-form-element);
    border-radius: var(--gin-border-xs);
 }


.field--widget-boolean-checkbox label,                   
.js-form-item-notify label

{ 
    line-height: 1px;
    float: left;
    padding: 0px 0px 0px 10px;
    font-size: 18px; 
}



/* ----------------- CHECKBOX ----- CHECKBOX ------------------- */
/* ----------------- CHECKBOX ----- CHECKBOX ------------------- */
/* ----------------- CHECKBOX ----- CHECKBOX ------------------- */



.biggesttitle h1 {
    padding: 0px 0px 40px 0px;
    font-size: 76px;
    font-weight: 900;
    line-height: 87px;
    font-family: "Rubik", sans-serif;
    
    color: black
}




.biggesttitle h2, .biggesttitle h3, .biggesttitle h4  {
    padding: 15px 20px 15px 20px;
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    font-family: "Rubik", sans-serif;
    color: black;
    background: #ffffffd4;
    border-radius: 8px;
    text-align: left;
}

.biggesttitle h3 {
    font-size: 17px;

    line-height: 25px;
    background: #ffffffa6;
}

.biggesttitle h4 {
    font-size: 17px;

    line-height: 25px;
    background: #ffffffa6;
}



















#graviassearchblockfrontpage .biggesttitle h2 {
    padding: 7px 7px 7px 12px;
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    color: #293a42;
    background: #ffffffa6;
    margin-top: -30px;
}



#block-gavias-lozin-searchbeforemainmenu { float: left }





/* ----------------- FAQ QUESTIONS and ANSWERS  ----------------- */
/* ----------------- FAQ QUESTIONS and ANSWERS  ----------------- */
/* ----------------- FAQ QUESTIONS and ANSWERS  ----------------- */


.questions-and-answers {margin: 30px 0px 30px 0px;width: 100%;}

.questions-and-answers summary {
  font-size: 16px;
  line-height: 23px;
}



.questions-and-answers textarea         { width: 100%;height: 70px !important;border-radius: 8px;     border: 1px solid #c0bcbc;}
.questions-and-answers textarea:focus   { box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px; border: 1px solid rgb(240,248,255); }

.questions-and-answers textarea::placeholder { font-size: 12px; }


.questions-and-answers .js-form-item-email label  {  margin: 0px;  padding: 10px 0px 0px 0px; width: 100%;}
.questions-and-answers #edit-email                { width: 50%; border-radius: 8px; border: 1px solid #c0bcbc; background: rgb(255,255,0)}
.questions-and-answers #edit-email--description   { font-size: 15px;color: #882d2d;}


.questions-and-answers strong { font-weight: normal;color: #369;}



.questions-and-answers .questions    { margin: 0px 0px 30px 0px;  width: 100%;}


.questions-and-answers .qaformonly   { margin: 20px 0px 20px 0px;  width: 100%;
    padding: 20px 25px 20px 25px;
    border-radius: 8px;
    background: rgb(250,250,250);
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;    
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}




.questions-and-answers .question {
    margin: 4px 0px 0px 0px;
    padding: 20px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    background: rgb(250,250,250);
}

.questions-and-answers .answers {
  margin: 20px 0px 20px 0px;
  padding: 20px;
  background: rgb(255, 255, 255);
  border-radius: 8px;
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.questions-and-answers .answers fieldset {
  background: initial;
  padding: 20px 0px 0px 0px;
  margin: 20px 0px 0px 0px;
  border-top: 1px solid silver;
}


.questions-and-answers .answers fieldset .user          { margin: 0px 0px 10px 0px; width: 100%; display: table}
.questions-and-answers .answers fieldset .user .name    { margin: 0px 10px 0px 0px; font-size: 13px; line-height: 18px; float: left}
.questions-and-answers .created { margin: 0px 10px 0px 0px; font-size: 13px; line-height: 18px; color: silver}



.questions-and-answers .answers fieldset.form-composite {
    padding: 20px;
    margin: 20px 0px 20px 20px;
    width: 200px;
    float: right;
    border-radius: 6px;
    background: #f6f8fa;
    border: 1px solid #d5e5ee;
}
.questions-and-answers .answers fieldset.form-composite .fieldset-wrapper { font-size: 14px}



.questions-and-answers .answers fieldset legend      { font-size: 19px;margin: 0px 0px 0px 0px;}
.questions-and-answers .answers-------- fieldset:before      { content:"\f4c4";
    font-family: "FontAwesome";
    position: relative;
    left: 0px;
    top: 0px;


}





.questions-and-answers h2 {font-size: 20px;  margin: 0px 0px 0px 0px;}
.qarelateddescription {
    font-size: 13px;
    line-height: 17px;
    margin: 3px 0px 15px 0px;
    display: table;
    width: 100%;
    color: black;
}







.questions-and-answers .js-form-type-checkbox {
    font-size: 13px;
    line-height: 17px;
    margin: 15px 0px 10px 0px;
    display: table;
    width: 100%;
    color: grey;
}


.questions-and-answers .js-form-type-checkbox .form-checkbox {
    position: relative;
    inset-block-start: calc(var(--space-l) / 2);
    float: left;
    margin-inline-start: calc(var(--input--label-spacing) * -1);
    transform: translateY(-8%);
    width: 18px;
    height: 21px;
    border-color: var(--gin-border-color-form-element);
    border-radius: var(--gin-border-xs);
    margin-right: 13px;
}

.form-item-agreement label { display: inline}



.js-form-item-question label {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}





/* ----------------- FAQ QUESTIONS and ANSWERS  ----------------- */
/* ----------------- FAQ QUESTIONS and ANSWERS  ----------------- */
/* ----------------- FAQ QUESTIONS and ANSWERS  ----------------- */
















/* ----------------- CONTACT --- US --- FORM ----------------- */


.beforecontactusform {
    padding: 40px;
    background: white;
    border-radius: 17px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}


.contactusform {
    padding: 40px;
    background: white;
    background: #f5f5f5;
    border-radius: 17px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}


.contactusform input[type="text"], 
.contactusform input[type="email"],
.contactusform input[type="url"],
.contactusform textarea, 
.contactusform select 
{ background: white !important; border-radius: 6px !important; border: 1px solid silver !important; box-shadow: none !important; padding: 10px 10px !important; color: black !important}

.contactusform select {
    padding: 15px 15px !important;
    height: initial !important;
}



.contactusform input[type="url"] { background: rgb(255,255,153) !important;}

.contactusform fieldset               { margin: 0px !important;}
.contactusform [data-drupal-messages] { color: #d90505 !important;}



.contactusform a { color: rgb(0,102,153) !important; text-decoration: underline}




.contactusform .js-form-type-processed-text {
    background: #f5f797;
    border-radius: 6px;
    border: 1px solid silver;
    padding: 10px 15px;
}


.contactusform .js-form-type-processed-text p { padding: 0px;  margin: 0px;}





/* ------------------------------ */
/* ------------------------------ */

.nodesimilarblock 
{ padding: 0px 20px 0px 0px; margin: 0px 0px 0px 0px; width: 60%; float: left;}


.nodesimilarblockfloatingtext { color: rgb(176,176,176); font-size: 14px; line-height: 18px; padding: 20px 0px 0px 0px; }


.nodesimilarblockbottom {
    background: rgb(252 253 255);
    border-top: 1px solid rgb(224,224,224);
    padding: 60px 40px 40px 40px;
    padding: 0px
}




.nodesimilarblock .owl-carousel .owl-item { padding: 10px 10px 10px 10px;}






.similarunformatted {  width: 100%; 
    border-bottom: 1px solid rgb(224,224,224);
    padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px;
}

.similarunformatted .fas  { position: relative; top: 1px; font-size: 13px}


.similarunformatted h3   { font-size: 20px; margin-bottom: 0px;}

.similarunformatted h3 span {
    font-size: 12px;
    color: black;
}

.similarunformatted span.similarsecondrow {
    color: #242424;
    font-size: 13px;
    padding-left: 10px;
    line-height: 16px;
}











/* ------------------------------ */
/* ------------------------------ */
/* ------------------------------ */
/* ------------------------------ */
/* ------------------------------ */
/* ------------------------------ */

#footer                           { padding: 20px 0px 40px 0px; background: #323647; line-height: 18px}




.footerboxpadding  {margin: 0px 0px 30px 0px !important;}

.footerboxpadding .item-list ul li.view-list-item {      padding: 4px 0; margin: 0px}






#footer a                         { color: rgb(208 211 213 / 70%);}

#footer .footeronly a {
    color: rgb(11 36 159 / 70%) !important;
    text-decoration: underline !important;
}


#footer .searchautocomplete input---- {
    margin: 20px 0px 20px 0px;
    box-shadow: rgba(0, 0, 0, 1.0) 10px 39px 62px -7px;
    background-color: #47505f;
    color: #bfc2c7;
    font-size: 18px;
    
    border-radius: 12px;
    background-color: #ddd;
    color: #3c3f43;  
      
}

#footer .searchautocomplete input {
    margin: 20px 0px 20px 0px;
    background-color: #47505f;
    color: #bfc2c7;
    font-size: 18px;
    box-shadow: rgb(53 58 67) 2.2px 1.2px 7px -1px inset, rgb(255 255 255) -3.2px -3.2px 8px 0px inset;
    box-shadow: rgba(0, 0, 0, 1.0) 2px 30px 38px -15px;
    border-radius: 8px;
    background-color: #ffffff;
    color: #354255;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
    box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
    padding: 17px 14px 17px 14px;
    box-shadow: rgb(166 184 199) 2px 2px 4px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
}

#footer .searchautocomplete input::placeholder { color: #9ca3ad; font-size: 14px;}





#footer .footerboxtext {
    padding: 0px 0px 0px 0px;
    margin: 0px;
    font-size: 13px;
    line-height: 18px;
    color: #72747f;
}





.block .block-title {
    font-size: 14px;
    margin: 0 0 10px;
    text-transform: uppercase;
}








.block .block-title::first-letter { text-decoration: underline; text-underline-offset: 0.3em;}

.graviasspecialclass .column-style-2 { padding: 0px 20px 50px 20px;}

#centre_on input { padding: 7px 7px 7px 7px;background: #fff9af;border: 1px solid black;}


.service-timeline > li {padding-top: 0px;}


.service-timeline .hentry .icon         { background: #369; display: none !important}


.service-timeline > li .hentry .title   { font-size: 23px;line-height: 30px;padding-bottom: 10px; text-transform: initial; }
.service-timeline .hentry .hentry-box   { font-size: 15px;line-height: 23px; padding: 30px;}
.service-timeline .hentry .hentry-box .content img  { margin: 10px 0px 10px 0px;}
.service-timeline .hentry .hentry-box a {
    color: #033ce3;
    text-decoration: underline;
}
.service-timeline .hentry .hentry-box a:hover { text-decoration: underline;}




.service-timeline .hentry .hentry-box .title a { color: black;}
.service-timeline > li .hentry .title i {
    font-size: inherit;
    margin-right: 7px;
}
/* ---------------------- map map map map ------------------ */


/*

#specialHENTRY .service-timeline .hentry {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;    
    text-align: left;
    width: 90%;
    float: right
}

#specialHENTRY .service-timeline > li { padding-top: 30px;}



#specialHENTRY .service-timeline > li:nth-child(1) .hentry { margin-right: 0px;  transform: rotate(0deg); }
#specialHENTRY .service-timeline > li:nth-child(2) .hentry {margin-right: 10px;  transform: rotate(1deg);}
#specialHENTRY .service-timeline > li:nth-child(3) .hentry {margin-right: 20px;  transform: rotate(3deg);}
#specialHENTRY .service-timeline > li:nth-child(4) .hentry {margin-right: 30px;  transform: rotate(5deg);}
#specialHENTRY .service-timeline > li:nth-child(5) .hentry {margin-right: 40px;  transform: rotate(7deg);}

#specialHENTRY .service-timeline .hentry .hentry-box .content-inner {padding: 0px;}

#specialHENTRY .service-timeline > li:nth-child(odd) .hentry .icon {left: -35px; display: none;}

#specialHENTRY .service-timeline .hentry .icon { background: #3d5763; display: none !important}
#specialHENTRY .service-timeline .hentry .hentry-box { float: left; max-width: 100%}

#specialHENTRY .service-timeline .hentry .hentry-box .icon-overlay {
    bottom: -15px !important;
    right: -15px !important;
    left: initial !important;
    font-size: 140px;
    color: #b1c1c9;
}

*/
















.listing-block .show-in-map   { top: 0px; right: 0px;}
.listing-block .show-in-map a {
    font-size: 13px;
    text-decoration: none !important;
    padding: 7px 7px 7px 7px;
    width: auto;
    height: auto;
    line-height: initial;
    
    -webkit-border-radius: 4px;
    color: #756038 !important;
    background: #f3ecdf;
}

.listing-block .show-in-map a:hover {background: rgb(229,223,210);}




















/* ---------------------- map map map map ------------------ */

.gavias-blockbuilder-content .link-edit-blockbuider { left: 60px;     top: 200px; }

.node--type-listing .col-xl-8 {-ms-flex: 0 0 65%;flex: 0 0 65%;max-width: 65%;}
.node--type-listing .col-xl-4 {-ms-flex: 0 0 35%;flex: 0 0 35%;max-width: 35%;}

.social-border .socials                                   { padding: 0px 20px 0px 20px; color: rgb(112,112,112); margin: 0px 0px 20px 0px; }
.social-border .socials a, .copyright-links a             { color: rgb(112,112,112) !important }
.social-border .socials a:hover, .copyright-links a:hover { color:rgb(240,240,240) !important}

.copyright-links span { font-size: 12px; color: rgb(112,112,112) !important}

.gva-listings-full-page-2 .view-content-wrapper { margin-top: 30px;}
.gridlistingmusthavepadding  { padding: 0px 15px 0px 15px;}


/* --------user ---- */
.path-user .user-information {
    border-radius: 8px;
    border: none;
    background: #fbfbfb;
    padding: 75px 40px 40px 40px;
    margin: 60px 0px 60px 0px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.path-user .user-information .field--name-field-user-bio {
    padding: 10px 0px 10px 0px;
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.5);
}

.path-user .user-information .field--name-field-user-bio a {
    color: #002dad;
    text-decoration: underline;
}

.path-user .user-information .field--name-field-user-bio strong {
    font-weight: 500;
    color: black;
}


.path-user .form-no-label, .path-user .form-no-label h4 {
    color: #aaa !important;
    font-size: 11px !important;
    font-weight: normal !important;
    line-height: 26px;
    padding: 0px;
    /* margin: 0px; */
}



.path-user .user-information .field--name-field-user-fullname {
    font-family: Rubik, "Poppins", sans-serif;
    text-transform: initial;
    font-weight: 200;
    color: rgba(0, 0, 0, 1.00);
    padding: 40px 0px 20px 0px;
    border-bottom: 1px solid #dee2e6;
    margin: 0px 0px 25px 0px;
    font-size: 53px;
    font-size: 47px;
    line-height: 65px;
    font-family: "Roboto Slab", "Rubik", sans-serif;
    font-weight: 300;
}


.path-user .userwebsitelink a {
    color: rgb(70, 130, 180);
    padding: 0px;
    font-size: 13px;
    text-decoration: none !important;
    background: rgb(211, 219, 223);
    color: #293a42 !important;
    border-radius: 8px;
    margin: 10px 0px 0px 0px;
    padding: 10px 5px 10px 5px;
    font-size: 13px;
    /* text-transform: uppercase; */
    width: 100%;
    display: block;
    text-align: center;
}



.path-user .user-information .user-picture {
    width: 160px;
    height: 160px;
    border: 10px solid #f5f5f5;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    right: 10%;
    left: initial;
}


.path-user.field--name-field-user-bio-new{
    background: white;
    padding: 40px;
    /* color: white; */
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
}







.fa-chevron-down:before {font-size: 13px;color: rgba(0, 0, 0, 1.00);}

.userpublishedlistings      { padding: 50px 0px 50px 0px; }



.path-user .owl-carousel.init-carousel-owl .owl-item {
    padding: 8px 15px 15px 15px;
}







#comment-form .js-form-wrapper input.form-submit {
    background: #369;
    font-size: 19px;
    padding: 0 35px;
    line-height: 54px;
    float: right;
    margin-bottom: 40px;
}





ins.adsbygoogle[data-ad-status='unfilled'] {display: none !important;}





ul[data-drupal-views-infinite-scroll-pager].pager a, .moreresultsbutton a {
    border-radius: 6px;
    background: #d3dbdf;
    color: #293a42 !important;
    text-transform: uppercase;
    letter-spacing: 0px;
    border: 1px solid #d3dbdf;
    font-weight: 400;
    padding: 0 40px;
    font-size: 23px;
    line-height: 60px;
    position: relative; display: inline-block;
}


ul[data-drupal-views-infinite-scroll-pager].pager a::after, .moreresultsbutton a::after {
    content: '\f13a';
    font-family: "Font Awesome 5 Free";
    font-size: 35px;
    font-weight: 900;
    color: #3e5864;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    top: 43%;
}
ul[data-drupal-views-infinite-scroll-pager].pager a:hover, .moreresultsbutton a:hover {
    border: 1px solid rgb(143, 155, 161);
    background: #d3dbdf;
}
















.nav-tabs > li > a        { font-size: 14px;}
.nav-tabs > li > a:hover  { color: #369; }
.drupal-tabs .is-active a { color: #369;}


.help .drupal-tabs {
    padding: 5px 0;
    margin-bottom: 20px;
}





.cc-floating.cc-theme-classic {
    border: 1px solid #d3d5d7 !important;
    padding: 40px;
    border-radius: 5px;
}
.cc-window { font-size: 13px !important;line-height: 1.3em !important;}
.cc-link { }


.table td a:visited { color: red !important} 

.marker-cluster-medium { background-color: rgb(51 102 153 / 55%);}
.marker-cluster-medium div {
    background-color: #3a85d0;
    color: white;
    font-weight: bold !important;
    font-size: 13px !important;
}






.wellcarecalculator                       { width: 40%;}


.wellcarecalculator label {
    display: block;
    margin: 15px 0px 3px 0px;
    font-size: 15px;
    font-weight: normal;
}

.wellcarecalculator input[type="number"] {
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.02) inset;
    border-radius: 5px;
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #aaa;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.wellcarecalculator .description {
    padding: 3px 0px 20px 5px;
    font-size: 12px;
    color: black;
    width: 100%;
}















.hidethis, 
.onlymobile,
#edit-notify-type,
.notfoundpage .node.node--type-page.node--view-mode-full header h2.title

{ display: none !important}





/* ------------------------------ */
/* ------------------------------ */
/* ------------------------------ */
/* ------------------------------ */
/* ------------------------------ */
/* ------------------------------ */









.ui-widget.ui-widget-content {
    background: white;
    border: none;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
    font-family: "Rubik", sans-serif;
    
    
    z-index: 5000;
    padding: 10px;
    min-width: 200px;



    background-color: #fff;
    color: #242424;
    font-size: 13px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}


 .ui-tooltip {
    position: relative;
    background: #333;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-size: 13px;
    text-align: left;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);   width: auto !important
  }

  .ui-tooltip::after {
    content: '';
    position: absolute;
    bottom: -5px; /* Hrot bude umístěn těsně pod tooltipem */
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px 5px 0;
    border-style: solid;
    border-color: #333 transparent transparent transparent; /* Hrot je trojúhelníkový */
  }


.ui-tooltip:hover:before,
.ui-tooltip:hover:after,
.ui-tooltip:focus:before,
.ui-tooltip:focus:after


{
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  
    -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}













/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition:    
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
 
  transition:         
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
  
  
  min-width: initial !important; max-width: initial !important
}




/* AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA */
/* AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA */

                     

/*

[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after{
  position: absolute;
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: auto;
}

*/







/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}


/* --------------------------------------------- VZHLED TOOLTIPU ------------------------------------------------------------ */

.tooltip:after, [data-tooltip]:after {
    z-index: 5000;
    padding: 15px 10px 15px 10px;
    min-width: 260px;
    max-width: 380px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    font-size: 14px;
    line-height: 1.2;
    border-radius: 7px;
}


.tooltip:after, [data-tooltip]:after {
    z-index: 5000;
    padding: 10px;
    min-width: 240px;
    max-width: 380px;
    background-color: #fff;
    color: #242424;
    font-size: 13px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.tooltip:after, [data-tooltip]:after {
    z-index: 5000;
    padding: 10px;
    width: auto; /* Přizpůsobení šířce textu */
    max-width: none; /* Zrušení případné maximální šířky */
    white-space: nowrap; /* Zabránění zalomení textu */
    background-color: #fff;
    color: #242424;
    font-size: 13px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}










/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}

.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform:    translateX(-12px);
  transform:         translateX(-12px); 
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px); 
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform:    translateX(12px);
  transform:         translateX(12px); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}









.tooltipek { cursor: pointer}




.menusearchinput {
    float: right;
    padding: 11px 0px 0px 0px;
}

.menusearchinput input {
    padding: 12px 30px 12px 15px;
    border: none !important;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    box-shadow: inset 1px 1px 3px rgb(189 182 169);
    background: #f9f8f6;
}






.menusearchinput.specialpositioninputsearch {
    float: initial;
    padding: 0px 60px 60px 60px;
    width: 100%;
}

.menusearchinput.specialpositioninputsearch input {
    padding: 17px 25px 17px 25px;
    background: white;
    width: 100%;
    border-radius: 13px;
    font-size: 19px;
    border: 1px solid #dee2e6 !important;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}




#gvafrontpagedescription .gsc-heading .title-desc p, .gsc-heading .title-desc p {
    color: #515e6d;
    font-size: 14px;
    line-height: 20px;
}
.smallcolortext111 {
    color: #c51515;
    font-size: 16px;
    font-weight: bold;
}
























.gva-navigation { float: left}



.relatedcitiesblock       { width: 100%}

.relatedcitiesblock .item---------, .relatedcitiesblock .views-field-name-1--------- a {
    float: left;
    background: #eff5f9;
    color: #2f6689;
    padding: 6px 11px 6px 11px;
    margin: 0px 6px 6px 0px;
    border-radius: 6px;
    border: 1px solid #c7e8fd;
    text-decoration: none;
    min-width: 100px;
}



.relatedcitiesblock .item{ float: left;}









.divorcedpoverty {
    font-size: 11px;
    line-height: 14px;
    margin: 0px !important;
    padding: 0px
}




.icondensity {
    font-size: 0.65em;
    /* vertical-align: text-top; */
    margin-right: 0.35em;
    margin-top: -2px;
    top: -10px;
    position: relative;
}

/* Barvy ikon podle úrovně */
.icondensity.low {
    color: green;
}

.icondensity.moderate {
    color: gold;
}

.icondensity.average {
    color: orange;
}

.icondensity.high {
    color: red;
}

.icondensity.very-high {
    color: darkred;
}
















table {width: 100%;  border-collapse: collapse;  border: none; margin: 20px 0px 20px 0px;  font-size: 14px}
    

table th {
    color: black;
    font-weight: 500;
    background: #f5f5f5;
    font-size: 16px;
    line-height: 16px;
    
    padding: 10px 10px 10px 10px;
    background: rgba(255, 255, 255, 1);
    border: none !important;
    border-bottom: 1px solid #aaa !important;
} 

table th strong { color: black !important} 

table tbody tr td {
    border: none; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; border: none; border-bottom: 1px solid #dee2e6;
    padding: 10px 10px 10px 10px; line-height: 19px; text-align: left; }
  

table tr:nth-child(even)---- {
    background-color: #f5f5f5bd;
}

  
table td:hover---- { color: rgb(43 125 86);background-color: #d4f8dd !important; cursor: pointer}


  

/* --------------------- LARGE table LARGE ------------------------ */  
/* --------------------- LARGE table LARGE ------------------------ */ 




.largetable table {
    font-size: 19px;
    background: white;
    border-radius: 10px;
    overflow: hidden; 
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}
  
  

  
  
.largetable table th {
    padding: 20px 20px 20px 20px;
    font-weight: bold;
    font-size: 18px; line-height: 21px;

}
  
.largetable table td:nth-child(1) { 1px solid #f5f5f5}
  
  
.largetable table tbody tr td { padding: 20px 20px 20px 20px; line-height: 21px; text-align: left; }  

.largetable table tbody tr.color1 td { background: #FFEBCC }
.largetable table tbody tr.color2 td { background: #CCFFEB }
.largetable table tbody tr.color3 td { background: #E6CCFF }


tr.oranzova td { background: #FFEBCC !important }
tr.zelena td { background: #CCFFEB !important }
tr.modra td { background: #d3eeff !important }

tr.boldrow td {
    font-weight: 500;
    background: #fff297;
}











.verysmalltable table { font-size: 14px;}  

.verysmalltable table th {
    font-size: 14px;
    line-height: 19px;
    background: #f5f5f5;
    border-right: 1px solid #ddd;
    padding: 5px 5px 5px 5px;
}


.verysmalltable table tbody tr td   { font-size: 14px; line-height: 18px;     padding: 5px 5px 5px 5px;}
                              
.verysmalltable table tr:hover>td { background-color: whitesmoke; background-color: rgb(240,255,224); border-bottom: 1px solid rgb(0,80,127);transition: all 200ms ease-in-out; cursor: help;}
.verysmalltable table td:hover { color: rgb(43 125 86);background-color: #d4f8dd !important;}
                          
.verysmalltable table tr:nth-child(even) {background-color: #f5f5f5; }





/* ----------------- COLORBOX ---- INLINE------ COLORBOX ------------ */


#colorbox    {}






.nadpiscolorbox { font-size: 22px;line-height: 32px;padding: 10px 0px 0px 0px;}
.undercolorbox {
    font-size: 12px;
    line-height: 18px;
    margin: 0px;
    color: rgba(119,119,119,1);
    padding: 0px 0px 0px 0px;
}


.colorboxwithlinks { padding: 20px 30px 20px 30px; font-size: 18px; line-height: 28px }



#cboxLoadedContent a       { color: rgb(0,102,204); text-decoration: underline}
#cboxLoadedContent a:hover { color: rgb(204,51,51); text-decoration: underline}


/*

#cboxTopLeft, #cboxTopCenter, #cboxTopRight, 
#cboxMiddleLeft, #cboxMiddleRight

{ display: none !important}

*/




/* ----------------- COLORBOX ---- INLINE------ COLORBOX ------------ */






.ikonkasloupec {border-right: 1px solid #ddd;     background: #f5f5f5; text-align: center; }  
  
.textundertablerow { margin: 0px !important; padding: 0px 0px 0px 0px;  font-size: 12px;     line-height: 17px; color: silver}
    
  

  
  
  
.contenttable table {
    margin: 0px 0px 20px 0px;
    font-size: 14px; 
    border-top: 1px solid rgb(222 226 230);  
}  
  
  
.contenttable table th {
    padding: 15px 10px 15px 10px;
}  
  
.contenttable table tbody tr td {padding: 10px 10px 10px 10px;}  
  
  
  
  
.onlyforarticlecontent .node__content img, .basicpagecontent img {
    border: 0;
    vertical-align: top;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    overflow: hidden;
    margin: 10px 0px 10px 0px;
    width: 100% !important;
    border: 1px solid #f5f5f5;

    border: none;
    padding: 0px !important
}
  
.onlyforarticlecontent .node__content .nobackgroundarticle img----- { all: unset }

















.onlyforarticlecontent .node__content img[width], .node__content img[height] {
    width: 100% !important; /* Přepíše HTML atribut width */
    height: auto !important; /* Přepíše HTML atribut height, aby zachoval poměr stran */
}

  
.onlyforarticlecontent figure figcaption {
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
    margin: -25px 0px 0px 0px;
    padding: 0px 20px 0px 0px;
    /* float: right; */
    color: rgba(119,119,119,1);
    text-align: right;
}
  
  
  
  
  
  
  
  

/* --------------------- LARGE table LARGE ------------------------ */  
/* --------------------- LARGE table LARGE ------------------------ */  
  
  
  
  

.ikonarightpadding---- { width: 33px; color: #3e4b57;}

.externallinkicon {
    top: -3px;
    left: 5px;
    margin-right: 7px;
    position: relative;
    font-size: 60%;
    color: #a91010;
}

.externallinkicon.onlydown {  }



.externallinkicon---:before {
    content: "\f35d";
    top: 4px;
    left: 4px;
    margin-right: 3px;
    position: relative;
    font-size: 12px;
    color: rgb(200 35 35);
}




#affiliateForm----------- {
  background-color: #f0f0f0; /* Barva pozadí okolo iframe */
  padding: 10px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}


#affiliateForm iframe {
  background-color: #f0f0f0; /* Barva pozadí okolo iframe */
  padding: 10px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}



     

/* ---------------------------------------- TABLE ---- POROVNANI ---- TABLE--------------------------------------- */
/* ---------------------------------------- TABLE ---- POROVNANI ---- TABLE--------------------------------------- */
/* ---------------------------------------- TABLE ---- POROVNANI ---- TABLE--------------------------------------- */
/* ---------------------------------------- TABLE ---- POROVNANI ---- TABLE--------------------------------------- */
/* ---------------------------------------- TABLE ---- POROVNANI ---- TABLE--------------------------------------- */
/* ---------------------------------------- TABLE ---- POROVNANI ---- TABLE--------------------------------------- */




             
        
 









.odrazkywithborder {
    padding: 20px 0px 20px 25px;
    margin: 20px 0px 20px 0px;
    border-top: 1px solid #dee2e696;
    border-bottom: 1px solid #dee2e696;
}

.imagewithradius {
    margin: 10px 0px 10px 0px;
    padding: 0px;
    border-radius: 8px;
}










/* ---------------------------------------- TABLE ---- POROVNANI ---- TABLE--------------------------------------- */
/* ---------------------------------------- TABLE ---- POROVNANI ---- TABLE--------------------------------------- */
/* ---------------------------------------- TABLE ---- POROVNANI ---- TABLE--------------------------------------- */
/* ---------------------------------------- TABLE ---- POROVNANI ---- TABLE--------------------------------------- */
/* ---------------------------------------- TABLE ---- POROVNANI ---- TABLE--------------------------------------- */
/* ---------------------------------------- TABLE ---- POROVNANI ---- TABLE--------------------------------------- */

.aroundlevypravy {width: 100%; padding: 0px 0px 20px 0px; margin: 0px 0px 20px 0px; border-bottom: 1px solid #dee2e6; display: table} 



.levy70, .levy60, .levy50, .levy40, .levy30 {
    width: 70%;
    padding: 0px 30px 20px 10px;
    float: left;
} 

.levy70, .levy60, .levy50, .levy40, .levy30 { padding: 0px 30px 20px 10px;}

.levy60 { width: 60%;} 
.levy50 { width: 50%;} 
.levy40 { width: 40%;}
.levy30 { width: 30%;}






.pravy70, .pravy60, .pravy50, .pravy40, .pravy30 {
    width: 70%;
    padding: 0px 10px 20px 30px;
    border-left: 1px solid #dee2e6;
    float: right;
}


.pravy60 { width: 60%;}
.pravy50 { width: 50%;}
.pravy40 { width: 40%;}
.pravy30 { width: 30%;}


.withborderandlightcolor {
    background: #f5f5f554;
    border-radius: 8px;
    border: 1px solid #e1dcdc;
}






.contactformbox {
    background: #c7e9c0;
    border-radius: 10px;
    padding: 25px 50px 40px 50px;
    border: none;
}



.calculatordescription {
    width: 50%;
    padding: 0px 30px 20px 10px;
    float: left;
}  
        



.calculator label {
    display: block;
    margin: 10px 0px 0px 5px;
    font-weight: 500;
}

.calculator input, .calculator select {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #ffefdb;
    font-weight: 300;
    border: 1px px solid #d0cddd;
    color: #333333;
}




.calculator button {
            width: 100%;
            padding: 10px;
            background-color: #28a745;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
}
.calculator button:hover {background-color: #218838;}

.result, .history-item {
            margin-top: 20px;
            padding: 10px;
            border: 1px solid #cfe3d4;
            border-radius: 5px;
            background-color: #f8f9fa;             background-color: #eefef2;
}
        
.history-item  { border: 1px solid #F0F0F0;background-color: #FAFAFA; margin: 0px 0px 10px 0px;}
.history h3    { font-size: 16px;margin: 10px 0px 10px 0px;}

.undertableexplanation {
    padding: 10px 16px 7px 16px;
    font-size: 13px;
    line-height: 16px;
    color: #88938b;
}

.kalkulatorupozorneni {
    padding: 10px 15px 10px 15px;
    font-size: 15px;
    line-height: 24px;
    color: #b70e14;
    background: #fcf1f2;
    border: 1px solid #d4a8aa;
}


.disclaimerkalkulacka {
    border: 1px solid #c0dbdf;
    background-color: #d2f9ff;
    margin: 0px 0px 10px 0px;
    color: #156b79;
    padding: 10px 15px 10px 15px;
    font-size: 12px;
    line-height: 16px;
    border-radius: 5px;
}

























#edit-field-typ-prispevku--wrapper legend {
  line-height: 13px;
display: none;
}




#edit-field-typ-prispevku--wrapper .fieldset-legend       {  padding-right: 10px; font-size: 14px;}

#edit-field-typ-prispevku--wrapper .fieldset-legend .fas  { padding: 2px 10px 0px 10px;height: 30px;float: left;font-size: 15px;}

#edit-field-typ-prispevku                                                {display: flex;justify-content: space-between;}

#edit-field-typ-prispevku .js-form-item.form-item-field-typ-prispevku    {flex: 1; margin: 0 1px;}

#edit-field-typ-prispevku input[type="radio"]                            {display: none;}

#edit-field-typ-prispevku input[type="radio"] + label {
    display: block;
    width: 100%;
    padding: 15px 15px 15px 15px;
    margin: 0;
    text-align: center;
    border: 1px solid #dee2e6;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
    font-size: 18px !important;
    color: #4b412e;
}


#edit-field-typ-prispevku-recenze + label {
    background-color: rgb(250,250,250);
    border-top-right-radius: 8px;border-bottom-right-radius: 8px; 
}

#edit-field-typ-prispevku-recenze:checked + label {
    background-color: rgb(56 88 126);
    color: white !important;
    border-top-right-radius: 8px;border-bottom-right-radius: 8px;  
}


#edit-field-typ-prispevku-dotaz + label {
    background-color: rgb(250,250,250);
    border-top-left-radius: 8px; border-bottom-left-radius: 8px; 
}

#edit-field-typ-prispevku-dotaz:checked + label {
    background-color: rgb(56 88 126);
    color: white !important;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}


.gsc-heading.style-1 .title {
    font-size: 40px;
    font-family: "Roboto Slab", "Rubik", sans-serif;
    font-weight: 300;
}












































.loan-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 20px;
}

.loan-item {
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: #f9f9f9;
}

.loan-logo,
.loan-provider,
.loan-rpsn,
.loan-amount,
.loan-term,
.loan-rate,
.loan-more,
.loan-sjednat {
    flex: 1 1 100%;
    margin: 5px 0;
}

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

.positivenegative {
    list-style: none;
    padding: 0;
}

.positive {
    color: green;
}

.negative {
    color: red;
}

.loan-more a,
.loan-sjednat a {
    text-decoration: none;
    color: #007bff;
}

.loan-more a:hover,
.loan-sjednat a:hover {
    text-decoration: underline;
}



































/* ---------------------------------------- TOC NAVIGACE NAVIGATION table of CONTENTS ----------------------------------- */
/* ---------------------------------------- TOC NAVIGACE NAVIGATION table of CONTENTS ----------------------------------- */



#toc-container, .toc-container {
    border: none;
    padding: 2px;
    margin-bottom: 15px;
    background-color: #f5f5f55c;
    border-radius: 10px;
    
    background-color: white;
    padding: 15px;
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
}

#toc-toggle, .toc-toggle {
    cursor: pointer;
    font-size: 15px;
    padding: 5px;
    background-color: #f4f4f463;
    border-radius: 4px;
    user-select: none;
    font-weight: 500;
    display: inline-block;
    color: #333;
    width: 100%;
}




#toc-icon i {
    color: grey;
    padding: 0px 5px 0px 5px;
}



/* --------------------------------------------------- */

.toc-container            { padding: 5px; padding: 0px; border: none; box-shadow: none; background-color: initial}

.toc-container ul         { margin: 0; padding: 5px 0px 5px 10px; }
.toc-container ul li      { list-style-type: none; }
.toc-container ul li a    { font-size: 13px; }

.toc-toggle {
    padding: 10px 10px 10px 10px;
    font-size: 14px;
    /* border: 1px solid #dee2e6ba; */
    background-color: #f5f5f5b3;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}



.toc-container .toc-level-2, .toc-container .toc-level-3, .toc-container .toc-level-4, .toc-container .toc-level-5, .toc-container .toc-level-6 { margin: 0px !important;padding-left: 0px !important;}

.toc-container .toc-content {transition: initial; transition: max-height 0.9s ease-out;}

.toc-content {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease-out, opacity 0.2s ease-in;
    opacity: 0;
}

.toc-content.show {
    opacity: 1;
    max-height: none;  /* Umožní dynamickou výšku */
}




/* --------------------------------------------------- */




#toc-content {transition: max-height 0.3s ease-out;overflow: hidden;}

ul#toc-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
    padding: 10px 0px 0px 0px;
}

ul#toc-list li {display: flex;justify-content: space-between;align-items: flex-start; }


.toc-level-2 {margin: 0px !important;}


.toc-level-2 a.smoothlink------------ {
    margin-bottom: 5px;
    background-color: #eff8ff;
    color: #226181 !important;
    border: 1px solid #c7ced2;
    border-radius: 6px;
}

ul#toc-list li a.smoothlink {
    color: #333;
    font-weight: 400;
    display: inline-block;
    padding: 5px 10px;
    text-align: left;
    text-decoration: none !important;
    border-bottom: 1px solid #dee2e6;
    width: 100%;
    display: table;
}



#toc-list a.active {
    color: #1256c1 !important;
    /* font-weight: 500 !important; */
    background: #edf1ff;
    /* border-right: 1px solid blue; */
    /* font-size: 14px; */
    /* padding: 10px 15px !important; */
    border-bottom: 1px solid #487cd0 !important;
}
#toc-list a.active-----------::before {
    content: "•";
    margin-right: 6px;
  }





ul#toc-list li.toc-level-2 a.smoothlink--------:hover {background-color: #f5f5f5;color: #0033CC !important;}

ul#toc-list li a span.toc-number {border-bottom: none; /* Zajištění, že číslo nebude podtrženo */}
ul#toc-list li a:hover span.toc-number {border-bottom: none; /* Při hoveru stále bez podtržení */}

.share-icon {
    color: #5ab27b !important;
    margin-left: 10px;
    font-size: 18px;
    position: relative;
    cursor: pointer;
    display: inline-block;
}

.share-icon:hover::after {
    content: "Sdílet přes WhatsApp";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 5px 8px 5px 8px;
    border-radius: 8px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 1;
    visibility: visible;
    z-index: 1000;
    transition: opacity 0.3s ease;
    bottom: -10%;
    left: -330%;
}
.share-icon:hover {color: #128c7e;}


.toc-level-2, .toc-level-3, .toc-level-4, .toc-level-5, .toc-level-6 {
    margin: 0px !important;
    padding-left: 0px;
    line-height: 22px;
    font-size: 16px;
}

.toc-level-4 {padding-left: 10px;}
.toc-level-5 {padding-left: 10px;}
.toc-level-6 {padding-left: 10px;}

.toc-level-2 a, .toc-level-3 a, .toc-level-4 a, .toc-level-5 a, .toc-level-6 a                            { font-size: 14px;}
.toc-level-2 a:hover, .toc-level-3 a:hover, .toc-level-4 a:hover, .toc-level-5 a:hover, .toc-level-6 a:hover    { color: #0033CC !important;}



/* ---------------------------------------- TOC NAVIGACE NAVIGATION table of CONTENTS ----------------------------------- */
/* ---------------------------------------- TOC NAVIGACE NAVIGATION table of CONTENTS ----------------------------------- */













.sharewhatsapp {
  margin: 15px 0px 0px 0px;
  padding: 8px 10px 8px 14px;
  text-align: left;
  background: #bbe5dc;
  border-radius: 4px;
}




.sharewhatsapp i { padding: 0px 10px 0px 0px;}

.sharewhatsapp a { color: rgb(37 113 97) !important;}

.sharewhatsapp {
    margin: 15px 0px 0px 0px;
    padding: 5px 10px 5px 10px;
    text-align: left;
    background: #bbe5dc;
    border-radius: 4px;
}





.vyraznylink111 {
    display: inline-flex;
    justify-content: center;
    padding: 10px 20px;
    background-color: #edf6ff;
    color: #1068a7 !important;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: max-content;
    margin-left: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
    transform: translateX(-50%);
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.vyraznylink111:hover {
    background-color: #cce4ff; /* O něco tmavší modrá při hover */
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); /* Lehce zvýšený stín při najetí */
}



.vyraznylink222 {
    display: inline-flex;
    justify-content: center;
    padding: 10px 20px;
    background-color: #c5f5dd;
    color: #336f56 !important;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    width: max-content;
    margin-left: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
    transform: translateX(-50%);
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.vyraznylink222:hover {
    background-color: #cdeccc; /* O něco tmavší zelená při hover */
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); /* Lehce zvýšený stín při najetí */
}








/* ---------------------------------------- NEW BOX STYLE NICE 2025 --------------------------------------------- */

.comparisonbox {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    background-color: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    max-width: 100%;
    margin: 20px 0;
    overflow: hidden;
}


.comparisonbox .fivestar-widget .full-star, .comparisonbox .fivestar-widget .empty-star {
    border: 1px solid #dee2e6;
    padding: 6px;
    background: #f5f5f5;
    font-size: 16px;
    color: #549989;
}
.comparisonbox .fivestar-widget .empty-star { color: #ddd;background: #fff;}

.comparisonbox .comparison-header {
    position: relative;
    width: 100%;
    display: table;
    padding: 0;
}

.comparisonbox .logospolecnosti {
    float: left;
    width: 15%;
    height: auto;
    border-radius: 6px;
}

.comparisonbox .loan-name {
    float: left;
    width: 80%;
    font-size: 24px;
    font-weight: bold;
    color: #333;
    line-height: 36px;
    padding-left: 20px;
}

.comparisonbox .loan-name i {
    color: #c34c50;
    padding: 0px 8px 0px 0px;
    position: relative;
    top: 1px;
    left: 1px;
    right: 17px;
    font-size: 24px;
}

.comparisonbox .loan-smalldescription {
    font-size: 13px;
    line-height: 16px;
    margin: 0;
    padding: 5px 0px 0px 0px;
    font-weight: normal;
    color: #757575;
}

.comparisonbox .comparison-body {
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
}

.comparisonbox .specifications, 
.comparisonbox .pros-cons, 
.comparisonbox .action-buttons {
    float: left;
    padding: 0;
    box-sizing: border-box;
}

.comparisonbox .specifications {
    width: 35%;
    padding: 0;
}

.comparisonbox .pros-cons {
    width: 45%;
    padding: 0 10px 0 20px;
}

.comparisonbox .action-buttons {
    width: 20%;
    padding: 5px 0 0 10px;
    text-align: center;
}

.comparisonbox .specifications table {
    width: 100%;
    margin: 0;
    font-size: 14px;
}

.comparisonbox .specifications table tr td {
    padding: 7px 10px;
}  

.comparisonbox .compbtn1, .comparisonbox .compbtn2 {
    padding: 12px 25px;
    font-size: 1em;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 100%;
    display: block;
    margin: 20px 0;
    background-color: #feec10;
    color: rgb(52, 56, 141);
    text-decoration: none !important;
    color: #292603 !important;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}


.comparisonbox .compbtn1:hover, .comparisonbox .compbtn2:hover {
    background-color: #ffd700;
    background-position: 100% 0; /* Posune barvu pozadí při hoveru */
}





         
      

.comparisonbox .compbtn2 {
    background-color: #f5f5f5;
    color: #757575 !important;
}

.comparisonbox .odrazkywithborder {
    list-style-type: none;
    padding: 15px 20px 10px 20px;
    border: 1px solid #dee2e6;
    background: #ffffff;
    margin: 0;
    border-radius: 8px;
}

.comparisonbox .odrazkywithborder li {
    font-size: 14px;
    margin: 0 0 5px 0 !important;
    padding-left: 20px;
}




.odrazkywithborder.smallfontnolisttype {  padding: 20px 0px 20px 15px;}

.odrazkywithborder.smallfontnolisttype li {
    font-size: 13px;
    list-style-type: none;
}









/* -------------------------------- BIGGER -------------------------------- */

.comparisonbox.everythingbigger                     { margin: 20px 0px 40px 0px;}
.comparisonbox.everythingbigger .logospolecnosti    { width: 18%;}

/* -------------------------------- BIGGER -------------------------------- */




/* ---------------------------------------- NEW BOX STYLE NICE 2025 --------------------------------------------- */
/* ---------------------------------------- NEW BOX STYLE NICE 2025 --------------------------------------------- */




.scrollable-links {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 10px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.scrollable-links::-webkit-scrollbar {
  display: none;
}

.scrollable-links li {
  margin-right: 15px;
}

.scrollable-links a {
  white-space: nowrap;
}









.node-listing-single .listing-content-main .searchblockinsidenode .block .block-content, .node-listing-single .listing-content-main .searchblockinsidenode .block  { background: initial;}

.searchblockinsidenode .frontpagesearchform {
    width: 100%;
    padding: 0px;
    background: initial;
}








.searchblockinsidenode .frontpagesearchform::before { background: initial; }

.searchblockinsidenode .choices { overflow: initial;}

.onlycontentblock {}



.ck-editor__main a { color: blue; text-decoration: underline}



.articledisclaimer {
    width: 100%;
    display: table;
    padding: 38px 0px 0px 0px;
    font-size: 14px;
    line-height: 21px;
    color: #656565;
}




.alert a {
    color: #142ac3;
    text-decoration: underline;
    text-underline-offset: 0.21rem;
}








/* ----------------------- lawyers search VERTICAL ---------------------- */


.searchinsidearticle {
    width: 100%;
    margin: 30px 0px 30px 0px;
    display: table;
}




.searchinsidearticle.articlevariant {
    margin: 50px 0px 50px 0px;
    position: relative;
    border: 1px solid #dee2e6c2;
    border-radius: 10px;
    background: #f5f5f54d;
    padding: 40px 40px 28px 40px;
    text-align: center;
}

.searchinsidearticle.articlevariant .jakofieldset {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #44b780;
    padding: 8px 12px 8px 12px;
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
    border-radius: 6px;
    color: #ffffff !important;
    text-decoration: none !important;
}

.searchinsidearticle.articlevariant .jakofieldset:hover {background: black;}











.searchinsidearticle.articlevariant .attorneytabs .nav-tabs > li a { 
padding: 13px 15px;
background: rgb(71 121 171) !important;
    }


.searchinsidearticle.articlevariant .attorneytabs.different111 .gsc-tabs .tabs_wrapper.tabs_horizontal .nav-tabs {background: none;}













.searchinsidearticle .frontpagesearchform .js-form-item-area, .searchinsidearticle .frontpagesearchform .js-form-item-location, .searchinsidearticle .frontpagesearchform .search-submitfront 
{ flex-basis: 100%;margin: 0px 0px 10px 0px !important;}

.searchinsidearticle .frontpagesearchform::before {background: initial !important;}


.searchinsidearticle .frontpagesearchform .form-item select, .searchinsidearticle .frontpagesearchform .js-form-item-area .choices__inner, .searchinsidearticle .frontpagesearchform input[type="text"] {
    background-color: white;
    padding: 10px 15px 10px 15px;
    border: 1px solid silver;
    box-shadow: none;
    border-radius: 8px !important;
}

.searchinsidearticle .webform-submission-form .search-submitfront input[type="submit"] {border-radius: 8px;}

.searchinsidearticle .frontpagesearchform {
    margin-bottom: 20px !important;
    width: 90%;
    padding: 20px 20px 0px 20px;
}

.node-listing-single .listing-content-main .searchinsidearticle .block, .node-listing-single .listing-content-main .searchinsidearticle .block .block-content {
    background: initial;
    background: #f5f5f5;
    border-radius: 8px;
      z-index: initial;
}







.questiontopinfo---- {
    padding: 0px 0px 10px 0px;
    font-size: 14px;
    margin: -10px 0px 10px 0px;
    border-bottom: 1px solid silver;
}



.questiontopinfo {
    font-size: 13px;
    line-height: 20px;  
    color: #415171;      
    position: relative;
    padding: 0px 0px 20px 45px;
    margin: -10px 0px 20px 0px;    
    border-bottom: 1px solid #dee2e6;
}



.questiontopinfo:before {
    content: "\e447";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: -20px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    font-size: 30px;
}





.suggestedkeywordsaid {
    font-size: 12px;
    line-height: 20px;
    color: #333;
    padding: 15px 5px 20px 5px;
    margin: 0px 0px 0px 0px;
    border-top: 1px solid #dee2e6;
}











h2#aianswer, h2#expertanswer {
    background: #f6f9fa;
    padding: 10px 15px 10px 20px;
    font-size: 22px;
    /* line-height: 33px; */
    margin-bottom: 20px;
    border-radius: 8px;
    border: none;
    box-shadow: rgb(199 214 219) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}




h2#aianswer .field--type-fivestar, h2#expertanswer .field--type-fivestar {
    float: right;
}


h2#aianswer .fivestar-widget-5, h2#expertanswer .fivestar-widget-5 {
    all: unset;
    padding: 11px;
    display: block;
}




.aianswertext {
    all: unset;
    font-size: 0.85rem;
    line-height: 1.6;
    border-radius: 10px;
    /* background: #f5f5f594; */
    padding: 20px 20px 20px 20px;
    display: table;
    color: #333;
    border: 1px solid #dee2e6;
}

.aianswertext ul li, .aianswertext ol li { margin: 0px 0px 0px 0px;}

.aianswertext ul, .aianswertext ol { margin: 20px 0px 10px 10px;}










.field.field--name-field-expert-answer.field--type-text-long.field--label-hidden.field__item {
    border: 1px solid #dee2e6;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px 20px 15px 20px;
        font-size: 16px;
    line-height: 25px;
}


.node--type-article .field--name-field-expert-answer ul {
    margin: 10px 0px 10px 20px;
    padding: 0px 0px 0px 15px;
}

.node--type-article .field--name-field-expert-answer ul li {
    font-size: 15px;
    line-height: 22px;
}


.node--type-article .field--name-field-expert-answer h2, .node--type-article .field--name-field-expert-answer h3, 
.node--type-article .field--name-field-expert-answer h4, .node--type-article .field--name-field-expert-answer h5 {
    padding: 0px 0px 10px 0px;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
}















.legalaidrelatedlawyers .item-columns { padding: 0px 9px 0px 9px !important}

.legalaidrelatedlawyers .nobackgroundarticle {
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #dee2e6 !important;
    margin: 0px 0px 15px 0px !important;
    background: #f6f9fa !important;
}




.legalaidrelatedlawyers .nobackgroundarticle .articletermpage .post-block .post-image img {
    border-radius: 4px !important;
    overflow: hidden;
    vertical-align: top;
}

.legalaidrelatedlawyers .nobackgroundarticle.similararticlenobackground .articletermpage .post-block .post-image  { width: 35%;}
.legalaidrelatedlawyers .nobackgroundarticle.similararticlenobackground .articletermpage .text-left               { width: 65%;     padding: 0px 0px 0px 20px;}

.legalaidrelatedlawyers .articletermpage .post-block {margin-bottom: 0px;}



.legalaidrelatedlawyers .nobackgroundarticle.similararticlenobackground .articletermpage .post-tags-bottom {
    font-size: 12px;
    padding: 5px 20px 5px 20px;
    color: #1e4a59;
}















.node--type-legal-question .container .container { background: inherit;}



.graviasnopaddingheader .column-style-2 {padding: 0px 10px;}






.legaladvice {
    width: 100%;
    display: table;
    padding: 0px;
    border-radius: 8px;
    margin-bottom: 20px;
    background: white;
    position: relative;
    overflow: hidden;
    
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}

.legaladvice a {color: rgb(51 58 203) !important;}

.legaladvice i.aidicongreen, .legaladvice i.aidiconred {
    color: rgb(101 177 146);
    position: absolute;
    top: 6px;
    font-weight: 800;
    font-size: 25px;
    right: 6px;
    /* bottom: 9px; */
}
.legaladvice i.aidiconred {color: rgb(193 12 48);}



                  



.legaladvice .practicefloatright    { float: right}


.legaladvice .writtenby i {
    color: rgb(73 169 95);
    position: relative;
    top: 2px;
    font-weight: 800;
    font-size: 18px;
}



.legaladvice:hover .legalrow2    {color: black}



.legaladvice .legalrow1 {
    width: 100%;
    display: table;
    padding: 15px 15px 10px 20px;
    font-size: 20px;
}


.legaladvice .legalrow1 a------- {
    padding: 0px 0px 5px 15px;
    border-left: 2px solid rgb(171 137 140);
    display: block;
}


.legaladvice .legalrow2 {
    width: 100%;
    display: table;
    padding: 0px 15px 0px 20px;
    font-size: 13px;
    line-height: 20px;
    color: silver;
}

.legaladvice .legalrow3 {
    padding: 12px 15px 12px 20px;
    background: rgb(250, 250, 250);
    font-size: 14px;
    overflow: hidden;
    margin: 10px 1px 1px 1px;
    border-top: 1px solid #dee2e6;
}



.importantinformation {
    font-size: 14px;
    color: #3b370c;
    background: #fffab7;
    padding: 5px 8px 5px 8px;
    border-radius: 5px;
    border: 1px solid #d5d195;
    margin: -5px 0px 10px -15px;
    /* font-style: italic; */
    width: 100%;
}

.importantinformation a { color: inherit; text-decoration: underline}




.legaladvice .legalrow1 a.articleimage img {
    width: 20%;
    float: left;
    margin: 5px 20px 0px 0px;
    border-radius: 5px;
}














.ask-now-container {
    width: 100%;
    margin: 0 auto;
    padding: 1rem;
    box-sizing: border-box;
    
    padding: 18px;
    border-radius: 10px;
    border: 1px solid white;
    background: rgba(255, 255, 255, 1);
    z-index: 10;
    position: relative;
    margin-bottom: 20px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}

.ask-now-label {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    color: #4e6377;
    padding: 0px 0px 0px 5px;
}
.ask-now-label .topic {
    font-size: 13px;
    color: #999999;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    line-height: 16px;
}


.ask-now-container .underformsmallinfo {
    font-size: 13px;
    color: rgba(119, 119, 119, 1);
    font-weight: normal;
    margin: 0px 0px -10px 0px;
    padding: 6px 0px 0px 5px;
    line-height: 16px;
}







.ask-now-container form {
  display: flex;
  width: 100%;
}
.ask-now-container form input[type="text"] {
    flex: 1;
    padding: 0.75rem;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
    box-sizing: border-box;
    background: #f1f5f9;
    border: none;
    box-shadow: rgb(204, 219, 232) 2px 2px 1px 0px inset, rgba(255, 255, 255, 0.5) 0px -3px 6px 1px inset;
}

.ask-now-container form button {
  padding: 0.75rem 1.25rem;
  font-size: 1rem;
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.ask-now-container form button:hover {background-color: #0056b3;}



.ask-now-container.askattorneyonly form button {
    background-color: #b34444;
    color: #fff;
    text-transform: uppercase;
}







.administrator .ck-editor__main figure {
    height: auto !important;
    width: 25% !important;
    min-width: 25%;
}


.node--type-article .listing-content-main ul.keypoints {
    margin: 15px -15px 11px -15px;
    padding: 20px 20px 15px 40px;
    background: #e6f4fb;
    border-radius: 8px;
    font-size: smaller;
    line-height: 20px;
    font-weight: 500;
}



.attorney-image-container {
  position: relative;
  display: inline-block;
}

.attorney-image-container img {
  display: block;
  width: 100%; 
}

.attorney-image-container .illustrationimage {
    background: white;
    padding: 7px 10px 0px 0px;
    margin: 0px;
    font-size: 12px;
    line-height: 1.2;
    border-radius: 4px;
    color: #757575;
    font-style: italic;
    width: 100%;
    text-align: right;
    display: block;
}





.form-item--error-message {
  background: #ffe5e5;
  color: #771212;
  padding: 10px 10px 10px 15px;
  border-radius: 5px;
  font-size: 18px;
}







.portfolio-filter ul.nav-tabs > li > a {
    font-size: 22px;
    color: black !important;
}

.portfolio-filter ul.nav-tabs {
    border-bottom: none;
}

.portfolio-v2 .content-inner .portfolio-content {
    background: #f5f5f5;
    border-radius: 6px;
    padding: 10px 10px 10px 10px;
    color: white !important;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}


.portfolio-v2 .images .link { color: black;}







.specialstaticgravias .gbb-row .bb-inner {
    padding-top: 0px;
    padding-bottom: 60px;
}

.specialstaticgravias .negativemarginblock .listingcontactform.webform-111 {
    margin-top: -130px;
}







.filter-map-popular {
    position: absolute !important;
    bottom: initial; 
    top: 24%;
    position: absolute !important;
}




.team-block.team-v1 { border-radius: 8px;}





.menuphonenumber {
    color: #293a42 !important;
    padding: 11px 15px 10px 15px;
    margin: 0px 10px 11px 0px;
    transition: background 0.3sease, color 0.3sease, border 0.3sease, transform 0.3sease;
    background: rgb(232 239 242 / 38%);
    border-radius: 6px;
    border: 1px solid #e4e4e4;
    display: inline-block;
    float: left;
    background: rgb(208 255 204);
    color: #246340 !important;
    font-weight: 400;
}
.menuphonenumber:hover {

    border: 1px solid rgb(87,152,116);
}






.gva-portfolio-items {display: block;}

.portfolio-single { margin-top: 50px;}

.portfolio-v2 {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    border-radius: 10px;
    padding: 20px;
    background: #70b77b;
}

.portfolio-v2 .content-inner {border: none}

.portfolio-v2 .item-image img { border-radius: 8px;}

.portfolio-single .portfolio-informations .item-information { padding: 10px 0; font-weight: normal }

.node--view-mode-full.node--type-portfolio .post-title { font-size: 24px;text-transform: initial; }


/* ------------------------------- AAAAAAAAAAAA -------------------------------------------- */

.testimonial-node-2 .quote {
    font-size: 16px;
    line-height: 23px;
    color: #242424;
}


.testimonial-node-2 .testimonial-content {
    padding: 60px;
}





.customertestimonials .owl-carousel.init-carousel-owl .owl-item {
    padding: 10px 10px 10px 10px;
}



.testimonial-node-2 {
    border: none;
    background: #fff8f2;
    border-radius: 20px;
    max-width: initial;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}









.importantdescription {
    color: #293a42;
    background: #ffffffeb;
    margin-top: -30px;
    border-radius: 8px;
    text-align: left;
    padding: 15px 20px 15px 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    font-family: "Rubik", sans-serif;
}

.importantdescription p:last-of-type {
  margin-bottom: 0;
}


.descriptionbezotevirani {
    color: #293a42;
    background: #ffffffd1;
    margin-top: -30px;
    border-radius: 8px;
    text-align: left;
    padding: 15px 20px 10px 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    font-family: "Rubik", sans-serif;
}




.importantdescription.smallervariant {
    margin-top: 5px;
    font-size: 15px;
    line-height: 22px;
    background: #283951eb;
    color: #dadcde;
    padding: 15px 20px 15px 20px;
}









.importantdescription .field__item {
  max-height: 6em;           /* 6 řádků, upravte podle potřeby */
  overflow: hidden;
  transition: max-height .9s ease;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

.importantdescription .field__item {
  position: relative;
}

.importantdescription:not(.expanded) .field__item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.5em;
  background: linear-gradient(
    to bottom,
    rgba(249,250,248, 0) 0%,
    rgb(249,250,248)   135%
  );
  pointer-events: none;
}







.importantdescription.expanded .field__item {
  max-height: 100vh;         
  -webkit-line-clamp: unset;
}

.importantdescription .show-more {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px;
    cursor: pointer;
    font-size: 28px;
    color: #da567f;
    width: 100%;
    user-select: none;
}










.imagetype111 img {
    max-width: 40%;
    border-radius: 20px;
    padding: 20px;
    background: white;
    margin-top: 20px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}







/* ---------------------- SPECIAL BOXES ---------------------  SPECIAL BOXES ------------------------------------- */
/* ---------------------- SPECIAL BOXES ---------------------  SPECIAL BOXES ------------------------------------- */




.specialresponsiveboxes .highlight_content {
  max-height: 20em;
  overflow: hidden;
  transition: max-height .9s ease;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  position: relative; /* kvůli ::after, ať se správně pozicuje */
}

.specialresponsiveboxes .highlight_content.autoheight {max-height: initial !important;   }




.autoheightforbox .highlight_content {max-height: initial !important;     display: block; }




.minimalaccordion  {
    /* clear: both; */
    display: inline-block;
    width: 100%;
}




.specialresponsiveboxes .minimalaccordion .panel .panel-heading .panel-title > a { padding: 15px 30px 15px 0px;}


.gsc-icon-box .highlight_content .desc p:last-child { margin: 10px 0px 0px 0px;}


.specialresponsiveboxes .widget:not(.expanded) .highlight_content::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2.5em;
  pointer-events: none;
}

.specialresponsiveboxes .widget.expanded .highlight_content {
  max-height: 300vh;
  -webkit-line-clamp: unset; 
}

.specialresponsiveboxes .show-more {
  display: flex; justify-content: center; align-items: center;
  margin: 0; cursor: pointer; font-size: 28px; color: #da567f;
  width: 100%; user-select: none;
}



h2.specialtitle {
    float: right;
    font-size: 50px;
    line-height: 60px;
    font-family: "Roboto Slab", "Rubik", sans-serif;
    font-weight: 300;
    padding: 12px 0px 0px 10px;
    margin: 0px 0px 21px 0px;
}








/* ---------------------- SPECIAL BOXES ---------------------  SPECIAL BOXES ------------------------------------- */

.specialresponsiveboxes .gsc-icon-box {
    padding: 15px 20px;
    border-radius: 20px;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
    background: white
}


.specialresponsiveboxes .airflow111 {
    padding: 50px 60px;
}    gg







.specialresponsiveboxes .gsc-icon-box:hover {
box-shadow: rgb(17 17 26 / 12%) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgb(17 17 26 / 0%) 0px 16px 56px
}

.specialresponsiveboxes .gsc-icon-box img {
    border-radius: 8px;
    transition: transform 0.5s ease, filter 0.5s ease;
}


.specialresponsiveboxes .gsc-icon-box img:hover {
  transform: scale(1.03);     
  filter: brightness(0.85);  
}



.specialresponsiveboxes .gsc-icon-box .title {
    margin: 25px 0px 15px 0px;
    font-size: 22px;
    line-height: 26px;
}

.specialresponsiveboxes .BIGTITLE .gsc-icon-box .title {
    margin: 25px 0px 15px 0px;
    font-size: 50px;
    line-height: 70px;
}







.specialresponsiveboxes .gsc-icon-box h3,
.specialresponsiveboxes .gsc-icon-box h4 {
    margin: 20px 0px 10px 0px;
    font-size: 20px;
    color: #263a83;
}





.specialresponsiveboxes .gsc-icon-box .highlight_content {
    max-width: initial;
    margin: 0px 10px 10px 10px;
    text-align: left;
}

.specialresponsiveboxes .highlight_content ul {padding: 10px 0px 10px 20px !important;}

.specialresponsiveboxes .highlight_content ul.odrazkywithborder  {padding: 10px 0px 10px 20px;}


.specialresponsiveboxes .highlight_content ul li {
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 22px;
}


.specialresponsiveboxes .gsc-icon-box .highlight_content .desc {
    text-align: left;
    font-weight: 400;
}

.specialresponsiveboxes .gsc-icon-box .highlight_content .title.makecolor111 { color: }


.specialresponsiveboxes .gsc-icon-box .highlight-icon .icon-container {
    width: initial;
    height: initial;
    display: inline-block;
}





.specialresponsiveboxes .gsc-icon-box .highlight-icon .icon-container .icon      { font-size: 60px;color: #d0dae5; transition: color 0.4s ease;} 

.specialresponsiveboxes .gsc-icon-box:hover .highlight-icon .icon-container .icon { color: #6e88a5;   }

.specialresponsiveboxes .gsc-icon-box .highlight-icon {
    text-align: center;
    text-align: left;
}

.specialresponsiveboxes .gsc-icon-box .highlight-icon .icon-container .ONLYICONPADDING { padding: 15px 15px 0px 15px !important;} 




.newactionbutton {
    font-size: 17px;
    border-radius: 10px;
    font-family: rubik, "Poppins", sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    padding: 15px 35px;
    margin-top: 20px;
    color: white !important;
    background: rgb(68 196 134);
    display: table;
    text-decoration: none !important;
    width: 100%;
    text-align: center;
}

.arouondaccordion {
    border: 1px solid #dee2e6;
    border-radius: 10px;
    background: white;
    padding: 5px 30px 10px 30px;
    margin-bottom: 10px;
}

/* ---------------------- SPECIAL BOXES ---------------------  SPECIAL BOXES ------------------------------------- */
/* ---------------------- SPECIAL BOXES ---------------------  SPECIAL BOXES ------------------------------------- */

.importantdescription hr { border-top: 1px solid rgb(56 79 91 / 32%);}




#registrvozidel {
  padding: 50px 51px;
  border-radius: 20px;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
  margin-bottom: 20px;
  background: white;
}
#registrvozidel .form-groupRangeBox {
  display: flex;
  gap: 10px;
}


#registrvozidel .grid.pb-10.center {
    display: table;
    width: 100%;
    text-align: right;
}

#registrvozidel .w100 {width: 100%;}

#registrvozidel input[type="text"],
#registrvozidel input[type="password"],
#registrvozidel input[type="email"] {
  flex: 1;
  padding: 11px 13px;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
  background: #f5f5f5c4;
  min-width: 0;
}


#registrvozidel input:focus {
  border-color: #007bff;
  outline: none;
}



#registrvozidel button, #registrvozidel input[type="submit"] {
    background: #007bff;
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 17px;
}

#registrvozidel button#btn-csv {
    background: #f5f5f5;
    color: rgba(119, 119, 119, 1);
    margin-left: 15px;
    border: 1px solid #dee2e6;
}
#registrvozidel button#btn-csv:hover {
border: 1px solid rgb(128,128,128);
}



#registrvozidel button:hover,
#registrvozidel input[type="submit"]:hover {
  background: #0056b3;
}

#registrvozidel table tbody tr td {
    border-bottom: 1px solid #9db8d3;
    padding: 10px 10px 10px 10px;
    background: #e5ecf4;
}

#registrvozidel input::placeholder { color: rgb(192,192,192)}

#registrvozidel .error {  margin-top: 15px;}

#registrvozidel .success {padding: 10px;background: #e9f8ef;border: 1px solid #bfe7cb;   margin-top: 15px;}





.specialclasssluzby----- { display: none !important }
.administrator .specialclasssluzby { display: inline-block !important }


.title a .smallerundername, .smallerundername {
    font-weight: normal;
    color: rgba(0, 0, 0, 1.00);
    font-size: 13px;
    text-decoration: none;
    display: inline-block;
    line-height: 0px;
}

.smallerundername {
    display: block;
    width: 100%;
        line-height: 23px;
}


.price .smallerundername {
    font-weight: normal;
    color: white;
    font-size: 13px;

}






.mint {
    font-weight: normal;
    color: white !important;
    font-size: 13px;
    background: #000000;
    padding: 6px;
    border-radius: 5px;
    text-decoration: none !important;
}



#gpb_form-edit-configs textarea{

    width: 100% !important;  min-height: 400px;
}
   
   





.colorboxgallery111{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;                
  width: 100%;
    margin: 30px 0px 30px 0px;
}


.colorboxgallery111 a {
    flex: 1 1 calc((100% - 5 * 10px) / 6);
    min-width: 140px;
    aspect-ratio: 4 / 3;
    display: block;
    overflow: hidden;
    border-radius: 20px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
    padding: 3px;
}


.colorboxgallery111 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 0px;
    border-radius: 15px;
    overflow: hidden;
}


.colorboxgallery111.triimagesrow a {
  flex: 1 1 calc((100% - 2*10px)/3);
}

.colorboxgallery111.ctyriimagesrow a {
  flex: 1 1 calc((100% - 3*10px)/4);
}


@media (max-width: 1200px){
  .colorboxgallery111 a{ flex-basis: calc((100% - 4*10px)/5); }
}
@media (max-width: 992px){
  .colorboxgallery111 a{ flex-basis: calc((100% - 3*10px)/4); }
}
@media (max-width: 768px){
  .colorboxgallery111 a{ flex-basis: calc((100% - 2*10px)/3); }
}
@media (max-width: 520px){
  .colorboxgallery111 a{ flex-basis: calc((100% - 1*10px)/2); }
}
@media (max-width: 360px){
  .colorboxgallery111 a{ flex-basis: 100%; }
}


   
   
   
   
   
   





























































/* ---------------------------------------- MEDIA MEDIA  --------------------------------------------- */
/* ---------------------------------------- MEDIA MEDIA  --------------------------------------------- */
/* ---------------------------------------- MEDIA MEDIA  --------------------------------------------- */
/* ---------------------------------------- MEDIA MEDIA  --------------------------------------------- */
/* ---------------------------------------- MEDIA MEDIA  --------------------------------------------- */
/* ---------------------------------------- MEDIA MEDIA  --------------------------------------------- */




@media screen and (max-width:600px) {

.container                      {padding-right: 20px;padding-left: 20px;}
.specialtaxonomypage .container {padding-right: 25px;padding-left: 25px;}


.specialtaxonomypage .bb-container.container {padding: 0px 10px 0px 10px;}


.onlymobile  { display: table !important}
.onlydesktop { display: none !important}



.row.NODEPADDING .row.row-wrapper {margin: 0px 5px 0px 5px; }

.row.NODEPADDING .col-sm-12 { padding: 0px; }

.specialresponsiveboxes .gsc-icon-box img { padding: 0px}
.specialresponsiveboxes .gsc-icon-box     { padding: 5px 15px;}
.specialresponsiveboxes .gsc-icon-box .title {  margin: 10px 0px 15px 0px;;}




.importantdescription {
    font-size: 15px;
    line-height: 22px;
}


#edit-accordion {
    padding: 5px 0px 0px 15px;
    margin: 30px 0px 0px 0px;
}


h2.specialtitle {
    font-size: 35px !important;
    line-height: 60px !important;
    font-weight: 300 !important;
    padding: 12px 0px 0px 10px;
    margin: 0px 0px 21px 0px;
}









  #registrvozidel .form-groupRangeBox {
    flex-direction: column;
  }

  #registrvozidel input[type="text"],
  #registrvozidel input[type="password"],
  #registrvozidel input[type="email"] {
    width: 100%;
  }




table.smallrowstable td.part111 {
    padding: 12px 12px 12px 12px;
    font-size: 17px;
    line-height: 21px;
}








.onlycontentblock table {
        overflow-x: auto;
        display: block;
    }

table.smallrowstable td.part222 {
  white-space: initial;
}








    .tooltip:after, [data-tooltip]:after {
        max-width: 90%; /* Umožní tooltipu přizpůsobit se šířce obrazovky */
        width: auto; /* Automatická šířka s respektem k max-width */
        left: 5%; /* Centerování tooltipu */
        right: 5%;
    }



.lowertitlepart {font-size: 14px; line-height: 22px;}

.smallermobilepadding .listing-writereview a{ padding: 6px 10px 6px 10px !important; margin: -1px 0px 0px 0px !important;}

.node-listing-single .listing-content-main #searchlawyersnow .block-content {
    background: #f8f4f4;
    padding: 10px;
}

.node--type-article, .node--type-article .main-page, .node--type-article .node-listing-single .listing-top, .node--type-article .node-listing-single { background-color: white;}




.latestcommenthighlight { padding: 10px 10px 10px 10px;}



.ask-now-container { margin-bottom: 0px; margin-right: -10px; margin-left: -10px; width: initial; padding: 8px} 
.ask-now-container form {flex-direction: column;}
.ask-now-container form input[type="text"], .ask-now-container form button {width: 100%;border-radius: 4px;}
.ask-now-container form button {margin-top: 0.5rem;}



.listing-other-8 {padding: 5px 10px 4px 10px;font-size: 13px;}






.webform-confirmation {margin: 10px 30px 0px 0px;}






.listingcontactform.webform-111 {
    padding: 10px 10px 20px 10px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
}

.negativemarginblock .listingcontactform.webform-111 { margin-top: -120px;}


.webform-submission-form .js-form-type-checkbox label {
    line-height: 17px;
    margin: 0px 0px 10px 5px;
    float: left;
    width: 84%;
    font-size: 13px;
}




.circle-image {margin-top: 0px;}






.attorneytabs .gsc-tabs .tabs_wrapper.tabs_horizontal .nav-tabs {
    padding: 6px;
    border-radius: 6px !important;
}

.attorneytabs .nav-tabs > li a {
    border-radius: 5px !important;
}




.attorneytabs .nav-tabs > li a  { padding: 6px 12px; font-size: 13px;}
.attorneytabs .nav-tabs::before { top: 4px;}
.attorneytabs .gsc-tabs .tabs_wrapper.tabs_horizontal .tab-content .tab-pane 
{border: 1px solid #dee2e6;padding: 15px 20px 15px 20px; font-size: 15px;line-height: 23px;margin: 0px 0px 10px 0px;     font-size: 14px;line-height: 20px;}


    .attorneytabs .nav-tabs > li > a.active {
        color: #fffcfa;
        background: rgb(189, 56, 7) !important;
    }  

.attorneytabs .nav-tabs::before { all:unset;}



.onlylegalaidquestions .item-columns  { padding: 0px }







.menusearchinput.specialpositioninputsearch {
    float: initial;
    padding: 0px 0px 40px 0px;
    width: 100%;
}

.menusearchinput.specialpositioninputsearch input {
    padding: 14px 17px 14px 18px;
    background: white !important;
    width: 100%;
    border-radius: 7px;
    font-size: 17px;
    border: none !important;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}






.searchinsidearticle .frontpagesearchform {
        margin: 0px 0px 0px 0px !important;
        width: 100%;
        padding: 15px;
        background: #f5f5f5;
        border-radius: 8px;
        }
    
    

.searchinsidearticle .frontpagesearchform::before {background: initial !important;}

.searchinsidearticle .frontpagesearchform .js-form-item-area, .searchinsidearticle .frontpagesearchform .js-form-item-location, .searchinsidearticle .frontpagesearchform .search-submitfront 
{margin: 0px 0px 0px 0px !important;}

.node-listing-single .listing-content-main .searchinsidearticle .block, .node-listing-single .listing-content-main .searchinsidearticle .block .block-content  { background: initial; }
.node-listing-single .listing-content-main .searchinsidearticle .block .block-content  {padding: 0px }





.basicpagecontent .view-content-2 { margin: -60px 0px 40px 0px; padding: 14px 20px 20px 20px;}





.accordiontermpage .panel .panel-heading .panel-title > a { padding: 7px 12px 7px 12px;}
.accordiontermpage .panel .panel-heading {width: 100%; margin: 0px 0px 20px 1px;}




.lowertitlepart.different555 {
    padding: 10px 15px 10px 15px;
    font-size: 14px;
    line-height: 21px;
}

    .specialcalculator input[type="number"] {
        width: 63%;
    }






.init-carousel-owl { margin-left: 0px;}
.init-carousel-owl .owl-item > .item {
    padding-left: 5px;
    padding-right: 5px;
}


.listingcontactform .js-form-type-checkbox .description {
    font-size: 12px;
    line-height: 17px;
    color: #597987;
}





.tablokality.bigtablokality a {
    line-height: 31px;
    font-size: 15px;
    padding: 0px 8px 0px 7px;
    margin: 0px 5px 5px 0px;
}

.listing-block.v2 .listing-content .listing-info  {padding: 0px 14px 14px 14px;}
.lawyersspecialbox .listing-writereview a         { margin: -1px 0px 0px 5px;}





.specialcalculator .box-leva    { padding: 10px 15px 15px 15px;}
.specialcalculator #calculationresults    { margin: 10px 0px 0px 0px;padding: 10px 10px 5px 10px;}
.specialcalculator #calculationresults h3 { font-size: 14px; padding: 10px;}

.specialcalculator .box-prava table th, .specialcalculator .box-prava table td {padding: 8px;font-size: 15px;}



.node-listing-single .listing-top .listing-top-content .post-title {
        margin: 20px 0px 15px 0px;
        font-size: 43px;
        line-height: 50px;
}




  











  
  
.lowertitlepart.different111, .lowertitlepart.different222, .lowertitlepart.different333 {
    font-size: 15px;
    padding: 10px 15px 10px 15px;
    line-height: 23px;
  }

     

    


   
  
  
  
  
  
  

.upozorneni2 { font-size: 17px;line-height: 27px;}


.node--type-article .node-listing-single .listing-top .listing-top-content .post-title {
    font-size: 40px;
    line-height: 51px;
    font-weight: normal;
    
    
    border-bottom: 1px solid #e1e1e1;
    margin: 0px 0px 10px 0px;
    padding: 15px 0px 15px 0px;
    border-top: 1px solid #e1e1e1;
  }


.node--type-article, .node--type-article .main-page, .node--type-article .node-listing-single .listing-top { background: white;}


.specialtaxonomypage .vsekromekromelistingpage .views-exposed-form, .specialtaxonomypage .pouzeprolistingpage .views-exposed-form {width: 100%;}


.colorboxwithlinks {
  padding: 5px;
  font-size: 16px;
  line-height: 28px;
}




.datanadtitle {
    display: table;
    width: 100%;
    margin: 15px 0px -17px 0px;
}



.node-listing-single { background: white;}
  



header.header-default .header-main .header-main-inner .header-inner, header.header-v1 .header-main .header-main-inner .header-inner {padding-right: 100px;}

#node-single-comment #comment-form .js-form-type-checkbox label {
    font-size: 13px;
    padding: 0px;
    line-height: initial;
    display: table;
    width: 100%;
    text-align: left
}



#toc-container              {background-color: #ffffffab; }    
ul#toc-list                 { margin: 0px;  padding: 10px 0px 0px 0px;}
ul#toc-list li a.smoothlink { font-size: 13px; line-height: 21px;}
      
ul#toc-list li { flex-direction: row;justify-content: flex-start; justify-content: space-between;}
ul#toc-list li a {max-width: calc(100% - 40px); /* Zajišťuje, že odkaz bude vedle ikony */}
.share-icon {margin-left: 10px; margin-top: 4px; font-size: 16px; }

.toc-level-3, .toc-level-4, .toc-level-5, .toc-level-6 { padding-left: 10px;}





#sportka-results {
    padding: 10px;
  }
#sportka-results .sportkadisclaimer {
  font-size: 11px;
  line-height: 15px;
  color: rgb(179 110 69);
  margin: 0px 0px 0px 0px;
  padding: 9px 5px 0px 5px;
}

h2.sportkatitle { margin: 0px 0px 10px 0px; font-size: 20px;}
  
 #currentDateTime {
    display: table;
    margin: 0px 0px 10px 1px;
    font-size: 12px;
    color: rgb(162, 84, 16);
  }  
  
  
  #sportka-results h3 {
    padding: 8px;
    margin: 5px 0px 10px 0px;
    font-size: 16px;
  }

.circle {
    width: 35px !important;
    height: 35px !important;
    font-size: 16px !important;
    margin-right: 8px !important;
}


.radio-group input[type="radio"] + span { padding: 8px 13px;border-radius: 10px;}

.number-row {margin-bottom: 15px;}
#simulator {padding: 10px;}



.specialtaxonomypage .vsekromekromelistingpage .views-exposed-form, .specialtaxonomypage .pouzeprolistingpage .views-exposed-form {padding: 0px 20px 10px 20px;}


/* ----------------- media comments ------------------- */

.comment { margin: 0px 0px 30px 0px; border: none}

.commentformtext h2 span {display: table;font-size: 17px;color: #863542;}


.comment__meta {
    border: 1px solid #dee2e6;
    border-radius: 5px; 
    background: #f5f5f5;
    background: #eff3fa;
}


.comment__meta .user-profile                          {width: 10%;}
.comment__author, .comment__time, .comment__permalink {font-size: 11px;}


    .comment__content .ratingambalaz {
        width: 100%;
        margin: 10px 0px 10px 0px;
    }
    
    
.comment__content .links.inline  { float: right;}
.comment__content nav            { width: 100%;}
.comment__content                { padding: 12px 5px 0px 5px;font-size: 15px;line-height: 22px;}

.node-listing-single .listing-content-main .listing-info-block.listing-comment { padding: 10px;}

#comment-form .fivestar-widget-5 { padding: 8px;}

#comment-form fieldset:not(.fieldgroup) {padding: 10px 10px 0px 10px;}
.node-listing-single .listing-content-main .listing-info-block.listing-comment .title .listing-other-6 { font-size: 10px;}

/* ----------------- media comments ------------------- */

.service-timeline:before, .service-timeline > li .hentry .icon {all: unset;}
.service-timeline .hentry                                      { padding: 0px !important;}
.service-timeline .hentry .content-inner                       { padding-left: 0px !important;}
.service-timeline > li                                         {padding-top: 20px;}

.gbb-row .bb-inner           { padding-top: 20px;padding-bottom: 20px;}

.most-search-block ul        {padding: 0px;margin: 0px;}
.most-search-block ul > li   { margin-right: 5px;margin-bottom: 6px;color: rgba(255, 255, 255, 0.8);font-size: 13px;line-height: 28px;}
.most-search-block ul > li a { padding: 5px 7px;font-size: 13px;}

.searchautocomplete input { width: 100%;}

.node--type-listing #listing-main-map {  min-height: 250px;max-height: 400px;}
#edit-group-your-rating .field--type-fivestar {margin: 0px 0px 20px 4px;}


.listing-socials.socialsidebar.verticalinside      { display: initial }



.node-listing-single .listing-top .listing-top-content                        { padding: 0px 20px 0px 20px;}
.node-listing-single .listing-content-main .listing-info-block                { margin: 20px 0px 0px 0px;border: none; box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; }


    .node-listing-single .listing-content-main .listing-info-block .title {
        padding: 15px 15px 15px 20px;

    }


.node-listing-single .listing-content-main .listing-info-block .block-content { padding: 20px 20px 20px 20px; font-size: 15px; line-height: 24px;}

.listing-content-main h2 {
    font-size: 28px;
    line-height: 40px;
    font-family: "Roboto Slab", "Rubik", sans-serif;
    font-weight: 300;
}










.specialtaxonomypage  .listing-info-block.listingcontactform    { box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; }
.specialtaxonomypage  .listing-info-block .title.sidebaronly    { background: #336699; border: 1px solid rgb(51,102,153)}

        
 

.listing-block .listing-image img {border-width: 7px !important;}
.listing-block .listing-image .item-image img {margin: 18px 0px 0px 7px;}

.specialtaxonomypage #listing-main-map .leaflet-popup-content-wrapper .leaflet-popup-content { min-width: 250px;max-width: 330px;}

.fivestar-form-1 .total-votes {display: none }
.listing-writereview          { margin: 0px 0px 0px 3px;}
.fivestar-form-1 .description { font-size: 13px; line-height: 24px; margin-left: 1px;}
.listing-other-2 .views-element-container { width: 100%;float: initial;margin: 0px 0px 10px 0px;}
a.currentlyopen {display: block;}






.listing-bookbyemail      { margin: 10px 10px 0px 0px;}
.listing-bookbyemail a, .listing-bookbyphone a   { padding: 5px;}

.listing-bookbyemail a .sheduletext, .listing-bookbyphone a .sheduletext           {  font-size: 14px; line-height: 18px; text-align: right}
.listing-bookbyemail a .sheduletext span, .listing-bookbyphone a .sheduletext span {  font-size: 12px;}
.listing-bookbyemail a .sheduleicon, .listing-bookbyphone a .sheduleicon           { font-size: 30px; padding: 0px 8px 0px 2px;}


.listing-right-floating { margin: 0px 0px 0px 0px;}

.listingcontactform .webform-type-webform-name .js-form-type-textfield { margin: 0px 0px 10px 0px;}

/* --------- FAQ --------- */
.widescreencustomblock .container { padding-right: 10px;padding-left: 10px;}
.widescreencustomblock .faqtitle  { padding: 0px 0px 10px 0px;}
.widescreencustomblock            { padding: 30px 0px 50px 0px;margin: 50px 0px 0px 0px;}





.specialaccordion111 .panel .panel-heading .panel-title > a {
    padding: 15px 35px 15px 20px;
    font-weight: 500;
    font-size: 17px;
    line-height: 22px;
}

.specialaccordion111 .accordionsubtitle {
    font-size: 10px;
    line-height: 14px;
    font-weight: 500;
    padding: 5px 0px 0px 0px;
}


.specialaccordion111 .panel .panel-heading .panel-title > a:after { top: 15px; right: 15px;}
.specialaccordion111 .panel .panel-body { padding: 20px 20px 25px 20px;font-size: 14px;line-height: 21px;}

.specialaccordion111 .listing-bookbyemail, .specialaccordion111 .listing-bookbyphone {margin: 10px 0px 0px 0px;width: 100%;}
.specialaccordion111 .sheduletext span { text-align: left;}


  .minimalaccordion .panel .panel-body {
    padding: 15px 20px 10px 20px;
  }

.minimalaccordion .panel .panel-heading .panel-title > a {
  padding: 15px 22px 15px 12px;
  border-bottom: 1px solid #dee2e6;
  line-height: 23px;
}


/* --------- FAQ --------- */

.nodesimilarblockbottom {padding: 20px 10px 20px 10px;}

.listing-other-5    { padding: 5px 13px 5px 13px; font-size: 14px;}

.listing-other-6    { padding: 5px 13px 5px 0px; font-size: 14px;}



.node--type-article .listing-other-6 { padding: 5px 0px 5px 0px;}


.claimthisprofilelisting {padding: 12px 7px 5px 17px;}
.registrationlink a      { margin: 0px 5px 10px 0px;}
.thisorthis              { display: none}

.node-listing-single .listing-content-main .ontheright .block-content {font-size: 13px;line-height: 18px;}


/* --------- TABLES TABLES --------- */

.listing-info-block table th    { font-size: 14px;}
.listing-info-block table       { font-size: 12px; line-height: 16px;}




table                    { font-size: 13px; line-height: 18px; font-weight: normal !important; 


    width: 100%;

    border-collapse: collapse;
    }




table td, table th       { padding: 5px 5px 5px 5px;}



/* --------- TABLES TABLES --------- */

.listing-other-2----- { font-size: 15px; line-height: 23px;}
.questions-and-answers summary { font-size: 13px;line-height: 20px;}
.gsc-heading.style-2 .title {font-size: 46px;line-height: 50px; font-family: "Roboto Slab", "Rubik", sans-serif; margin-bottom: 19px;}



#edit-textonly   { padding: 0px 0px 0px 8px;font-size: 14px;}


    .biggesttitle h2 {
        padding: 10px 10px 10px 16px;
        font-size: 15px;
        font-weight: 400;
        line-height: 25px;
        font-family: "Rubik", sans-serif;
        color: black;
        background: #ffffffe8;
        border-radius: 8px;
    }




    .gsc-heading.style-2 .title, .gsc-heading.style-2 .title-desc h1 {
        font-size: 36px;
        line-height: 36px;
    }


.gsc-heading.style-2 .title-desc h1 strong {
    padding: 5px 13px 5px 15px;
    line-height: 60px;
    font-size: 24px;
    color: #145887;
    font-weight: bold;
}



.specialcalculator h2 {font-size: 20px;margin-bottom: 20px;}
.specialcalculator .kalkulackaNadpis2 {
    padding: 0px 0px 10px 0px;
    margin: -20px 0px 15px 0px;
    font-size: 12px;
}





.onlyforarticlecontent figure figcaption {
    font-size: 13px;
    line-height: 19px;
    margin: -25px 0px 0px 0px;
    padding: 0px 14px 0px 15px;
    color: #212529;
}
.node__content img, .onlyforarticlecontent figure img         { padding: 10px;margin: 10px 0px 30px 0px;}




.node--type-article .field--name-field-hodnoceni-clanku                                           { margin: 10px 0px 0px 0px;}
.node--type-article .node-listing-single .listing-nav .listing-nav-inner .listing-nav-inner-inner { padding: 10px 0px 20px 0px;}
.node--type-article .node-listing-single .col-xl-8                                                { padding: 10px !important;}


.vyraznylink111, .vyraznylink222 { width: 100%;}







    .tentovycentruj {
        margin: 0px 0px 10px 0px;
        font-size: 24px;
        line-height: 50px;
        font-family: "Roboto Slab", "Rubik", sans-serif;
        font-weight: 400;
        text-align: center;
    }

    #claimthisprofilelisting {
        padding: 0px 0px 10px 0px;
        width: 100%;
    }










}

       
       
       
       
       
       
       
       
       
       
       
       




@media screen and (max-width:767px) {

.listing-block {margin: 0px 0px 20px 0px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;}
.listing-block .listing-image { flex: 0 1 25%;}
.listing-block .floatingtitle { flex: 0 1 75%;}




.nobackgroundarticle .articletermpage .post-block, .nobackgroundarticle.nobackgroundarticle.similararticlenobackground .articletermpage .post-block 
{ display: table;padding: 15px;}

.nobackgroundarticle .articletermpage .post-block .post-image, .nobackgroundarticle.nobackgroundarticle.similararticlenobackground .articletermpage .post-block .post-image 
{ width: 100%; float: initial;}

.nobackgroundarticle .articletermpage .text-left, .nobackgroundarticle.nobackgroundarticle.similararticlenobackground .articletermpage .text-left {
    padding: 0px 0px 0px 0px;
    width: 100%;
}


.legalaidrelatedlawyers .nobackgroundarticle .articletermpage .post-block              {padding: 10px 10px 0px 10px !important;}
.legalaidrelatedlawyers .nobackgroundarticle .articletermpage .post-block .post-image  { width: 25% !important; float: left !important;}

.legalaidrelatedlawyers .nobackgroundarticle .articletermpage .text-left               {width: 75% !important; padding: 0px 0px 0px 20px !important; } 

.legalaidrelatedlawyers .nobackgroundarticle.similararticlenobackground .articletermpage .post-tags-bottom {padding: 0px 20px 5px 15px  !important;}

.legalaidrelatedlawyers .nobackgroundarticle.similararticlenobackground .articletermpage .post-block .post-title a {
    line-height: 24px;
    font-size: 14px;
    min-height: 70px;
    }










h2#aianswer .fivestar-widget-5, h2#expertanswer .fivestar-widget-5 { padding: 9px;}







#claimthisprofilelisting {
        padding: 0px 12px 20px 10px;
        width: 100%;
    }    
    
    

.tentovycentruj {
    margin: 10px 0px 10px 0px;
    font-size: 36px;
    line-height: 50px;
    font-family: "Roboto Slab", "Rubik", sans-serif;
    font-weight: 300;
    text-align: center;
}


.iframehypotekasporitelna { height: 1570px;}



ul.trisloupce       { -webkit-columns: 2; -moz-columns: 2; columns: 2; list-style-type: none; }
ul.trisloupce li    {break-inside: avoid-column; }

ul.dvasloupce       { -webkit-columns: 1; -moz-columns: 1; columns: 1; list-style-type: none; }
ul.dvasloupce li    {break-inside: avoid-column; }

.administrator .help {display: none !important}




.service-timeline .hentry .hentry-box {max-width: 100%;}



.specialtermbox.column222 .listing-content, .specialtermbox.column111 .listing-content {box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; margin: 0px 0px 20px 0px;}

.nodesimilarblock              {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;width: 100%;}
.nodesimilarblockfloatingtext  { color: rgb(176,176,176);font-size: 14px;line-height: 18px;}


.node-listing-single .listing-content-main .listing-info-block.listing-comment .title .commentformimage {display: none }
.node-listing-single .listing-content-main .listing-info-block.listing-comment .title h2 {
    font-size: 30px;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
    line-height: 30px;
}

.googlecommentlogin { font-size: 13px; line-height: 20px;}



.listing-nav .searchautocomplete { margin: 5px 0px -10px 0px; width: 100%;display: table;}
#footer .footer-center { padding: 30px 0 0px;}

.biggesttitle h1                     {padding: 0px 0px 0px 0px; font-size: 50px; line-height: 60px;}
.contactusform                       { padding: 10px;}
.graviasspecialclass .column-style-2 { padding: 0px 10px 30px 10px;}


.comment                         {  padding: 0px !important;}
.comment__content .ratingambalaz { width: 100%;}





.node--type-article .listing-content-main h2, .node--type-article .listing-content-main h3, .node--type-article .listing-content-main h4, .node--type-article .listing-content-main h5, 
.onlyforarticlecontent h2, .onlyforarticlecontent h3, .onlyforarticlecontent h4, .onlyforarticlecontent h5 

{ font-size: 24px;line-height: 34px; }


 
.node--type-article .listing-content-main h3, .node--type-article .listing-content-main h4, .node--type-article .listing-content-main h5, 
.onlyforarticlecontent h3, .onlyforarticlecontent h4, .onlyforarticlecontent h5
{ font-size: 22px;line-height: 34px; }





.node--type-article .listing-content-main h6, .node--type-article .listing-content-main h6 {
    font-size: 20px;
    line-height: 30px;
    padding: 20px 0px 10px 0px;
    font-weight: 500;
    margin: 0px;
}

    .onlyforarticlecontent .view-content-2 {
        width: 100%;
        border-radius: 10px;
        margin: -15px 0px 20px 0px;
        padding: 20px;
        font-size: 15px;
        line-height: 24px;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
    }
  
  
.onlyforarticlecontent .legalaidrelatedlawyers .view-content-2 { all: unset}
  
  

blockquote {
  margin: 15px 0px 15px 0px;
  padding: 5px 10px 1px 15px;
  font-size: 17px;
  line-height: 26px;
}


.seznamnejvetsichmest------------- {width: 100%;}
.searchautocomplete.searchinbox--- {width: 100%;}








}














@media (max-width: 800px) {

#edit-group-your-rating .field--type-fivestar   { width: 100%;}
#node-single-comment #comment-form .form-item.js-form-type-fivestar label                                                 { text-align: initial; padding: 0px 0px 0px 10px;}

.gsc-tabs .tabs_wrapper.tabs_vertical .nav-tabs { width: 100%;flex: 0 0 100%;max-width: 100%;}

.node--type-article .levyflex .field--name-field-hodnoceni-clanku {
    float: none;
    padding: 15px 0px 0px 0px;
    display: table;
    clear: both;
    margin: 0px;
}


.filter-map-popular {
    top: initial;
}
.attorneytabs.different111 .gsc-tabs .tabs_wrapper.tabs_horizontal .nav-tabs {  padding: 2px;}
.attorneytabs.different111 .nav-tabs > li a {
    font-size: 14px;
    margin-right: initial;
    padding: 6px 9px;
}











}


                                        
           
           
            



@media (max-width: 991px) {


.node-listing-single .listing-content-main .listing-info-block.listing-comment .title .commentformtext {
    width: 100%;
    padding: 0px 0px 0px 0px;
    text-align: center;
}
.circle-image.biggercircleimage {
    margin-top: -25px;
    margin-bottom: 20px;
}



.path-taxonomy .content-bottom {
    padding: 10px;

}

#inv-builder-accordion-wrapper-lawyerspractice {
    padding: 20px 20px 10px 20px;
    margin: 20px 0px 40px 0px;
    width: 100%
}





.onlyforlistingpage .views-element-container .pouzeprolistingpage .view-content-1 {
    width: 95%;
    margin: 10px 10px 30px 10px;
    display: table;
    padding: 10px 10px 10px 10px;
}



.floatingboxinsidetabs .searchautocomplete.searchinbox {padding: 0px 0px 0px 0px;width: 100%;}
.floatingboxinsidetabs img { display: none;}

.imageinsidetabs {width: 100%;padding: 10px 0px 30px 0px;height: initial;}



.frontpagesearchform .js-form-item-area, .frontpagesearchform .js-form-type-location, .frontpagesearchform .search-submitfront  { flex-basis: 100%; margin: 0px 0px 0px 0px;}
.frontpagesearchform .search-submitfront {margin: 0px; }


.frontpagesearchform .js-form-item-area   { flex-basis: 100%;  }


.frontpagesearchform input[type="text"], .webform-submission-form .search-submitfront input[type="submit"] {border-radius: 6px; margin: 10px 0px 0px 0px; }
.frontpagesearchform  { margin-bottom: 50px !important;width: 100%;padding: 20px;}



.service-timeline > li {padding-top: 30px;}

















.levy70, .levy60, .levy50, .levy40, .levy30             { width: 100%; padding: 0px 0px 20px 0px; float: none;}  
.pravy70, .pravy60, .pravy50, .pravy40, .pravy30        { width: 100%; padding: 0px 0px 20px 0px; float: none; border: none}

header#header, header#header .header-main                             { color: black !important;}
header.header-default .header-main, header.header-v1 .header-main     { background: white; }
header.header-default #menu-bar span, header.header-v1 #menu-bar span {  background: black;}
header.header-default                                                 { border-bottom: 1px solid rgb(224,224,224);}

header .header-button    { top: 11px;}


header.header-v1 #menu-bar span   { background: black;}
.menu-bar span                    { height: 3px;}




.specialcalculator             { display: initial;}
.specialcalculator .box-leva   { width: 100%; padding: 20px;}
.specialcalculator .box-prava  { width: 100%; margin-top: 10px;}

.specialcalculator input[type="range"]  { width: 65%;}
    .specialcalculator input[type="number"] {
        width: 58%;
        padding: 9px 10px;
    }

.specialcalculator label              { margin-bottom: 5px;}
.specialcalculator .slider-container  { margin-bottom: 10px;}



#bankyVysledky .box-prava td             { padding: 5px 5px 5px 5px; font-size: 13px;}

.specialcalculator .box-prava table th { font-size: 14px;padding: 10px 8px 10px 8px; color: #2c333b;}








.node--type-article .node-listing-single .col-xl-8     { padding: 10px 20px 20px 20px; border: none; max-width: 100%; width: 100%;  flex: 0 0 100%;}
.node--type-article .node-listing-single .col-xl-4 {
    padding: 0px 5px 0px 5px;
    border: none;
    max-width: 100%;
    width: 100%;
    flex: 0 0 100%;
  }
  
  
  
  
  
  

  
  
.node--type-article .listing-content-main ul li, .onlyforarticlecontent .views-field-body ul li, 
.node--type-article .listing-content-main ol li, .onlyforarticlecontent .views-field-body ol li
{font-size: 16px; line-height: 26px; margin: 0px 0px 10px 0px;}  
                 
         
          
          
          
          
  
  
                         
  
  
.node--type-article .node-listing-single .listing-content-main .listing-info-block.listing-comment { padding: 0px;}

/* ----------------- TABS new TABS new TABS new ----------- */
.floatingboxinsidetabs {
    width: 100%;
    float: none;
    padding: 0px 0px 20px 0px;
    margin: 0px;
    border: none;
}
    .makeitfullwidth .nav-tabs > li > a, .makeitfullwidth .nav-tabs > li.active > a, .makeitfullwidth .nav-tabs > li > a.active {
        font-size: 15px;
        padding: 9px 13px;
    }




    .tablokality a {
        line-height: 27px;
        font-size: 15px;
        padding: 0px 7px 0px 7px;
    }



.gsc-tabs .tabs_wrapper.tabs_horizontal .tab-content .tab-pane { padding: 15px;}

/* ----------------- TABS new TABS new TABS new ----------- */

.node--type-listing .col-xl-8, .node-listing-single .col-xl-8 {max-width: 100%;  flex: 0 0 100%; padding: 0px}
.node--type-listing .col-xl-4, .node-listing-single .col-xl-4 {max-width: 100%;  flex: 0 0 100%; padding: 0px}

                        
.node-listing-single .listing-top .listing-top-content { padding: 0px 20px 0px 20px; }

.listing-image-floating { width: 100%; padding: 14px; border: none; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;}
.listing-right-floating { width: 100%; padding: 0px; margin-top: 20px; }


.node--type-maliri-lokalita .listing-image-floating { width: 100%;}
.node--type-maliri-lokalita .listing-right-floating { width: 100%;}



.textundernode {padding: 10px 18px 10px 18px;margin: -1px -14px -1px -14px;width: calc(100% + 28px);}

/* -------------- */

.col-xl-4  { order: -1;}

.node--type-article .col-xl-4 { padding-left: 0px;}

.specialtaxonomypage .views-element-container .vsekromekromelistingpage .view-content-1, 
.specialtaxonomypage .vsekromekromelistingpage .view-content-1

{ position: initial;padding: 0px 0px 30px 0px; width: 100%;}


.specialtaxonomypage .views-element-container .vsekromekromelistingpage .view-content-2 { width: 100%;}

.specialtaxonomypage h1           { font-size: 24px;font-weight: normal;line-height: 34px;}
.specialtaxonomypage .undertitle  {font-size: 14px;line-height: 19px;}




.onlyforlistingpage .views-element-container .pouzeprolistingpage .view-content-1-------- { width: 100%; margin: 0px 0px 0px 0px; padding: 10px 15px 0px 15px;}






.gva-listings-map-page .map-action, .gva-listings-map-page .map-action-mobile     { background: initial;float: right;margin: 0px;padding: 10px 30px 5px 15px;}




/* ----------------- TIMELINE TIMELINE TIMELINE  ------------------- */
.service-timeline .hentry .hentry-box      { max-width: 100%;}

.service-timeline > li .hentry .icon       { width: 35px;height: 35px;}
.service-timeline .hentry .icon            { background: #757575;     left: -5px !important;}
.service-timeline .hentry                  { padding-left: 50px;}
.service-timeline:before                   {left: 14px;}


/* ----------------- TIMELINE TIMELINE TIMELINE  ------------------- */
.pouzeprolistingpage h1 {
    width: 100%;
    font-size: 30px;
    font-weight: 300;
    line-height: 40px;
}




.searchmaplinks, .specialtaxonomypage .undertitle                 { width: calc(100% + 30px);}


.importantinformation                   { width: calc(100% + 30px); font-size: 12px;     margin: -15px 0px 10px -15px;}



.gva-listings-full-page-2 .view-content-wrapper                     { margin-top: 4px;}
.gva-listings-full-page-2 .view-content-wrapper .view-content-2     { padding-left: 5px; padding-right: 5px;}




.col-sm-12                      { position: relative;width: 100%;min-height: 1px;padding-right: 10px;padding-left: 10px;}

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: initial;
        max-width: initial;
    }






.node--type-article .col-sm-12                                                                 { padding-right: 15px; padding-left: 15px;}
.node--type-article .node-listing-single .col-xl-8                                             { padding: 20px;border: none;background: initial; box-shadow: none;}

.node--type-article .node-listing-single .listing-top .listing-top-content .post-title {
    margin-top: 20px;
    font-weight: normal;

}



.node--type-article .node-listing-single .listing-top                                          { margin-bottom: 0px;}
.node--type-article .node-listing-single .listing-nav.sticky-listing-nav.is-fixed .levyflex    {display: none}
.node--type-article .node-listing-single .is-fixed .listing-nav-inner {top: 59px !important; display: none}



  .listing-image-floating.articlesidebar {
    margin: 0px 0px 20px 0px;
  }

.node--type-article .node-listing-single .listing-content-main .listing-info-block .block-content, .node--type-article #listing-comment  
{background: initial;}


.node--type-article .comment  {border: none;}

.articlesidebar.makeitsticky { position: initial !important;}

.listing-socials.socialsidebar                     { display: none }

.node--type-article .articleflexbox       { display: block;}
.node--type-article .levyflex             { margin: 0px; text-align: right; font-size: 14px;  text-align: center;}
.node--type-article .searchautocomplete   { width: 100%;}


.graviasvlastnicontent  { flex: 0 0 100%;max-width: 100%;}
.graviasaccordion       { flex: 0 0 100%;max-width: 100%;}


.menusearchinput                                { width: 100%; float: none;}
.menusearchinput input.form-autocomplete        { width: 100%; box-shadow: inset 1px 1px 3px rgb(25 54 72 / 32%); background-color: #e7f6ff96;}
.gva-navigation                                 { width: 100%; float: none;}






.gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret {
    width: 70px;
    top: 10px;
    right: 10px;
    background: #dee2e6;
    border-radius: 8px;
}

.gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret:hover { background: rgb(192,192,192);}


.gva-offcanvas-mobile .gva-navigation .gva_menu > li           { border-bottom: 1px solid #f5f5f5;} 
.gva-offcanvas-mobile .gva-navigation .gva_menu > li > a:hover { color: #2a51c5 !important;}

.gva-offcanvas-mobile .gva-navigation .gva_menu > li > a, 
.gva-offcanvas-mobile .gva-navigation .gva_menu > li > a:hover
{ font-size: 15px; background: #f5f5f5 !important;border-radius: 8px;padding: 10px !important;}

.gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu            {  margin: 10px 0px 10px 0px; padding-left: 10px !important;}
.gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu li a       
{ color: #364d77 !important; font-size: 15px;  background: #f5f5f591;border: 1px solid #dee2e66e; border-radius: 4px; padding: 5px 10px 5px 10px !important; transform: none !important; transition: none !important; }
.gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu li a:hover {  color: #2f27c0 !important; font-size: 15px; transform: none !important; transition: none !important; }




/* ------- domeny ------- */
   
#overeni-domeny {
    width: 100%;
    padding: 0px 0px 20px 0px;
    border: none;
    float: left;
}

#overeni-domeny-rightblock {width: 100%; padding: 0px; float: intitial}



#overeni-domeny form {
    margin-bottom: 20px;
    padding: 30px;
    border-radius: 8px;
    background: white;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
   
#overeni-domeny h2 {padding: 0px 0px 5px 10px;font-size: 23px; line-height: 33px;     text-align: center;}
#overeni-domeny form label { font-size: 14px;}

#overeni-domeny input[type="text"], #overeni-domeny input[type="text"]:hover, #overeni-domeny input[type="text"]:focus { width: 100%; margin-bottom: 10px}
#overeni-domeny button { width: 100%; margin-bottom: 10px}
#overeni-domeny .message {  margin-top: 10px;}

/* ------- domeny ------- */








.comparisonbox { padding: 10px;}


.comparisonbox .logospolecnosti {
        float: right;
        width: 30%;
        height: auto;
        border-radius: 6px;
        display: table;
        padding: 0px !important;  margin: 0px !important;
    }

   .comparisonbox .loan-name {
        float: none;
        width: 100%;
        text-align: left;
        line-height: 1.5;
        display: table;   margin: 20px 0px 0px 0px; padding: 10px;
    }

    .comparisonbox .specifications,
    .comparisonbox .pros-cons,
    .comparisonbox .action-buttons {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;     padding: 0px;
    }

    .comparisonbox .action-buttons {
        text-align: center;
    }

    .comparisonbox .compbtn1, 
    .comparisonbox .compbtn2 {
        padding: 10px 20px;
        font-size: 0.9em;
    }








}





















@media (max-width: 1199px) {
.listing-other-1 .field__item, .listing-other-1 .field__items { float: initial; padding: 0px 0px 0px 0px; width: 100%;}
}




@media (min-width: 1200px) {


.twocolaccordion .panel-group{
  display:flex;
  flex-wrap:wrap;
  gap:16px;                 /* mezera mezi kartami */
}

/* každá .panel karta = půl šířky */
.twocolaccordion .panel{
  box-sizing:border-box;
  width:calc(50% - 8px);
  margin:0 !important;      /* zruší bootstrap margin mezi panely jen v tomto režimu */
}

}




@media (min-width: 992px) {


.col-xl-7 { flex: 0 0 61%; max-width: 61%;}
.col-xl-5 { flex: 0 0 39%; max-width: 39%;}




/* --------------------------- SPECIAL NAV --------------------- */

.navigation .gva_menu .sub-menu > li.linksunderfindlawyer ul li   {margin: 0px;}
.navigation .gva_menu .sub-menu > li.linksunderfindlawyer ul li a {
        font-size: 14px;
        background: #f3f3f3;
        padding: 2px 7px 2px 7px;
        line-height: 22px;
        margin: 0px 3px 3px 0px;
        float: left;
        
       border: 1px solid #d4e3ed;
       background: #eff5f9;
       color: rgb(69 114 158) !important;
}

.navigation .gva_menu .sub-menu > li.linksunderfindlawyer ul li:nth-child(even) a {
    color: #204e42 !important;
    background: #d1f3ea96;
    border: 1px solid #c5e1da; 
}


.navigation .gva_menu .sub-menu > li.linksunderfindlawyer ul li a:hover {
    color: rgb(63 7 12) !important;
    border: 1px solid #c7888d;
    background: #ffacb3;

}



.navigation .gva_menu .sub-menu > li.linksunderfindlawyer ul {min-width: 350px;}
    
    
    
    
/* --------------------------- SPECIAL NAV --------------------- */    
    
    
    
    
    
    


.navigation .gva_menu .sub-menu {
        border-radius: 8px;
        margin-top: 0px;
        padding: 10px 10px 0px 10px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
        min-width: 350px;
    }
    
    
.navigation .gva_menu .sub-menu > li ul {

        min-width: 350px;
    }    
    
    


.navigation .gva_menu .sub-menu > li > a {
    font-size: 16px;
    background: rgb(250,250,250);
    padding: 10px;
    border-radius: 6px;
    color: black
}

.navigation .gva_menu .sub-menu > li > a:hover {
    padding: 10px;
    color: #3a8cdf;


    color: blue;
    background: rgb(220, 224, 238);
    
    color: #243d57;
   background: rgb(232 241 247);
  }


.navigation .gva_menu .sub-menu > li {
    padding: 0 0 9px 0;
    margin-bottom: 9px;
    border-bottom: 1px solid #dee2e6;
    
    border: none; padding: 0px 0px 0px 0px;
    }



.navigation .gva_menu > li > a {
        color: #293a42 !important;
        padding: 10px 15px 10px 15px;
        margin: 11px 10px 11px 0px;
        transition: background 0.3sease, color 0.3sease, border 0.3sease, transform 0.3sease;
        background: rgb(232 239 242 / 38%);
        border-radius: 6px;
        border: 1px solid #e4e4e4;
    }
    
    
.navigation .gva_menu > li > a:hover {
        background: rgb(232 239 242);
        border: 1px solid #d0dbe0;

}




.navigation .gva_menu > li.menudifferent111 > a {
        color: #293a42 !important;
        background: rgb(106 209 137 / 38%);
        border: 1px solid #9ac9a8;
}


.navigation .gva_menu > li.menudifferent111 > a:hover {
        color: #3f3d04 !important;
        background: rgb(239 233 32 / 38%);
        border: 1px solid #c7c572;
}

















.navigation .gva_menu li a .icaret {
    margin-left: 14px;
    border: none !important;
    font-size: 8px;
    right: 5px;
    position: relative;
    float: right;
    top: 7px;
}



}








@media (min-width: 1200px)  {
.container {max-width: 1250px;}
}



@media (min-width: 700px)  {
.specialtwocolslist ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Dva sloupce stejné šířky */
        gap: 10px; /* Mezera mezi položkami */
        margin-bottom: 30px
}

.specialtwocolslist ul li a {text-decoration: none; }
.specialtwocolslist ul li a:hover {}
}


























/* ---------------------------------------- GIN GIN CUSTOM CSS EDITING --------------------------------------------- */
/* ---------------------------------------- GIN GIN CUSTOM CSS EDITING --------------------------------------------- */




#edit-group-lawer-name-location .details-wrapper, 
#edit-group-websites-social-networks .details-wrapper, 
#edit-group-contact-details .details-wrapper,
#edit-group-education .details-wrapper

{
    display: flex;
    flex-wrap: wrap;
    row-gap: 0; 
    column-gap: 20px; 
}

#edit-group-lawer-name-location .details-wrapper > div, 
#edit-group-websites-social-networks .details-wrapper > div,
#edit-group-contact-details .details-wrapper > div,
#edit-group-education .details-wrapper > div

{
  flex: 1 1 calc(50% - 20px); 
  box-sizing: border-box;
}



#edit-group-lawer-name-location .details-wrapper > div.field--type-list-string          {flex: unset; margin-top: 2px; }

#edit-group-lawer-name-location .details-wrapper > div.field--name-field-name-of-the-law-firm----         {flex: unset; margin-top: 2px; border-bottom: 1px solid silver; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px;}

#edit-group-lawer-name-location .details-wrapper > div.field--type-text-with-summary    { flex: unset;     width: 100%;}






.gin--edit-form .details-wrapper > div input[type="text"], .gin--edit-form .details-wrapper > div input[type="number"], .gin--edit-form .details-wrapper > div input[type="email"], .gin--edit-form .details-wrapper > div input[type="url"],
.gin--edit-form #edit-group-lawer-name-location .details-wrapper > div.field--type-list-string select
 {
    width: 100%;
    padding: 12px 13px 12px 13px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #f5f5f599;
}

.gin--edit-form #edit-group-lawer-name-location .details-wrapper > div.field--type-list-string select {cursor: pointer}

#edit-field-subcategory-new-0-value, #edit-title-0-value {
    border: 1px solid #cbd5d9;
    background: #d9f4ff99;
}

#edit-field-primary-email-0-value {
    border: 1px solid #cdca69;
    background: #fffca499;
    
    border: 1px solid #d3bda2;
    background: #ffe6c899;
}

.js-form-item-field-primary-email-0-value .form-item__label { color: #ad1d1d;}


#edit-group-websites-social-networks .js-form-type-url .form-item__description {display: none}


.gin--edit-form input[type="number"]  { width: 100%;}
.gin--edit-form .form-item__label { font-size: 18px;font-weight: 600;padding: 0px 0px 1px 6px;}
.required-mark::after {width: 15px; height: 15px;margin-top: -8px;}

.form-item__label.form-required::after, .fieldset__label.form-required::after {font-size: 28px; line-height: 0.7em;}


.paragraphs-tabs-wrapper .field-multiple-table .draggable:hover input { background: white}














/* Na mobilních zařízeních se inputy zobrazí pod sebou */
@media (max-width: 768px) {
  .details-wrapper > div {
    flex: 1 1 100% !important;
  }
  


.specialzipcode {
    vertical-align: super;
    font-size: 12px;
    color: #293a42;
    background: #d3dbdf;
    padding: 4px;
    border-radius: 6px;
    font-weight: 400;
}
  
  
}

.highlightednodeform {
    padding: 17px 20px 20px 20px;
    margin: 20px 0px 20px 0px;
    border: none;
    background: #ffdbdb;
    border-radius: 6px;
    color: #652727;
    font-size: 16px;
    line-height: 25px;
    
    background: #dbffee;
    color: #244133;
    
}





#metatag-defaults-edit-form #edit-title { width: 100%; height: 100px}


.region-sticky {
background: white;        
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}







#node-pridat-malire-edit-form #edit-field-zadejte-lokalitu-target-id {background: #fffeda;}

.gin--edit-form .ck-content .table                               { width: 100%;}


.gin--edit-form .logo-default {
    height: 46px;
    padding: 15px 18px 5px 0px;
}



.gin--edit-form .field--type-questions-answers { display: none}
.administrator .field--type-questions-answers  { display: initial}




#edit-field-healthcare-zipcode-ref-target-id, 
#edit_field_medical_field_ref_chosen 
{ background-color: rgb(255,255,204); padding: 10px 10px 10px 10px; font-weight: bold;}



.form-element::placeholder { color: rgb(192,192,192)}
fieldset:not(.fieldgroup) { background: #eee;}



.google-map-field-preview { width: 500px;height: 300px;box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; border-radius: 8px;}


.google-map-field-widget.left, 
.paragraph-type-label

{ display: none !important;}





.field-map-actions .form-actions {  width: auto;}


.region-sticky__items .block-page-title-block .page-title { font-size: 20px;}




.help-icon__description-toggle { background: #e6f188; border: 1px solid #976915;}

.claro-autocomplete__message { font-size: 19px;}

#edit-field-office-hours-value .js-form-type-select        { float: left}
#edit-field-office-hours-value .js-form-type-select select {
    font-size: 14px;
    padding: 0px 32px 0px 7px;
    margin-right: 2px;
}

table#edit-field-office-hours-value tr td { padding: 5px 10px 5px 10px;}





.form-element[disabled], .form-element[disabled]:hover {
    cursor: not-allowed;
    color: var(--gin-color-disabled);
    background-color: var(--gin-color-disabled-bg) !important;
    border-color: var(--gin-color-disabled-border);
    box-shadow: none;
}
.views-ui-dialog .form-textarea-wrapper textarea { max-width: 100%;min-height: 50px !important;}

.region-sticky__items__inner .form-actions .button {
    font-size: 30px;
    padding: 14px 20px 14px 20px;
    font-weight: normal;
}

.gin--edit-form .page-wrapper__node-edit-form .node-form {
    background: #eeeeee24;
    box-shadow: none;
    padding: 0px;
    margin-top: 50px;
    border: none;
}

.form-item__label {font-size: 16px; font-weight: bold;}


.nodeadddescription {
    padding: 15px 20px 15px 20px;
    border: 1px solid #e9b6b6 !important;
    border-radius: var(--gin-border-m);
    box-shadow: 0 1px 2px var(--gin-color-primary-light);
    background: #ffd6d6;
    color: #691010;
}

.claro-details {
    overflow: hidden;
    border: none;
    margin-bottom: 30px;
    background-color: #fff !important;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
}

.claro-details__summary, .claro-details__summary:hover, .claro-details__summary:focus, .claro-details[open] > .claro-details__summary:focus, .claro-details__summary.claro-details__summary--package-listing, .claro-details__summary.claro-details__summary--system-status-report {
    background-color: #eee7da;
    color: #51483c;
    background-color: #e8f2f9;
    color: #333;
    font-size: 14px;
    border-bottom: 1px solid #d0d9e1;
    line-height: 28px;
    background-color: #a34e4e;
    color: #ffffff;
    font-size: 15px;
    border-bottom: none;
    text-transform: uppercase;
}
.claro-details__summary::before, .claro-details[open] > .claro-details__summary::before, .claro-details__summary:hover::before, .claro-details__summary:focus::before {background: #fff !important; color: white !important}


.claro-details__wrapper, .claro-details__wrapper.claro-details__wrapper--package-listing, .claro-details__wrapper.claro-details__wrapper--system-status-report {
    margin: var(--gin-spacing-m) calc(var(--gin-spacing-l) - var(--gin-spacing-xxs));
    padding: 25px 44px 25px 44px;
    margin: 0px;
}

.form-element { border: 1px solid #bbb1a1;padding: 5px 10px 5px 10px;}

#edit-field-services-offered .form-radios .form-type--boolean, .form-checkboxes .form-type--boolean {
    margin-top: var(--gin-spacing-xs);
    margin-bottom: var(--gin-spacing-xs);
    width: 30%;
    float: left;
}


#edit-field-services-offered--wrapper {
    border: 1px solid silver;  border-radius: 5px;
    background: #f5f5f5;
    padding: 40px;
}

.editnodebodyclass .form-item__description {
    max-width: 100%;
    font-size: 12px;
    padding: 0px 0px 0px 10px;
}


#edit-field-listing-gallery-ajax-wrapper .claro-details__description { font-size: 16px; max-width: 100% !important;}


#edit-field-listing-gallery-0--description, 
#edit-group-website-social-links .form-item__description
{display: none ;}








@media screen and (max-width:600px) {

.shortcut-action__message { display: none;}

.google-map-field-widget.right   { display: table; width: 100%; float: none; margin: 0px}
.google-map-field-preview        { width: 100%;height: 180px;}
.google-map-field-widget.left    { width: 100%;}
#edit-field-services-offered .form-type--checkbox { width: 100%;}

.largetable table             { font-size: 14px;   width: 100%; /* Tabulka využije celou šířku stránky */
  table-layout: auto; /* Automaticky rozloží sloupce podle obsahu */
  border-collapse: collapse; /* Zajistí kompaktní zobrazení hranic tabulky */}
  

.largetable table tbody tr td { padding: 10px;}

.largetable table th { padding: 10px;font-weight: bold;font-size: 16px;}







.gsc-accordion .panel .panel-heading .panel-title > a { font-size: 15px;}
.gsc-accordion .panel-group.skin-white .panel .panel-body {font-size: 15px;line-height: 23px;}




.mobilnidruhyradek {display: table; color: silver}

.ikonarightpadding { width: 20px;}


#edit-field-office-hours-value th:nth-of-type(5),
#edit-field-office-hours-value td:nth-of-type(5) { display: none;}




.claro-details__wrapper, .claro-details__wrapper.claro-details__wrapper--package-listing, .claro-details__wrapper.claro-details__wrapper--system-status-report {
    padding: 10px;
}

.searchautocomplete.onnodeeditpage {width: 100%;}





}


/* ---------------------------------------- GIN GIN CUSTOM CSS EDITING --------------------------------------------- */
/* ---------------------------------------- GIN GIN CUSTOM CSS EDITING --------------------------------------------- */