body{ background:none;font-family: "Roboto";}
p.perex{font-size:20px;}
p.perex a{ color:#0e60a8 !important; text-decoration: underline !important;}
.site-header{background-color: #fff;border-bottom: 1px solid #efefef; height: 74px; margin: 0;}
.navbar{background-color: #fff;min-height: 61px;}
.navbar ul li a{
    color: #0e60a8;
    font-family: "Roboto";
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.23px;
    text-transform: none;
    /*border-left:3px solid transparent;*/
}
a{text-decoration: underline;}

h3{font-size: 2rem;}

.mobile_menu {
    margin-top: 0px;
}

.mobile-wrap .col-sm-12 {padding: 0;}

.mean-container a.meanmenu-reveal {
    left:0 !important;
}
.mean-container .mean-bar{
    background: #fff;
   color: #0e60a8;
    font-family: "Roboto";
    height:50px;
}
.mean-container a.meanmenu-reveal span {
    background: #c51718;
}

.navbar ul>li{
    float: none;
    display: inline-block;
}
.navbar ul li.current_page_item a, .navbar ul li.current_page_parent > a{
     color: #c51718;
    border-bottom:3px solid #c51718;
}

.navbar ul li.current_page_item ul a{
    color: #0e60a8;
    border-bottom:0px solid #c51718;
}

.navbar ul li>ul li a:hover{
    background: #fff;
    color: #c51718;
    border-left:3px solid #c51718;
}

.current_page_parent .current_page_item a{
    color: #c51718;
    
    border-left:3px solid #c51718;
    border-bottom-width: 0;
    
}
.navbar ul li>ul li a {text-transform:none;}

.page_item_has_children:after{
    
}

 .navbar .menu-item-has-children > a::after {
    padding-left: 3px;
    width: 25px;
    height: 25px;
    background: url(../img/caret.png) transparent no-repeat -106px -59px;
    content:"";
     position: absolute;
    display: inline-block;
    
}

.searchIcon{
   width: 17px;
    height: 17px;
    position: absolute;
    right: 15px;
    top:16px;
}
.search{
   /* top: 15px;
    right: 0;
    position: absolute;*/
}

.searchBox{
    position: absolute;
    z-index: 990;
    right: 0;
    width: 273px;
    top: 56px;
    background: #fff;
    padding: 5px 5px 5px 17px;
    box-sizing: border-box;
    border-radius: 5px;
border:1px solid #dcdcdc;
}

.searchBox input[type="text"]{
    font-style: italic;
    border-width: 0;
    width: 100%;
    margin: 0 5px;
}




.navbar .sub-menu .current_page_item a, .navbar .children .current_page_item a
{
    border-width: 0;
    background: #fff;
    color: #c51718;
    border-left:3px solid #c51718;
}

.navbar .sub-menu a, .navbar .children a
{
    color: #0e60a8;
}
@media (min-width: 1200px){
.navbar .container,.site-header .container,.breadcrumb-banner .container,#content .container,#footer .container,.variant-info-box.container { max-width: 980px;position: relative;}
}


.mean-container .mean-nav{
    position: absolute;
    width: 100vw;
    left: -15px;
    top: 16px;
    background: #fff;
}
.mean-container a.meanmenu-reveal{color:#c51718;position: relative;top:-6px;    text-indent: 0px;}

.meanmenu-reveal::after{
    padding-left: 3px;
    content:"menu";
    position: absolute;
    display: inline-block;
    width: 25px;
    height: 14px;
    color: #4a4a4a;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.88px;
    line-height: 14px;
    text-transform: uppercase;
    bottom: 0;
    left:0;
    bottom: 0px;
    left: 8px;
}

.mean-container .mean-nav ul li{
    background: #fff;
}

.mean-container .mean-nav ul li a{
    color: #0067ae;
    font-family: "Roboto";
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.23px;
    border-bottom:1px solid #dddddd;
    width: 100%;
    padding:16px 0;
    text-transform: none;
}

.mean-container .mean-nav ul {
    padding: 0;
    margin: 0;
    width: 80%;
    list-style-type: none;
    margin-left: 10%;
    
}

.mean-container .mean-nav ul li.current-menu-item a,.mean-container .mean-nav ul li.current-menu-item a{
   color: #c51718;
   font-weight: bold;
   font-family: "Roboto Medium";
}

.mean-container .mean-nav ul li a.mean-expand:hover {
    background: #fff;
}
.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
    transform: rotate(180deg);
}

.mean-container .mean-nav ul li li a {
    width: 100%;
    padding: 10px 0 0 0;
    border-width: 0;
    color: #0067ae;
    font-size: 14px;
}

.wpm-language-switcher.switcher-list, .wpm-language-switcher.wpm-switcher-list{
   margin-top: 9px;
}
.wpm-language-switcher.switcher-list li,.wpm-language-switcher.wpm-switcher-list li{display: inline-block;margin-right: 10px;}



.wpm-language-switcher.switcher-list li img,.wpm-language-switcher.wpm-switcher-list li img
{
/*
width: 23px;
height: 23px;
*/
opacity: 0.95;
border-radius: 5px;
margin-top: 5px;
}

.wpm-language-switcher span,.wpm-language-switcher a{
    color: #0067ae;
    font-size: 13px;
}
.wpm-language-switcher a{
    text-decoration: none;
    color: #0067ae !important;
    /*font-size: 13px;*/
}
.wpm-language-switcher li a span{
 text-decoration: underline !important;
}
#mobile-lang-select{
    height:200px;
    padding-top: 38px;
    display: none;
}

#mobile-lang-select ul{
 text-align: center; 
 margin:0;
}

#mobile-lang-select li{
    display: inline-block;
    margin-right: 28px;
    margin-bottom: 2em;
}

.site-branding {
    margin-top: 15px;
}

.mobile-wrap .logo{
    margin-top: 4px;
}

.site-branding .custom-logo {
    margin-top: 9px;
}
.breadcrumb-banner:before{ background: none;} 
.breadcrumb-banner{ color:black; height: max-content;padding-top: 62px;padding-bottom: 0px;
background: linear-gradient(180deg, rgba(242,242,242,.61) 20%, rgba(255,255,255,1) 100%);
background-image: none !important;
margin-bottom: 24px;
}
.breadcrumb-banner h3{
    color: #000000;
font-family: Roboto;
font-size: 14px;
font-weight: 700;
letter-spacing: 3.81px;
text-transform: uppercase;
margin: 0;
}
.breadcrumb-banner h1{
    color: #000000;
    height: max-content;
font-family: Roboto;
font-size: 42px;
font-weight: 900;
letter-spacing: -0.57px;
}
.breadcrumbs{display:none;}
.page .entry-content, .single-post .entry-content {
    background: #fff;
    padding: 0px;
}
.section-padding {
    padding:0;
}


#footer{
    
}

#progress{width:381px;}
#progress .progress-icons{max-width:340px;}
#progress .progress-nav{font-size:13px;}
#progress .progress-nav .disabled{color: #777777;}
#progress .progress-nav a{ text-decoration: underline !important; color:#0e60a8;}


/*novy progress*/
#progress2{width:auto;}
#progress2 .progress-icons{max-width:none;}
#progress2 .progress-icons .icon{background: #fff;font-weight: bold;border-radius: 50%; border: 2px solid #0e60a8; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center;}
#progress2 .progress-icons .active .icon{ background: #0e60a8;color:#fff;}
#progress2 .progress-icons .disabled .icon{ color: #777777; border-color: #777777;}
#progress2 .progress-icons .icon img{    height: 16px; width: 16px;color:#0e60a8;}
#progress2 .progress-icons .wrap:before{ z-index: -1; border-bottom:2px solid #0e60a8; content:' '; width:100%;height:2px;position: absolute;top:20px;}
#progress2 .progress-icons .disabled:before,#progress .progress-icons .active:before{ border-bottom-color:#777;}
#progress2 .progress-icons .last:before{ border-bottom-width: 0;}



#select-town{padding: 0;}
#select-town .town{
color: #000000;
font-size: 15px;
font-weight: 700;
letter-spacing: -0.48px;
padding-top: 10px;
}
#select-town .info{color: #777777;}
#select-town li{list-style-type: none;}

#registration-wrap{
/*    box-shadow: 0 12px 54px rgba(0, 0, 0, 0.07);
    border-width: 0;*/
}

.videoGrid{
  max-width: 229px !important;
height: 247px;
box-shadow: 0 22px 54px rgba(0, 0, 0, 0.1);
border-radius: 5px;
background-color: #ffffff;
margin-right: 21px;
margin-bottom: 21px;
}

.videoGrid figure{
    text-align: center;
    display: block;
    margin-bottom: 14px;
}


.videoGrid img{
    max-height: 143px;
}


.videoGrid .video-title{
    font-size: 15px;
    color: #000000;
    height: 44px;
}

.entry-content .videoGrid  a{
    color: #000000;
    text-decoration: none !important;
}

.videoGrid .video-length{
font-size: 14px;
color:#000000;
font-weight: 700;
letter-spacing: 3.81px;
}

#video{

box-shadow: 0 7px 34px rgba(0, 0, 0, 0.1);
border-radius: 5px;
background-color: #ffffff;
}

#video .video-content{
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
#video .video-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

#video .video-content iframe:not(.active) {
display: none;
}

#subtitleSwitch a{
    position: absolute;
    top: -2rem;
    right: 1rem;
color: #0067ae;
font-family: Roboto;
font-size: 15px;
font-weight: 700;
letter-spacing: -0.2px;
line-height: 28px;
text-decoration: underline;    
}

#subtitleSwitch a:not(.active) {
  display: none;  
}

#info-video .video-content figure,#info-video2 .video-content figure{
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

#info-video .video-content figure
{
position: sticky;
top: 32px;
}

#info-video .video-content iframe,#info-video2 .video-content iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

#video .video-nav{
    height: 67px;
   /* padding: 15px 31px;*/
}

#video .video-nav .col-6{
    display: flex;
    justify-content: center;
    align-items: center;
}

#video .video-nav .text-right{ border-left:1px solid #ddd;}
#video .video-nav a{
    color: #777777;
    font-size:15px;
    text-decoration: none !important;
    position: relative;
}

#video .video-nav a span{
color: #777777;

}
#video .video-nav a span.link{
color: #0067ae;
text-decoration: underline !important;

}

#video .video-nav .text-right a:after{
    padding-left: 3px;
    width: 20px;
    height: 20px;
    font-family: "FontAwesome";
    content:"\f105";
    position: absolute;
    display: inline-block;
    color: #0067ae;
    font-size: 1.3rem;
    top: -5px;
    right: -40px;
}

#video .video-nav :not(.text-right) a:before{
    padding-left: 3px;
    width: 20px;
    height: 20px;
    font-family: "FontAwesome";
    content:"\f104";
    position: absolute;
    display: inline-block;
    left: -40px;
    color: #0067ae;
    font-size: 1.3rem;
    top: -5px;
}


table#video-meta{
    margin-top:31px;
    color: #2d2d2d;
    font-size: 15px;
 }
 
 table#video-meta td{
    border-width: 0;
 }
 
 table#video-meta a{
     font-size: 15px;
 }
 
.entry-content a 
{
color: #0067ae;

font-weight: normal;
text-decoration: underline !important;
/*font-size: 19px;*/
}

.entry-content a.btn-secondary{
    border-radius: 10px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    padding:8px 17px;
    color: #0067ae;
    font-size: 15px;
    text-decoration: none !important;
    margin-right: 10px;
}

.entry-content a.btn-secondary .info{
    color: #777777;
    
}

.entry-content a.btn-secondary:hover{
    background-color: #ffffff;
    color: #c51718;
    border-color: #c51718;
}

.entry-content a:hover{
   color: #c51718;
   
}

/***************/
/*** nadpisy ***/
/***************/


h2,h3,h4{
    margin: 22px 0 18px 0;
}

h1{font-size:42px;font-weight:900;}
h2{font-size:24px;font-weight:900;}
h3{font-size:18px;font-weight:900;}
h4{font-size:15px;font-weight:900;}

@media (max-width: 768px){
h1{font-size:32px;font-weight:900;}
h2{font-size:22px;font-weight:900;}
h3{font-size:18px;font-weight:900;}
h4{font-size:15px;font-weight:900;}

}

/***************/
/*** seznamy ***/
/***************/

#content ul {
  list-style: none; /* Remove default bullets */
  margin-left: 0.8rem;
}

#content ul li, #content ol li{ margin-bottom: 0.6em;}

#content ul.list,#content ul.list ul{ margin-left: 0 !important;} 

#content ul li::before {
  background: url(../img/bullet.png) transparent no-repeat;
  content:' ';
  color: #0e60a8; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -10px; /* Also needed for space (tweak if needed) */
  position: relative;
  width: 7px;
  height: 7px;
  left: -1em;
}

#content ul ul li::before {
  
  background: url(../img/bullet2.svg) transparent no-repeat;
  content:' ';
  color: #0e60a8; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -7px; /* Also needed for space (tweak if needed) */
     position: relative;
    width: 7px;
    height: 7px;
    left: -1em;
}

#content ol {list-style: none; counter-reset: li}
#content ol> li::before {content: "(" counter(li); color: #0e60a8;
	       counter-increment: li;
    display: inline-block; width: 2em; margin-left: -1.5em;
    margin-right: 0.5em; text-align: right; direction: rtl;
font-weight: 700;
letter-spacing: -0.21px;
}
#content ol ol> li::before {
    content: "(" counter(li, lower-alpha);
}

blockquote{
    border-radius: 5px;
background-color: #f1f6f8;
padding: 23px 32px;
font-size: 17px;
font-weight: 700;
letter-spacing: -0.23px;
line-height: 26px;
border-left-width: 0;
}

#content ul.checklist {
    margin-top: 0px;
   /*width:780px;*/
}
#content .chapter-list ul.checklist {
    margin-top: 5px;
   /*width:780px;*/
}


#content ul.checklist li::before {
  background: url(../img/checklist.png) transparent no-repeat;
  content:' ';
  color: #0e60a8; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1.4em; /* Also needed for space (tweak if needed) */
  position: relative;
  width: 22px;
  height: 20px;
  left: -1em;
  top: 4px;
}
#content .chapter-list ul.checklist li::before {
  background: url(../img/odrazka-video.svg) transparent no-repeat;
  content:' ';
}
#content ul.checklist ul li::before{

   width: 12px;
    height: 2px;
   
    background: url(../img/bullet2.png) transparent no-repeat;
}


blockquote::before{
    content:"";
}

table.tabulka{
    
}

table.tabulka th{
color: #0067ae;
font-family: Roboto;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.01px;
text-transform: uppercase;
padding: 23px 0 19px 0; 
border-width: 0;
border-bottom: 2px solid #0067ae;
}

table.tabulka td{
color: #2d2d2d;
font-family: "Open Sans";
font-size: 15px;
letter-spacing: -0.3px;
line-height: 22px;
padding: 23px 0 19px 0;
border-width: 0;
box-shadow: 0 1px 0 #dddddd;
}

#content #registration-wrap ul li::before{
    content: none;
    background: none;
} 
#content #registration-wrap ul li:last-child{
    border-width: 0;
}

#registration{ box-shadow: 0 12px 54px rgba(0, 0, 0, 0.07);
    border-width: 0;}

#registration .card-body{  padding: 0 15px;}
#registration-wrap {
    padding: 0 59px;
    margin: 59px 0;
    border-right: 1px solid #ddd;
    
    
}
#registration .zvolene-mesto-skola-termin{ padding: 0 59px;
    margin: 59px 0;
 
}

#registration .btn-primary{ height: 50px; padding: 10px 35px; font-size: 17px; background-image: linear-gradient(225deg, #0371bd 0%, #0067ae 100%);}

@media (max-width: 991px){
    #registration-wrap {
	padding: 0 8px;
	

    }
}

#registration .zvolene-mesto-skola-termin{ padding: 0 0 0 44px;
    margin: 59px 0;
    flex: 0 0 46.0%;
    max-width: 46.0%;
}




#registration-wrap ul{
    margin:0;
}

#registration-wrap ul li{padding: 10px 20px; border-bottom: 1px solid #dddddd;;}

#registration-wrap h3{
    margin: 0;
    color: #000000;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -0.32px;
    line-height: 32px;
}

#registration-wrap .card-body{
   padding: 0; 
}

#registration-wrap img{
    margin:0px auto 35px auto;
}
#registration-wrap .ok-icon{text-align: center;}


/*** video s kapitolami ***/
.info-video{
/*    
    width: 980px;
    height: 308px;
*/
    box-shadow: 0 22px 74px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    background-color: #ffffff;
    overflow: hidden;
    margin:0px;
}

.info-video .video-content{
    width:552px;
    max-width: 100%;
    margin-left: 0px;
    padding: 0;
    margin-bottom: -7px;
}

.info-video .chapter-list{
    overflow-y: auto;
    max-height: 80%;
    margin: 27px 0 27px 0px;
   /*align-self: center;*/
     max-height: 308px;
}

.info-video .chapter-list ul{
    padding: 0;
    margin: 0;
    /*margin:27px 0px 0 15px;*/
}
#content .info-video .chapter-list ul li::before{
    background: none;
    content: none;
}

#content .info-video .chapter-list ul li{
    margin-bottom: 0.7em;
}

#content .info-video .chapter-list ul li:last-child{
    margin-bottom: 0em;
}

.info-video .chapter-list a{
    text-decoration: none !important;
    display: flex;
} 
.info-video figure{
    margin: 0;padding:0;
}
.info-video .chapter-list .time{
    border-radius: 13px;
    background-color: #efefef;
    padding:1px 8px;
    font-size: 13px;
    color: #777777;
    align-self: baseline;
}

.info-video .chapter-list .label{
    margin-left:14px;
    font-size: 16px;
    text-decoration: underline;
}

.info-video2 .chapter-list a .label{ /*text-decoration: none !important;*/font-weight: bold;  font-size: 16px;}
.info-video2 .chapter-list .time{
    border-radius: 13px;
    background-color: #efefef;
    padding:1px 8px;
    font-size: 13px;
    color: #777777;
    align-self: baseline;
    text-decoration: none; 
    margin-left:5px;
}

.info-video2 .chapter-list .label{
   
    font-size: 16px;
}


#kontakty .col-md-6{
   padding: 57px;
   border:1px solid #dddddd;
}

#kontakty img{
    margin-bottom:25px;
}

#kontakty a img{
    margin-bottom:0px;
    margin-left:7px;
}

#kontakty a{
font-size: 15px;
letter-spacing: -0.2px;
line-height: 26px;
margin-bottom:22px;
/*display: block;*/
}

#kontakty td{
    border-width: 0;
}

#kontakty h5{
    font-size: 18px;
}

.variant-info-box{
    margin-left: auto;
    margin-right: auto;
        width: 76%;
    border-radius: 5px;
    background-color: #fffcd1;
    /*padding: 17px 20px; */
    color: #8b572a;
    font-family: "Open Sans";
    font-size: 15px;
    letter-spacing: -0.3px;
    line-height: 21px;
    margin-bottom: 33px;
}
.entry-content .variant-info-box a{
     font-size: 15px; 
}

.variant-info-box .info{
  
}

.variant-info-box .info img.infoicon{
    
    margin: 26px 24px 27px 28px;
}

.variant-info-box .info .infotext{
    padding: 17px 6px;
    border-left: 1px solid rgba(139, 87, 42, 0.2);
    /*flex: 90%;*/
    /*display: flex;*/
    align-items: center;

}
 .variant-info-box .info .infotext a{ color: #0e60a8;}

.variant-info-box .moreinfo{
    display:none;
    margin: 0 20px 20px 20px; 
    padding: 17px 0px 17px 55px;
    border-top:1px solid rgba(139, 87, 42, 0.2);
}

.variant-info-box .moreinfolink img,.variant-info-box .hideinfolink img{
    margin-left:2px;
}

.variant-info-box .hideinfolink{
    display: block;
    margin:10px 0;
}


/**
filtr
*/
#rejstrik_wrap{
    box-shadow: 0 12px 44px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    background-color: #ffffff;
    padding: 30px;
    margin-bottom: 20px;
}

#rejstrik_form{
    width: 100%;
}
#rejstrik_form label{
    margin:13px 0 6px 0;
}
#rejstrik_wrap select{
     margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select.form-control {
  background: url(/trvaly-pobyt/a1/wp-content/themes/newspotrika/assets/img/caret-select.png) no-repeat right #fff;
    background-position-x: calc(100% - 1em);
}
#rejstrik_vysledek{overflow: auto;}
#rejstrik_vysledek table{min-width:1000px;}

#rejstrik_vysledek th,.table th{
    border-width: 0;
    color: #0067ae;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.01px;
    text-transform: uppercase;
    padding: 23px 46px 19px 0;
    border-bottom:3px solid #0067ae;
}

#rejstrik_vysledek td, .table td{
    border-width: 0;
    box-shadow: 0 1px 0 #dddddd;
    padding:20px 0 17px 0;
}

#footer{
    margin-top: 100px;
    background: #fff;
    border-top: 1px solid #dddddd;
    padding:43px 0 68px 0;
}

#footer .logo{
   text-align: center; 
  
}

#footer .footer-right .footer-text{margin-bottom: 0;}

#footer .footer-right .logo{
 
   margin-top: 36px;
}

#footer .logo span{
    color: #666666;
    display: block;
    text-decoration: underline;
}

#footer .footer-text{
    color: #666666;
    margin-bottom: 26px;
}
.footer-left{
   /* border-right: 1px solid #ddd;*/
}
    
.site-footer{background: #fff;}

/***************/
/*** responzivni upravy pro jine sirky displaye ***/
/***************/
.footer-left {
    color: #888;
    text-align: left;
}

.footer-left li{
    text-align: left;
    margin-bottom: 18px;
}

.footer-left a{
       
}

.footer-text-left{
    color: #666666;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.1px;
    line-height: 23px;
}

.footer-text-right{
    
}
#footer .social h4{text-align: center;margin-top: 0;}
#footer .social { border-left: 1px solid #ddd; margin-top: 1.4rem;padding-left: 57px;}

#footer h4{
    color: #666666;
font-family: Roboto;
font-size: 13px;
font-weight: 400;
letter-spacing: 1.21px;
line-height: 16px;
text-transform: uppercase;
text-align: left;
width:100%;
    
}

#footer .footer-bottom{
margin-top: 44px;
padding-top: 33px;
border-top: 1px solid #dddddd;
}

#footer li a {
    color: #666666;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.1px;
    line-height: 18px;
    text-decoration: underline !important;
    
}

.footer-right{border-top: 0px solid #ddd;}


@media (max-width: 768px){
    .navbar .container,.site-header .container,.breadcrumb-banner .container,#content .container { max-width: 100vw;position: relative;}
    .site-header .wpm-language-switcher.switcher-list li:not(.active){display: none;}
    .site-header{height:50px;}
    .site-header .custom-logo-link img{height: 40px;width:auto;margin-top:3px;}
    .mean-container .mean-bar {height: 40px; padding: 3px; z-index: 1000;}
    .breadcrumb-banner h1{font-size: 32px !important;text-align: left;}
    .breadcrumb-banner h3{font-size: 12px !important;text-align: left;}
    .breadcrumb-banner{padding-top:38px;}
    .footer-left {
    border-right: 0px solid #ddd;
    
}
    .footer-right{border-top: 1px solid #ddd;}
    #registration-wrap{
	padding: 1rem;
    }
    
    
}
@media (max-width: 575px){
.logo a{
	display: flex;
	align-items: center;
	justify-content: space-around;
    }
    #homepage-box h2 {
	font-size: 29px;
	font-weight: 900;
	letter-spacing: -0.57px;
	line-height: 39px;
    }
}

@media (min-width: 768px) and (max-width: 992px){
    .loga.social .logo{ flex: 0 0 100%; max-width: 100%; margin-left: 0;}
.logo a{
	display: flex;
	align-items: center;
	justify-content: space-around;
    }
    
    #footer .social {
   
    padding-left: 25px;
}
}
#select-town .btn{
	width:98px;
	
    }

#select-town.prihlaska_a2 .btn{width: 125px; }
    
.language-vn #select-town .btn,.language-fr #select-town .btn {
    width: 140px;
}

.language-en .navbar ul>li,.language-fr .navbar ul>li {
    margin: 0 7px;
}

    
@media (max-width: 368px){
    .footer-left {
	border-right: 0px solid #ddd;
    }
    .progress-icons img{width: 270px;}
    #progress{max-width: 330px;}
    
    
    #select-town li{
	padding:15px;
	border-bottom: 1px solid #ddd;
    }
    
    
    
    .footer-right{border-top: 1px solid #ddd;}
    
    #footer .social {
	border-width: 0;
    }
    
    .logo a{
	display: flex;
	align-items: center;
	justify-content: space-around;
    }
}

/*** bootstrap override ***/

.btn-primary {
    color: #fff;
    background-color: #0067ae;
    border-color: #0067ae;
    font-family: Roboto;
    background-image: linear-gradient(225deg, #0371bd 0%, #0067ae 100%);
}

.btn-secondary {
    color: #fff;
    background-color: #c4cfd3;
     border-color:#c4cfd3;
    font-family: Roboto;
}

/*** homepage ***/
#homepage-box{
margin-top:60px;
  border-radius: 5px;
  background-image: linear-gradient(225deg, #0371bd 0%, #0067ae 100%);
  opacity: 0.95;
  padding: 47px 58px; 
}

.homepage-links div{ 
/*padding:0.1em;*/

}

#homepage-box h2{color: #ffffff;
font-family: Roboto;
font-size: 42px;
font-weight: 900;
letter-spacing: -0.57px;
line-height: 54px;
margin:0;

}

#homepage-box .homepage-text{
    margin-top: 11px;
color: #ffffff;
font-family: Roboto;
font-size: 19px;
font-weight: 400;
letter-spacing: -0.15px;
line-height: 28px;

}

.homepage-links{
/*width: 977px;*/
min-height: 250px;
box-shadow: 0 22px 74px rgba(0, 0, 0, 0.1);
border-radius: 5px;
background-color: #ffffff;
}

.homepage-links .divider{ 
border-right: 1px solid #dddddd;
}

.homepage-links .kontakty{
/*padding-top:1.4rem;*/
}

.homepage-links .link-icon img{
    margin-top:25px;
    margin-bottom:0px; 
    margin-left: 15px;
    width: 74px;
}

.homepage-links .infotext{
    padding-top: 1rem;
    font-size: 1rem;
}

.homepage-links .link-block{
    padding-left:2rem;
    padding-right:2rem;
}

.homepage-links a{
/*width: 132px;*/
height: 67px;
color: #0067ae !important;
font-family: Roboto;
font-size: 20px;
font-weight: 900;
letter-spacing: -0.27px;
line-height: 25px;
/*text-decoration:none !important;*/
}

.homepage-links .link-text{
 /*width: 132px;
height: 67px;   */
     height: 3rem;
}

.homepage-background{
    background: url("/trvaly-pobyt/a1/wp-content/themes/newspotrika/assets/img/homepage-bg.jpg") no-repeat;
    /*background-size: cover;*/

}

.homepage-background .entry-content{
background:transparent;
}

@media (min-width: 1440px){
.homepage-background{
    background-size: contain;
}
}

@media (max-width: 768px){
.homepage-links .link-icon img{
    margin-top: 25px;
    width: 60%;
    margin-left: 16px;
}

.homepage-links .link-text {
    /* width: 132px; 
    height: 67px;    */
    padding-top: 17px;
}
  
.homepage-links .divider{ 
border-right: 0;
border-bottom:1px solid #dddddd;
}  
}

@media (max-width: 546px){
.homepage-links .link-icon img{
 margin-top: 23px;
    width: 100%;
    margin-left: 10px;
}      

.homepage-block-wrap {
    padding: 0 1rem !important; 
    
}
.homepage-block-wrap.last {
    padding-bottom: 1rem !important;
}
    
.menu .rozcestnik_icon {
    top: 0px;
}
.menu .rozcestnik_icon a{
    background: none;
    border-bottom-width:inherit !important; 
}

.homepage-links .link-text {
    /* width: 132px; 
    height: 67px;   */
    padding-top: 17px;
}


}


@media (max-width: 368px){
#homepage-box {
    margin-top: 133px;
    padding:20px;
    
}
#homepage-box h2
{color: #ffffff;
font-family: Roboto;
font-size: 22px;
font-weight: 900;
letter-spacing: -0.3px;
line-height: 28px;
}
#homepage-box .homepage-text{
color: #ffffff;
font-family: Roboto;
font-size: 18px;
font-weight: 400;
letter-spacing: -0.14px;
line-height: 26px;
}

.homepage-links .link-icon img{
 margin-top: 32px;
    width: 80%;
    margin-left: 16px;
}


}

.homepage-links .link-icon.align-self-center{ align-self: normal !important;} /*oprava aby se nemusel menit obsah vsech mutaci*/

#registration-wrap .udaje-skoly td,#registration-wrap .udaje-skoly th{border-width:0;}
.terminy .row{ padding:10px 0; /*border-top:1px solid #dddddd;*/border-bottom:1px solid #dddddd;align-items: center; height: auto;}
.terminy .row:last-child { border-width: 0;}
.terminy .volnychMist{color: #417505;
font-family: Roboto;
font-size: 15px;
font-weight: 400;
letter-spacing: -0.31px;
line-height: 16px;}

.terminy .datum{
color: #000000;
font-family: Roboto;
font-size: 15px;
font-weight: 700;
letter-spacing: -0.48px;
line-height: 28px;}

@media (max-width: 992px){
.terminy .row{ height: auto;}

}

#registration-wrap .terminy .obsazeno .volnychMist,#registration-wrap .terminy .obsazeno .datum{ color: #777777;}

#registration-wrap .udaje-skoly .nazev
{
    color: #000000;
    font-family: Roboto;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.15px;
    line-height: 24px;
}

#registration-wrap .udaje-skoly .th{
    color: #777777;
font-family: Roboto;
font-size: 15px;
}

#registration-wrap .udaje-skoly .email-text{
    text-decoration: underline;
}

.skola.row:not(:first-child) {
    border-top: 1px solid #dddddd;
   
}
.skola{ 
/*border-top:1px solid #dddddd;*/
 padding:24px 0;

}

#prihlaskaNaZkouskuForm{
    
}

#progress1nav{ position: absolute; top: 0;left: 1rem;height: 3rem; width: 4.5rem;border: 0px solid red;}
#progress2nav{ position: absolute; top: 0;left: 9.5rem;height: 3rem; width: 5rem;border: 0px solid red;}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ced4da !important;
    border-radius: 4px;
    padding: 0.7rem 2rem 2.2rem 0;
    margin-bottom: 0.8rem;
    
}

.form-error .select2-container--default .select2-selection--single{
    border: 1px solid #e5222b !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: transparent !important;
    border-style: none !important;
    border-width: 0 !important; 
    height: 16px !important;
    left: 50% !important;
    margin-left: -22px !important;
    margin-top: 3px !important;
    position: absolute !important;
    top: 50% !important;
    width: 14px !important;
    background: url(/trvaly-pobyt/a1/wp-content/themes/newspotrika/assets/img/caret-select.png) no-repeat right #fff;
}

form .errors li{
    color:#dc3545;
}
.form-input{
    position: relative;
}

.form-group input[type="text"],.form-group select,.select2{
    height:51px !important;
    padding-right: 35px;
}

.form-error input,.form-error select{
    border:1px solid #e5222b;
}


.form-valid .form-input:after,.form-valid .form-select:after{
    content:'\f058';
    width:18px;
    height: 18px;
    font-size:18px;
    position: absolute;
    top: 13px;
    right:-30px;
    color:#5fab0c;
    font-family: 'FontAwesome';
}

.form-error .form-input:after, .form-error .form-select:after{
    content:'\f057';
    width:18px;
    height: 18px;
    font-size:18px;
    position: absolute;
    top: 13px;
    right:-30px;
    color:#e5222b;
    font-family: 'FontAwesome';
}

.form-valid .form-select:after{
    top: 44px;
    right:-13px;
}
.form-error .form-select:after{
    top: 44px;
    right:-13px;
}

.form-valid .form-select2:after{
    top: 13px;
    right:-13px;
}
.form-error .form-select2:after{
    top: 13px;
    right:-13px;
}

.zvolene-mesto-skola-termin h3{font-size:1.1rem;}
.zvolene-mesto-skola-termin a{
color: #777777;
font-family: Roboto;
font-size: 1rem;
font-weight: 400;
letter-spacing: -0.1px;
line-height: 22px;
text-decoration: underline !important;
margin-left:1rem;
}
.zvolene-mesto-skola-termin .email-text a{ margin-left: 0;}

.zvolene-mesto-skola-termin .mesto,.zvolene-mesto-skola-termin .skola_,.zvolene-mesto-skola-termin .termin_{ color: #000000;
font-family: Roboto;
font-size: 1rem;
font-weight: 400;
letter-spacing: -0.1px;
line-height: 22px;}

.zvolene-mesto-skola-termin .th{
  color: #777777;
font-family: Roboto;
font-size: 1rem;  
}

.zvolene-mesto-skola-termin .adresa-meta{color: #2d2d2d;font-family: Roboto;}
.zvolene-mesto-skola-termin .adresa-meta.email-text{text-decoration:underline !important;}
#prihlaskaNaZkouskuForm .form-control {
    height:auto;
    padding: 15px 40px 15px 19px;
    margin-bottom:15px;
}

#prihlaska-finished{
    width: 580px;
    /*height: 761px;*/
    box-shadow: 0 12px 54px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
    background-color: #ffffff;
    padding:35px 63px;
}
#prihlaska-finished img{margin:35px;}
#prihlaska-finished .title{
    color: #000000;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -0.32px;
    line-height: 32px;
    
}
#prihlaska-finished .info{
    color: #000000;
    font-family: Roboto;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: -0.1px;
    line-height: 26px;
    margin:7px 0 32px 0;
}

#prihlaska-finished h3{ font-size: 18px;font-weight: 700;letter-spacing: -0.21px;line-height: 22px;}

form select {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}



#interaktivni-modelova-zkouska span.right {
    background: #79D339;
    border-radius: 5px;
    color: #fff;
    padding: 1px 5px;
}

#interaktivni-modelova-zkouska span.wrong {
    background: red;
    border-radius: 5px;
    color: #fff;
    padding: 1px 5px;
    z-index: 100;
}

#interaktivni-modelova-zkouska td,#interaktivni-modelova-zkouska th{border-width: 0;}

.copyright{
    color: #666666;
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #ddd;
}

.loga img{max-width: 115px;margin-right:10px;}

.site-branding .custom-logo-link {
    margin-top: 0px;
}


[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 21px;
    height: 21px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #fff;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:checked + label:after
{
    content: '';
    width: 9px;
    height: 9px;
    background: #fff;
    position: absolute;
    top: 6px;
    left: 6px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:checked + label:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 21px;
    height: 21px;
    border: 10px solid #0067ae;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}





[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 21px;
    height: 21px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background: #fff;
}
[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #fff;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="checkbox"]:checked + label:after
{
    content: '';
    width: 13px;
    height: 9px;
    background: transparent;
    position: absolute;
    top: 5px;
    left: 4px;
    border-radius: 0;
    border: 3px solid #fff;
    border-width: 0px 0px 3px 3px;
    transform: rotate(-45deg);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="checkbox"]:checked + label:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 21px;
    height: 21px;
    border: 0px solid #0067ae;
    border-radius: 2px;
    background: #0067ae;
}

[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="checkbox"]:checked + label:after {
    opacity: 1;
    /*-webkit-transform: scale(1);
    transform: scale(1);*/
}


/****** ke stazeni ******/

.download-block{ box-shadow: 0 12px 54px rgba(0, 0, 0, 0.07); border-radius: 5px; padding: 0rem 2rem; background-color: #ffffff;margin-bottom: 2rem;}
.download-block h4{ margin :0.4rem 0;}
.download-block .item{padding: 1.3rem 0;}
.download-block .item img{box-shadow: 0 12px 54px rgba(0, 0, 0, 0.07);}
.download-block .item .thumbnail.no-shadow img{ box-shadow:none;}
.download-block .item:not(:last-child){ border-bottom:1px solid #dcdcdc;}
.download-block .thumbnail{ text-align:center;}
.download-block .item .thumbnail img{width:84px;height:auto;}
.download-block .item .thumbnail.youtube img{width:65px;height:auto;}
.download-block .item .thumbnail.facebook img{width:54px;height:auto;}
.download-block .item .btn{min-width: 183px;margin-bottom: 6px;}
.download-block .item .btn-wrap{align-self: center;}
@media (max-width: 546px){
    
    .download-block .thumbnail{
	text-align: center;
    }
    #footer{
    margin-top: 0px;
    padding: 43px 15px 68px 15px;
    }
    
    #footer .social {
	margin-top: 1.4rem;
	padding-left: 4px;
    }
}

.form-group .select2-container {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  display: table;
  table-layout: fixed;
}
.labelinfo{position: relative;width: max-content;}
.infotitle{ 
    top: 0;
    cursor: pointer;
    right: -1.5rem;
    position: absolute;
    background: #0e60a8;
    color: #fff;
    border-radius: 3rem;
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    font-size: 0.8rem;
    text-align: center;}

#terminyZkousky{ max-width: 482px;}

#seznam-skol .udaje-skoly {
    border: 1px solid #ddd;
    border-width: 0 1px 1px 1px;
}

#seznam-skol .udaje-skoly:first-child {
    border-top: 1px solid #ddd;
    border-radius: 6px 6px 0 0;
}

#seznam-skol .udaje-skoly:last-child {
    border-radius: 0px 0px 6px 6px;
}

#seznam-skol .udaje-skoly a{
    color: #0067ae;
    font-weight: normal;
    text-decoration: underline !important;
    
}

#seznam-skol .udaje-skoly a img{
    margin-bottom: 0px;
    margin-left: 7px;
}

#seznam-skol .udaje-skoly .th
{
    color: #777777;
}

.showAllTerms{ margin-top:0.8rem; margin-bottom: 1.3rem;display: block;}

.menu .rozcestnik_icon{ top:-8px;}
.menu .rozcestnik_icon a{ border-bottom-width: 0 !important;font-size: 0; background: url('/trvaly-pobyt/a1/wp-content/themes/newspotrika/assets/img/home.png') no-repeat right #fff;display: block; width: 32px;   height: 32px;}

.language-ru .menu-hidden,
.language-uk .menu-hidden,
.language-vn .menu-hidden,
.language-mn .menu-hidden,
.language-fr .menu-hidden,
.language-en .menu-hidden
{
    display:none;
}

.site-branding img{max-height: 45px;}


@media (max-width: 546px){
  #info-video2 .video-content figure {
      position: relative;
      overflow: hidden;
      padding-top: 178.25%;
    }                         
}

#faqs{
    
}

#faqs .faq{
   padding: 1.3rem 2rem;  
   position: relative;
border: 1px solid #dddddd;
background-color: #ffffff;
}


#faqs .faq:first-child{
 border-radius: 5px 5px 0 0;

}

#faqs .faq:after{
    position:absolute;
    top:1.5rem;
    right:1.5rem;
     width: 20px;
    height: 20px;
    background: url(../img/plus.png) transparent no-repeat;
    content:"";
   cursor: pointer;
    display: inline-block;
}

#faqs .faq.active:after{
   
    background: url(../img/minus.png) transparent no-repeat;
  
}

#faqs .question{
    color: #2d2d2d;
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: -0.1px;
    line-height: 23px;
    text-align: left;
    cursor: pointer;
    padding-right: 1rem;
}

#faqs .answer{
    margin-top: 19px;
   display:none;
   color: #2d2d2d;
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.1px;
    line-height: 23px;
    text-align: left;
    
}

#faqs .active .answer{
    display:block;
}
#faqs h2{font-size: 1.5rem;}
#rozcestnik{border-radius: 5px; border: 1px solid #dddddd;}
#rozcestnik .uroven_wrap{
    display: flex;
   
    justify-content: center;
    align-items: center;    
    flex-wrap: wrap;
    padding: 2rem;
}

#rozcestnik .uroven_wrap:first-child{
    border-right: 1px solid #dddddd;
}
#rozcestnik .uroven{ 
    color: #0067ae;
    font-family: "Roboto";
    font-size: 24px;
    font-weight: 900;
    font-style: normal;
    letter-spacing: -0.2px;
    line-height: 32px;
    text-align: center;
    text-decoration: underline;
    display: block;
    margin-bottom: 1rem;
}

#rozcestnik .popis{
    color: #2d2d2d;
    font-family: "Roboto";
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.1px;
    line-height: 23px;
    text-align: center;margin-bottom: 1rem;
}

#rozcestnik .button{ 
    border-radius: 5px; background-image: linear-gradient(225deg, #0371bd 0%, #0067ae 100%);color:#fff;padding:1rem 1.5rem;text-decoration: none !important; font-family: "Roboto";
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: -0.11px;
    line-height: 23px;
    text-align: center;
    display: block;

}

.homepage-block-wrap{ background: #fff; padding: 0 4rem;position: relative;display: flex;    flex-direction: column;}
.homepage-block-wrap.first { margin-top: -5px; border-radius: 5px 5px 0 0;padding-top:4rem;box-shadow: 0 15px 25px rgb(0 0 0 / 7%);}
.homepage-block-wrap.last { padding-bottom:4rem;box-shadow: 0 15px 25px rgb(0 0 0 / 7%);border-radius: 0 0 5px 5px;}
.homepage-block-wrap.middle { box-shadow: 0 15px 25px rgb(0 0 0 / 7%);}
.homepage-links2 {
    min-height: 250px;
    border-radius: 5px;
    /*margin-top: 3rem;*/
    border: 1px solid #dddddd;
    background: #fff;
    box-shadow: none;
}

.homepage-alertbox{
    margin:1.3rem 0 1rem 0;
    border-radius: 5px;
    background-color: #fffcd1;
    padding: 1.8rem;
    color: #8b572a;
    font-family: "Roboto";
    font-size: 1rem;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.12px;
    line-height: 23px;
    text-align: left;
}

   .version_tabs{ display:flex;height: 50px;border-bottom: 1px solid #dfdfdf;align-items: center;margin-bottom:2rem;}
    .version_tabs .tab{}
    .version_tabs .tab a{ display: block;padding:11px 20px; border-radius: 5px;background-color: #f1f6f8;border-width:0;color: #0067ae; font-family: "Roboto";font-size: 15px;font-weight: 400;font-style: normal;text-decoration:underline !important;margin:5px;}
    .version_tabs .tab.selected a{ border-radius:10px 10px 0 0; background-color:transparent;border: 1px solid #dfdfdf; border-bottom-color:#fafafa; padding-bottom: 16px;text-decoration:none !important;color:#000;margin:0;}
    
.info_popover{ margin-left:9px;}
.popover-header{ padding: 0 .75rem;    margin-bottom: -5px; margin-top: 12px;font-size: 15px;font-weight: 400;font-style: normal; letter-spacing: -0.09px; line-height: 21px; color: inherit;background-color: #fff;border-bottom: 0px solid #ebebeb;border-top-left-radius: calc(.3rem - 1px);order-top-right-radius: calc(.3rem - 1px);}

@media (max-width: 768px){
    
    #rozcestnik .uroven_wrap:first-child{
	border-right-width: 0 !important;
	border-bottom: 1px solid #dddddd;
    }

}

@media (max-width: 546px){
   .version_tabs{ padding-bottom: 10px;}
   .version_tabs .tab a{     padding: 4px 20px; margin: 4px;}
   .version_tabs .tab.selected a{ padding-bottom: 11px;}
   
   .menu .rozcestnik_icon a{
	background: none !important;
	border-bottom-width:1px !important; 
    }
    
    .wpm-language-switcher.switcher-list li {
	display: inline-block;
	margin-right: 2px;
    }
}

#nahravky-prirucka{ padding: 0;}
#nahravky-prirucka li{ border:1px solid #ececec; border-bottom-width: 0;list-style-type: none;margin-bottom: 0 !important;padding: 2.7rem;}
#nahravky-prirucka li:first-child{ border-radius:5px 5px 0 0;}
#nahravky-prirucka li:last-child{border-bottom-width: 1px;}
#nahravky-prirucka li:before{ display: none !important;}

.nahravkaWrap .label{color:#0067ae; font-size: 14px;font-weight: 700;font-style: normal;letter-spacing: -0.11px;line-height: 26px;text-align: left;}
.nahravkaWrap .okruh{ color: #2d2d2d;font-size: 18px;font-weight: 700;font-style: normal;letter-spacing: -0.11px;line-height: 24px;text-align: left;; margin: 8px 0;}
.nahravkaWrap .typ{font-size: 16px; color: #777777;}
.nahravkaWrap .prehravac{ display: flex;align-items: center; justify-content: center;}
.nahravkaWrap .prehravac audio{ width: 100%;}

#recordButton {height: 90px;display: flex;width: max-content; flex-wrap: wrap; align-content: center;justify-content: center;}
#recordButton img{ width:90px;transition: width 1s;}
#recordButton:hover img{ border: 3px solid #fffcd1; border-radius: 50%;}
#recordButton.pulse img{ width:70px;}

#exam-wrapper .pic{ border:1px solid black; display: flex;justify-content: center;align-items: center; background:#fff;}
#exam-wrapper .pic.selected img{opacity: 0.1; cursor: not-allowed;}
#exam-wrapper .pic.final {border: 5px solid #0e60a8;}


.opened .mobile-search{ display: block !important;}
.mobile-search .searchBox {
    position: relative;
    display: flex;
    justify-content: space-between;
    z-index: 0;
    right: 0;
    left: 33px;
    margin: 1rem 0;
    width: 273px;
    top: 0;
    background: #fff;
    padding: 0;
    /*box-sizing: border-box;*/
    border-radius: 5px;
    border: 1px solid #dcdcdc;
    overflow: hidden;
}