/*
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i&display=swap&subset=latin-ext');

@font-face {
  font-family: 'fs_rufusbold';
  src: url('fs_rufus-bold-webfont.woff2') format('woff2'),
  url('fs_rufus-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}


@font-face {
  font-family: 'fs_rufus';
  src: url('FSRufusWeb-Regular.woff') format('woff');
}
*/










/* LC */

:root {
  --white: #fff;
  --black: #000;
  --blue-50: #EEF7FF;
  --blue-100: #DCF0FF;
  --blue-200: #B2E2FF;
  --blue-300: #6DCBFF;
  --blue-400: #20B1FF;
  --blue-500: #0097FF;
  --blue-600: #0077DF;
  --blue-700: #005EB4;
  --blue-800: #005094;
  --blue-900: #004179;
  --blue-950: #002951;
  --orange-50: #FFF8ED;
  --orange-100: #FEEFD6;
  --orange-200: #FCDBAC;
  --orange-300: #FAC177;
  --orange-400: #F79B40;
  --orange-500: #F4811F;
  --orange-600: #E56511;
  --orange-700: #BE4C10;
  --orange-800: #973D15;
  --orange-900: #7A3314;
  --orange-950: #421808;
}
















/* Normal */





html, body{
  margin: 0;
  padding: 0;
  /*
  font-family: 'Open Sans', sans-serif;
  */
  font-family: "Gabarito", sans-serif;
  font-optical-sizing: auto;
  color: var(--blue-950);
  font-style: normal;
}


body{
  font-size: 17px;
  line-height: 1.5;
}


strong, b{
  font-weight: 500;
}



a img{
  border: 0;
}

.text_main table{
    max-width: 100%;
    display: block;
    overflow: auto;
    height: auto !important;
}

#small_menu{
display: none;
}

div,p,input,ol,li,ul,a,span,input,textarea{
box-sizing: border-box;
}

p,ol,ul,li{
margin: 0;
padding: 0;
}

a{
color: var(--blue-950);
}

a:hover{
text-decoration: none;
}



h1, h2{
  font-weight: normal;
  text-align: left;
  /*
  font-family: "fs_rufusbold";
  */
  
  color: var(--blue-900);
  line-height: 1.25;
  text-transform: uppercase;
}



h1{
  font-size: 3rem;
}
h2{
  font-size: 2rem;
}






img,iframe{
max-width: 100%;
}


img{
height: auto;
}

#lightbox img{
height: auto;
max-width: none;
}

header, footer, .section, #header_top,#slider_hmp,#footer_inner,#subpage_text_content{
float: left;
width: 100%;
}

.content,
.sliderbx_data_li_header{
width: 73%;
margin: 0 auto;
}
.bx-controls{
display:none;
}

header, #header{
font-size: 14px;
position: fixed;
z-index: 950;
background: white;
color: var(--blue-900);


  border-bottom: 1px solid var(--orange-200);
}

header a{
  color: inherit;
}



#subpage_text_content_left{
  display: none;
}
#subpage_text_content_right{
  float: unset !important;
}

#header_top{
/*background: #ffc425;  */
text-align: right;
padding: 14px 0 10px 0;
font-weight: bold;
font-weight: normal;
line-height: 40px;
height: 50px;

  float: unset;

  width: 73%;
  margin: 0 auto;
}

#header_top span{
margin: 0 12px;
}


#header .content{
outline: 0px solid orange;

}

#header_top .content{
  display: flex;
  margin-left: auto;
  width: fit-content;

  margin-right: 0px;
}

#header_top img{
vertical-align: middle;
}

#header_top_c2a{
display: block;
padding: 0px 10px;
float: right;
cursor: pointer;
/*font-size: 16px;*/
font-size: inherit;
line-height: inherit;
height: 40px;
border-radius: 2px;
color:inherit;
text-decoration: none;
border: 1px solid var(--blue-950);
background-color: #FFFFFF;
color: #000000;


margin-right: 0px !important;
}

#header_top_c2a:hover{
  background-color: var(--blue-950);
  color: #FFFFFF;
}

#header_top_search,
#header_top_lang{
cursor: pointer;
}





#hp-text{
  margin: 60px 0;
}




a#logo{
display: block;
margin-top: -35px;
margin-bottom: -5px;
float: left;
position: relative;
z-index: 3;
}
#header .header_logo{
 height: 77px;
 outline:0px solid Red;
 padding:0px;
 margin: 0px;
}

ul#menu{
float: right;
margin: 20px 0;
height:20px;
line-height:20px;
}


ul#menu li{
float: left;
list-style: none;
padding: 0 10px;
border-right: 1px solid #0e3a7a;
}
ul#menu li:last-child{
border-right: 0;
margin-right: 0px;
padding-right: 0px;
}

ul#menu li a{
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
text-decoration: none;

color: var(--blue-900);

}

ul#menu li a.active,ul#menu li a.parent,ul#menu li a:hover{
text-decoration: underline;
}

#slider_hmp,
.sliderbx_data,
.sliderbx_data li{
height: 80vh;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

.sliderbx_data li{
padding-top: 17%;
}

.sliderbx_data_li_header_name{
/*
font-family: 'fs_rufusbold';
*/
font-size: 56px;
line-height: 56px;
text-transform: uppercase;
color: white;
/*background: black;
background: rgba(0, 0, 0, 0.5);  */
padding: 1.5%;
display: block;
float: left;
}










.lang-menu{
  display: none;
  overflow: hidden;

  width: 100%;
}

.top-lang-wrap{
  border: 1px solid var(--black);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;

  overflow: hidden;
  width: fit-content;
}
.top-lang-wrap a{
  display: flex;
  align-items: center;

  text-decoration: none;
  padding: 12px 8px;
}
.top-lang-wrap a:hover{
  background-color: var(--black);
}

#menu_lang{
  margin: 0;
  padding: 0;
}
#menu_lang li.active{
  display: none;
}
#menu_lang li::before{
  content: '';
  width: 80%;
  background-color: var(--black);
  height: 1px;
  display: block;

  margin: 0 auto;

  border-radius: unset;
  position: relative;
  left: 0px;
  top: 1px;
}




header .top-lang-wrap{
  overflow: visible;
  margin-left: var(--spacing-16);
  border: none;
  /*
  position: absolute;
  left: 510px;
  left: 200%;
   */
}

header .lang-btn {
  border: 1px solid var(--black);
  border-radius: 4px;
  padding: 0 0.5rem;

  display: flex;
  align-items: center;
}
#header_top .lang-btn{
  margin-right: 0px !important;
}


header .lang-menu{
  position: absolute;
  top: 54px;

  flex-direction: column;
  align-items: center;
  cursor: pointer;
  overflow: hidden;

  width: fit-content;

}

header .lang-menu a{
  color: var(--black);
}



.header-inner:hover .lang-menu a,
header .lang-menu a{
  background-color: var(--white);
  color: var(--black);
}


header #menu_lang li::before{
  display: none;
}
header .top-lang-wrap a:hover{
  background-color: var(--white);
  color: var(--black);
}















#courses_container{

  border-color:#f0f0f0;

}

#courses_menu{
  width: 100%;
  clear: both;
  margin-top: -20%;
  margin-top: -110px; /* bylo -110 */
  float: left;
  position: relative;
  z-index: 940;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  border-color: inherit;
  display: flex;

  background-color: #FFFFFF;

}

.scrolled #courses_menu,
.subpage #courses_menu{
  position: fixed;
  top: 110px; 
  margin-top: 0;
  left: 0;
  /*
  border-width: 0px 0px 5px 0px;
  border-style: solid;

  opacity: 1;
  */
}

.scrolled #courses_menu li span,
.subpage #courses_menu li span{
height: auto;
display: block;
}

.scrolled #courses_menu li a,
.subpage #courses_menu li a{
  padding: 5px 1%;
  font-weight: 500;
}

#courses_menu li{
  display: block;
  /* width: 12.5%; */
  width: 14.28%;

  list-style: none;
  float: left;
  text-align: center;
  /* background: #ef4123; */

  background-color: var(--orange-200);
  color: var(--blue-950);
  border-right: 1px solid var(--orange-300);

  transition: all 0.5s ease-out 0s;

  display:flex;

}

#courses_menu li:hover{
 background-color: var(--orange-300); 
}

#courses_menu li a{
  text-decoration: none;

  line-height:25px;
  font-weight: 500;
  
  width: 100%;
  /* font-family: 'fs_rufusbold'; */
  color: inherit;

  /*background: #ef4123; */
  text-transform: uppercase;
  padding: 5% 2.5%;
  vertical-align: middle;
  text-align: center;

  height: inherit;
  flex-grow: 1;

  box-sizing: border-box;

  display:flex;
  justify-content: center;
  align-items: center;
}

#courses_menu li a:hover{
  /* text-decoration: underline; */
}

#courses_container #courses_menu li a{
  height: 110px;
}

/*
#courses_menu li:nth-child(2) a{
background:#b92e77;
}
#courses_menu li:nth-child(3) a{
background:#5e004e;
}
#courses_menu li:nth-child(4) a{
background:#21409a;
}
#courses_menu li:nth-child(5) a{
background:#00845f;
}
#courses_menu li:nth-child(6) a{
background:#8dc63f;
}
#courses_menu li:nth-child(7) a{
background:#f68b1f;
}
#courses_menu li:nth-child(8) a{
background:#ffba00;
} */

#courses_menu li a{
}
#courses_menu li:hover a,.scrolled #courses_menu li a, .subpage #courses_menu li a,.scrolled #courses_container #courses_menu li a, .subpage #courses_container #courses_menu li a, .mobile #courses_container #courses_menu li a{
  opacity: 1;
  height:auto;
}

.section h2{
/*font-size: 30px;*/
/*
font-family: 'fs_rufusbold';
*/
text-transform: uppercase
}

.boxes{
clear:both;
width:100%;
display:block;
overflow: auto;
}

.box,
#hp_intro_numbers,
#hp_intro{
width: 30.3%;
float: left;
margin-right: 2.5%;
margin-bottom: 5%;
position: relative;
}






.box{
background: white;
}

.box.course, .box.category{

/*border: 1px solid #21409a; */
position: relative;
}

.box.course .bcg, .box.category .bcg{
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:55%;
background-image: url('course.png');
background-position: right bottom;
background-size: cover;
background-repeat: no-repeat;
z-index:1;
}


.box:nth-of-type(odd){
margin-left: 0px;
margin-right: 2.5%;
clear:both;
}


.course_discounts_list{
clear:both;
display: block;
position: relative;
width: 90%;
margin: 20px 20px 20px 5%;
background-color: #FFFFFF;
padding: 2.5% 5% 2.5%;
}

.course_item_checkbox{
/*float: left;
 */
clear: both;
margin: 5px 0;
}
.course_discounts_list .course_item_checkbox{
/*float: left;
 */
clear: both;
display: block;
overflow: auto;
position: relative;

width: auto;
margin: 5px 0;
}

.course_item_caption{
clear: both;
margin-top: 20px;
float: left;
width: 100%;
text-align: center;
}




.course_item_price{
/*background: #ffb900; */
text-align: center;
padding: 2.5% 0 0 0;
/*color: white;*/
font-size: 24px;
clear: both;
width: 90%;
margin-left: 5%;
}
.course_item_caption_img{
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    margin-right: 7px;
    padding: 3px;
}

.course_item_basic_info{
width: 100%;
float: left;
text-align: center;
margin: 5px 0;
}

.course_item_caption_img img{
width: 60%;
}


.course_item_price.prefinal{
background: none;
color: black;
padding: 1% 0 2.5% 0;
}

.semester_dates{
clear: both;
    overflow: hidden;
    display: block;
    background: white;

    margin: 20px;
    width: 90%;
    margin-left: 5%;
    float: left;
}

.course_item_price_info{
float: left;
    width: 100%;
    text-align: center;
   /* margin: 10px 0; */
}

.course_item_date{
width: 40%;
float: left;
position: relative;
margin: 0 5%;
}

.course_item_select_semester{
    text-align: center;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    /*border-bottom: 2px solid #9f9f9f; */
    text-transform: uppercase;
    width: 40%;
    float: left;
    margin: 0 5%;
    clear: none;
    cursor: pointer;
}

.course_item_select_semester label{
width: 100%;
display: block;
padding: 15px 0;
cursor: pointer;
}

.course_item_select_semester img{
vertical-align: middle;
margin-right: 10px;
}

.semester_dates .course_item_caption{
border-bottom: 5px solid;
    padding: 15px 0;
    width: 90%;
    margin-left: 5%;
}

.course .course_item_select_semester input[type=checkbox]{
margin: 0 auto;
float: none;
}

.course_item_select_semester.winter{

}

.course_item_select_semester.spring{

}


.course_price .courses_more{
  width: 40%;
  margin: 2.5% auto 5% auto;
}

.course_item_info{
    width: 100%;
    text-align: center;
    padding: 10px 0;
    float: left;
    clear: both;
    margin-top: 25px;
}

.course_item_date input.form_text{
width: 100%;
max-width: 100%;
border-width: 1px;
font-size: inherit;
}

.course_item_date .ui-datepicker-trigger{
position: absolute;
top: 38px;
left: 15px;
}

.course_item_date span{
display: block;
width: 100%;
font-size: 14px;
text-align: center;
}

.course input[type=checkbox]{
width: 20px;
display: inline-block;
height: 20px;
float: left;
}

.box:nth-of-type(even){
margin-left: 2.5%;
margin-right: 0px;


}

h3.course_name, .box .name{
text-align: center;
color: white;
background: #21409a;
font-size: 23px;
/*
font-family: 'fs_rufusbold';
*/
padding: 10px;
margin: 0;
margin-bottom: 50px;
text-decoration: none;
z-index:6;
position: relative;
}
.box .name a, .box .course_name a{
text-decoration: none;
color:#FFFFFF;
}

.course_more, .box .text_part{
width: 50%;
float: right;
padding-right: 5%;
text-align: left;
line-height: 26px;
}


a.course_login, .box .more, .courses_more, .articles_small_link a, .articles_list_link a{
/*
background: #21409a;
background: #FFFFFF;
color: #000000;
*/
background-color: var(--orange-500);
color: #FFFFFF;

display: block;
width: 100%;
text-align: center;
/*
font-family: 'fs_rufusbold';
*/
font-size: 16px;
text-decoration: none;
padding: 2% 5%;
position: relative;
text-transform: uppercase;
margin: 50px 0;
/*padding-right: 35px;  */
border-radius: 5px;

//border: 1px solid #0e3a7a;

}





a.course_login, .box .more, .courses_more, .shadow, .articles_small_link a, .articles_list_link a{
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26),0 2px 10px 0 rgba(0,0,0,0.16);
  transition: all 0.5s ease-out 0s;
}

a.course_login:hover, .box .more:hover, .courses_more:hover, .shadow:hover, .articles_small_link:hover a, .articles_list_link:hover a{
  /*
  box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24);
  
  background-color:#0e3a7a;
  color: #FFFFFF;
  */
  
  background: var(--blue-950);
  box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.40);
}





a.course_login:after, .box .more:after, .courses_more:after{
/*content: '>';
position: absolute;
right: 0;
width: 30px;
background: #122764;
height: 100%;
top: 0;
line-height: inherit;
border-radius: 0px 5px 5px 0px;
vertical-align: middle;  */
}

a.course_similar{
width: 100%;
text-align: right;
display: block;
margin-bottom: 6%;
}

.more_link{
width: 100%;
float: left;
text-align: center;
margin-bottom: 5%;
}

a.course_more_link{
clear: both;
}

#hp_courses{
background-color:#FFFFFF;
margin-top: 40px;
}

#hp_text{

width: 85%;
padding: 3% 0;
margin: 0px auto;
text-align: center;
clear:both;
display: block;
position: relative;
float: none;
}

#hp_indroduction{
background: url('back_intro.jpg') no-repeat;
background-size: cover;
padding: 15% 0;
}



#hp_numbers1{
/*
background-image:url(/gfx/silver_pattern.png);
height: 20px;
background-repeat: repeat-x;
*/
display: none;
}

#hp_numbers2, #hp_newsletter2{
background-color:#727675;
color:#FFFFFF;

background-color: var(--blue-900);
color: var(--blue-100);


padding-top: 80px;
padding-bottom: 80px;
min-height: 310px;
}

#page_1 #hp_newsletter2{
  display: none;
}

#hp_newsletter2{
  text-align: center;
}
#hp_numbers2 h1, #hp_newsletter2 h1, #hp_numbers2 h2, #hp_newsletter2 h2, #hp_numbers2 h3, #hp_newsletter2 h3{
  padding: 0px;
  margin: 0px;
  /*
  font-family: 'fs_rufus';
  */
}

#hp_newsletter2 .form{
  border: 2px solid #747C84;
}
#hp_newsletter2 .form_submit{
  width: 25%;
  margin-top: 0px;
  background-color: #747C84;
  border-radius: 0px;
}

#hp_newsletter2 div.cform_item{
padding: 0px;
margin: 10px 0px 0px 0px;
}


#hp_intro_numbers{
text-align: center;

width: 100%;
padding: 0px;
margin: 0px;
margin-top: 50px;
/*
font-family: 'fs_rufus';
*/
display:flex;
flex-wrap:wrap;


}


.hp_intro_number{
width: 22.5%;
padding: 0px;


color: var(--blue-100);
display: inline-block;
text-align: center;
margin: 0px 1.5%;

font-size: 125%;
font-weight: 200;

}

#hp_intro_numbers .hp_intro_number:nth-child(1){
  margin-left: 0px;
}

#hp_intro_numbers .hp_intro_number:nth-child(4){
  margin-right: 0px;
}

.hp_intro_number span{
display: block;
font-size: 5rem;
line-height: 1.1;
margin-bottom: 10px;
color: var(--orange-400);

}


a.course_more_link{
background: #0000ff url('ico_button_info.png') no-repeat 25px center;
font-size: 18px;
padding: 10px 25px;
padding-left: 60px;
}






#hp_intro .box{
width: 80%;
background: white;
text-align: center;
padding-bottom: 5%;
margin-bottom;
}

#hp_intro .box h2{
background: #8dc63f;
color: white;
text-align: center;
margin: 0;
padding: 8% 5%;
}

.button,
.articles_small_more a,
#hp_newsletter2 .form_submit{
background-color: #0000ff;
background-color: #5166D6;

background-color: var(--orange-500);


color: #FFFFFF;
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
padding: 10px 25px;
text-decoration: none;
border-radius: 5px;
padding-left: 60px;
text-align: center;
border-bottom: 2px solid #9f9f9f;
}

#hp_newsletter2 .form_submit{
padding: 10px 25px;
    background-color: #97c03c;
}

#hp_newsletter2 .form_submit:hover{
    background-color: #087b58;
    
    background-color: var(--blue-950);
}

.articles_small_more a{
padding-left: 25px;
}
.articles_small_more{
  margin: 0px auto;
display: block;
clear: both;
width: 100%;
text-align: center;
padding: 40px 0px 20px 0px;
}

.hp_intro_inner{
padding: 5%;
text-align: justify;
}

#hp_intro .box a.button{
display: inline-block;
margin: 2% auto;
background: #0000ff url('ico_button_man.png') no-repeat 25px center;
}

#hp_news{
/*background: url('back_news.jpg') no-repeat;
padding: 5% 0;
*/
}

.articles_small_thumb img,
.articles_list_thumb img{
width: 100%;
}





#hp_news .articles_container  {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}









#footer_stripes {
/*
background: url('footer_pattern.png') repeat-x left top;
height: 49px;
width: 100%;
margin-top: -24px;
*/
display:none;
}

footer{
border-top: 1px solid var(--orange-200);
background-color: var(--orange-200);
color: var(--blue-950);

/*
background: #ffc425;
background-color: #f0f0f0;
background-color: #747C84;
color: #FFFFFF;
*/
padding-bottom: 2.5%;
}
footer a {
  color: inherit;
}

.subpage footer{
margin-top: 100px;
}

.footer_block{
/*width: 45%;*/
float: left;
}

footer .content.first{
  padding-top: 2.5%;
  padding-bottom: 1%;
  text-align: center;
}

.footer_ico_up_cont{
  display:inline-block;
  width: 5%;
}

.footer_refs img{
filter: brightness(0);
}

img#footer_ico_up{
/*float: left;*/
width: 100%;
margin: 2.5%;
box-sizing: border-box;
cursor: pointer;
}

#footer_normal{
  display: flex;
  flex-wrap: wrap;
  clear:both;
  justify-content:space-between;
}


#footer_normal .footer_block{
  padding-top: 20px;
  padding-bottom: 20px;
}

#footer_block_ref{
text-align: left;
flex-shrink: 1;
}

#footer_block_ref, .footer_block_right_right{
display: flex;
flex-direction:column;
}

.footer_block_right{
  padding:0px 20px;
}

.footer_refs, .footer_contacts{
  flex-grow: 1;
}

#footer_block_ref img{
padding: 0;
}


.footer_block_right_left,
.footer_block_right_right{
float: left;
/*width: 50%; */
overflow: hidden
}


.footer_block_right_right .footer_copyright{
font-weight: 400;
margin-top: 30px;
}


.footer_copyright ul, .footer_copyright li{
   display: block;
   list-style: none;
   clear:both;
}
.footer_copyright li{
}

.button.send_newsletter{
font-size: 15px;
padding-left: 20px;
}

.button.send_newsletter img{
vertical-align: middle;
}

.button:hover,
#hp_intro .box a.button:hover,
.articles_small_more a:hover{
background-color: #20409a;
}

#subpage_text{
padding-top: 0px;
background: white;
}

#subpage_text_content{
min-height: 500px;
}

#subpage_text{
margin-top: 150px;
}

#breadcrumbs{
font-size: 90%;
margin-bottom: 25px;

}
#breadcrumbs, #breadcrumbs a {
color: rgba(0,0,0,0.8);
}

#subpage_text_content_left{
float: left;
width: 23%;
position: relative;
margin-top: -55px;
}

#subpage_text_content_right{
float: right;
width: 72%;
text-align: justify;
padding-top: 2%;
}

#subpage_text_content_right ul{
margin-left:20px;
}

.left_box{
background-color: #f0f0f0;
border: 0px solid #8dc63f;
margin-bottom: 20%;
width: 100%;
overflow: auto;
position: relative;
display: block;
clear:both;
}

.fb-page{
width: 100%;
height:auto;
}

.left_box h2, #submenu_parent_name_div{
background: #8dc63f;
color: white;
text-align: center;
margin: 0;
padding: 10px 3%;
font-size: 23px;
text-transform: none;
height: 55px;
    height: 55px;
    line-height: 35px;
}
.left_box a h2, #submenu_parent_name_div a{
color:inherit;
text-decoration: none;
/*
font-family: 'fs_rufusbold';
*/
font-weight: normal;

}




.left_box p{
padding: 2% 7%;
}

#left_box_why a.button{
background: #0000ff url('ico_button_info.png') no-repeat 25px center;
font-size: 15px;
width: 90%;
margin: 1% auto 5% auto;
display: block;
}

#subpage_text_content_right h1{
/*font-size: 30px;*/
text-transform: uppercase;
/*
font-family: 'fs_rufusbold';
*/
line-height: 125%;

}


#subpage_text_content_right h1:first-of-type{
  margin-top: 0px;
  margin-bottom:10px;
}


#search_main_container,
#newsletter_main_container,
#message_main_container,
#lang_main_container{
position: fixed;
width: 100%;
top: -150%;
left: 0;
right: 0;
bottom: 0;
background: #ffc425;
background: rgba(252, 219, 172, 0.85);

z-index: 970;
text-align: center;
display: table;
height: 100%;
transition: all 0.15s ease-out;
}



#search_main_container #search_main,
#newsletter_main_container .cform_container,
#message_main_container .cform_container,
#lang_main_container #menu_lang{
display: table-cell;
vertical-align: middle;
text-align: center;
list-style: none;
}

#search_main_container #search_main input,
input.form_text,
textarea.form_textarea{
width: 25%;
min-width: 25%;
max-width: 25%;
height: 45px;
background: rgb(255, 255, 255);
text-align: center;
border: 3px solid #ffb900;
}

textarea.form_textarea{
min-height: 150px;
}

div.cform_item{
padding-top: 8px;
}

div.cform_text{
font-weight: bold;
}

form#form_ffcf4,
form#form_ffcf3,
form#form_ffcf2,
form#form_ffcf1{
padding-top: 12px;
}

div.cform_container h3{
font-size: 25px;
}


#search_main_container #search_main input.form_submit,
div.cform_form_submit input{
background: var(--orange-500);
color: white;
text-transform: uppercase;
font-weight: bold;
cursor: pointer;
border: none;
margin-top: 20px;
border-radius: 5px;
border-bottom: 2px solid var(--blue-950);
}
#search_main_container #search_main input.form_submit:hover,
div.cform_form_submit input:hover{
background: var(--blue-950);
}

div.cform_form_submit input{
padding: 12px;
padding-left: 24px;
padding-right: 24px;
}

img#search_main_close,
img#newsletter_main_close,
img#message_main_close,
img#lang_main_close{
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
width: 50px;
height: 50px;
}


#search_main_container_layer,
#newsletter_main_container_layer,
#message_main_container_layer,
#lang_main_container_layer{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
}

#lang_main_container #menu_lang li a{
display: inline-block;
width: 200px;
height: 125px;
margin: 1% 0;
font-size: 0;
color: transparent;
text-indent: -9999;
}

#lang_main_container #menu_lang li a.lang_1{
background: url('ico_lang_cz.png');
}
#lang_main_container #menu_lang li a.lang_2{
background: url('ico_lang_gb.png');
}

#left_box_menu li{

width: 100%;
display: block;
padding: 0 20px;

}



#left_box_menu li.sub_0_li{
  color: var(--blue-950);
  border-top: 1px solid var(--blue-100);
}
#left_box_menu li.sub_0_li:hover{
  background-color: var(--blue-100);  
}

#left_box_menu .sub_0 ul{
margin-left:25px;
}

#left_box_menu .sub_1 li{
padding: 0px 0px 0px 5px;
list-style-type: disc;
list-style-position: outside;
display: list-item;
position: relative;

}





#submenu_parent_name_div, #left_box_menu sub_0_li.open{
  background-color: var(--blue-800);
  color: var(--orange-300);
}

#left_box_menu .active, #left_box_menu .open, #left_box_menu .active a, #left_box_menu .open a{
  /* color:#FFFFFF; */
}
#left_box_menu .sub_0_li.active, 
#left_box_menu .sub_0_li.open{
  /* background-color: rgba(141,198,63,0.8) !important; */
  background-color: var(--blue-600) !important;
  color: var(--orange-100);
}
#left_box_menu .active, #left_box_menu .open, #left_box_menu .active a, #left_box_menu .open a{
  /* color:#FFFFFF; */
}
#left_box_menu sub_0_li.open:hover a, 
#left_box_menu .sub_1 li:hover,
#left_box_menu .sub_1 li.active{
  color: var(--orange-300); 
}
#left_box_menu .sub_0_li.active a.sub_0_a{
  color: var(--orange-300);   
}


#left_box_menu .sub_2 li{
list-style-type: circle;
}
#left_box_menu .sub_3 li{
list-style-type: square;
}
#left_box_menu .sub_1 li a{
/*width:auto;
display: inline-block;*/
}

#left_box_menu{
display: block;
/*background: #5e004e;*/
color:#FFFFFF;
background-color: #f0f0f0;

background-color: var(--blue-50);
}




#left_box_menu li a{
color: white;
display: block;
width: 100%;

display: block;
font-size: 16px;
padding: 10px 0;
text-decoration: none;

color: inherit;
}

#left_box_menu li a.active,
#left_box_menu li a.parent,
#left_box_menu li a:hover{
  font-weight: 500;
  text-decoration: none;
}
#left_box_menu li a:hover{
  /* text-decoration: underline; */
}

#left_box_menu li:last-child a{
border-bottom: 0;
}

.box.course:nth-child(even){
clear: both;
}


@media screen and (max-width: 1900px){
#courses_menu li a{
font-size: 16px;
}

ul#menu li a{
font-size: 14px;
}

.left_box h2, #submenu_parent_name_div{
font-size: 20px;
}
}

@media screen and (max-width: 1600px){
#courses_menu li a{
padding: 1.5% 5%;
}

header, #header,
.scrolled #courses_menu,
.subpage #courses_menu{
position: relative;
}

#subpage_text{
margin-top: 0;
}

.scrolled #courses_menu, .subpage #courses_menu{
top: 0 !important;
}

.left_box h2, #submenu_parent_name_div{
font-size: 18px;
}
}


@media screen and (max-width: 1510px){
.content, .sliderbx_data_li_header{
width: 85%;
}

.scrolled #courses_menu li a, .subpage #courses_menu li a{
font-size: 13px;

}

}

@media screen and (max-width: 1300px){

#courses_menu li a{
font-size: 14px;
}

.content, .sliderbx_data_li_header{
width: 95%;
}

ul#menu li{
padding:0 8px;
}

ul#menu li a{
font-size: 14px;
}

}












.content{

}

.section h2{
text-align: center;
}

#hp_courses,#hp_references{
overflow: auto;
display: block;
position: relative;
margin-bottom: 40px;
}





.course_front, .articles_small_item, .articles_list_item{
  width: 30.6%;
  /*background-color: #f0f0f0;*/
  margin: 0px 2%;
  border-radius: 2px;
  overflow: hidden;
  display: block;
  float:left;

}
.articles_list_item{
  width: 48%;
  overflow: visible;
}
.articles_list_link{
overflow: visible;
}

.course_front:nth-of-type(1), .articles_small_item:nth-of-type(1), .articles_list_item:nth-of-type(1), .articles_list_item:nth-of-type(odd){
  clear: none;
  margin: 0px 2% 4% 0px;
}
.course_front:nth-of-type(even), .articles_small_item:nth-of-type(even){
  margin: 0px 2% 4% 2%;
  clear: none;

}
.course_front:nth-of-type(3), .articles_small_item:nth-of-type(3), .articles_list_item:nth-of-type(even){
  clear: none;
  margin: 0px 0px 4% 2%;
}
.course_front .bcg, .articles_small_item .articles_small_thumb, .articles_list_item .articles_list_thumb {
  width: 100%;
  display: block;
  position: relative;
  height: 150px;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}

.course_front h3, .articles_small_item h3, .course_front h3, .articles_list_item h3{
padding:0px;
margin: 0px;
margin-top: 10px;
}



.course_front .course_front_name, .course_front .course_front_more, .articles_small_title, .articles_small_text,.articles_small_date, .articles_list_title, .articles_list_text, .articles_list_date{
  padding: 10px 20px 0px 20px;
  display: block;
  clear:both;
}





.course_front a.course_login, .articles_small_link a, .articles_list_link a{
margin: 20px auto 20px auto;
width:220px;
max-width: 100%;

}





#hp_references{
  width: 85%;
  margin: 40px auto;
  padding: 40px 0px;
  float: none;
  clear:both;
}

.box2{
display: block;
box-sizing: border-box;
position: relative;
box-sizing: border-box;
float: left;
}



































/* Vseobecna table */
.css_table{
display: table;
}

.css_header{
display: table-header-group;
}

.css_row{
display: table-row;
}
.css_cell{
display: table-cell;
}




/* Tabulka seznamu kurzu */

.courses{
  width:100%;
}

.courses .css_header{
color:var(--blue-800);
font-weight: 400;
background-color: var(--blue-50);
}

.courses .css_cell{
padding: 8px 8px;
text-align: center;
vertical-align: middle;
}

.courses .css_row:nth-of-type(2n+3){
background-color: #F0F0F0;
background-color: var(--blue-50);
}


.course .course_details{
overflow: auto;
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
}



.course .course_details ul li{
/*width:45%;
float:left;
box-sizing: border-box;
margin:0px 5% 5px 0px;
padding:5px 5px;
*/
}

.course .image_detail, .category .image_detail{
float:right;
margin-left:20px;
margin-bottom: 10px;
}
.course .course_price{
margin: 5% 0px;
padding:10px 20px;
/*border:1px solid #000000; */
}
.course .course_price #form_ffkalkulace{
margin:0px;
padding:0px;
display:block;
margin-bottom: -20px;
}

#course_prices_finalprices{
display:none;
}




.ui-datepicker{
background-color:#FFFFFF;
padding: 10px;
border: 2px solid rgba(94, 0, 78, 0.8);
}
.ui-datepicker a{
color: #5e004e ;
font-weight: bold;
}

.ui-datepicker-next{
float:right;
}

.ui-datepicker-title{
font-size:125%;
text-align: center;
margin: 10px 0px;
clear:both;
font-weight: bold;
}

.ui-datepicker .ui-datepicker-current-day, .ui-datepicker .ui-datepicker-current-day a{
background-color: #5e004e;
color: #FFFFFF;
}
.ui-datepicker table{
border-collapse: collapse;
border:0px;
}
.ui-datepicker table td{
padding: 5px 10px;
text-align: right;
}
.ui-datepicker table tr:nth-of-type(odd){
background-color: #F0F0F0;
}

.ui-datepicker-unselectable, a.ui-state-disabled{
color:silver;
}



.ui-datepicker-week-col{
font-style: italic;
}

#subpage_text_content_right .cform_container{
background: #f0f0f0;
padding: 2.5% 5%;
text-align: center;
overflow: auto;
}

#subpage_text_content_right form .cform_item.cform_item_type_text{
float: left;
width: 50%;

}

#subpage_text_content_right #form_ffcf1 .cform_item.cform_item_type_text{
float: none;
margin: auto;
}

#subpage_text_content_right form .cform_item{
margin: 1% 0;
}

#subpage_text_content_right form .cform_item.cform_item_type_textarea{
width: 100%;
margin-bottom: 0;
clear: both;
}

#subpage_text_content_right form .cform_item.cform_item_type_textarea textarea{
width: 95%;
max-width: 100%;
clear: both;
padding-top: 2%;
}

#subpage_text_content_right form .cform_item.cform_item_type_textarea textarea,
#subpage_text_content_right form .cform_item.cform_item_type_text input{
border: 1px solid grey;
}


#subpage_text_content_right form .cform_item .cform_form_submit{
float: none;
margin: 0 auto;
width: 50%;
}

#subpage_text_content_right form .cform_item input{
width: 100%;
max-width: 90%;
}


/* TEST */
/*
#hp_courses .box{
width: 28%;
}



#hp_courses .box:nth-of-type(2n), #hp_courses .box.course:nth-child(2n), #hp_courses .box:nth-of-type(2n+1){
clear: none !important;
margin-right:2.5% !important;
margin-left:2.5% !important;
outline: 1px solid Red;

}
*/


#text_additional_show, #text_additional_hide{
  width:auto;
  float:right;
  clear:both;
  border-radius: 2px;

}
#text_additional_show a, #text_additional_hide a{
  padding: 5px 10px;
  color: #FFFFFF;
  cursor:pointer;
}


#image_header{
  width: 100%;
  display: block;
  position: relative;
  min-height: 450px;
  height: 500px;
  height: 40vh;
  background-color: #f0f0f0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: auto;
}

#image_header_none{
  height: 50px;
  width: 100%;
  display: block;
  position: relative;
}

#image_header_claim{
  margin: 8% 13.5% auto auto;
  max-width: 450px;
  padding: 20px;
  color: #FFFFFF;
}
#image_header_claim h1{
margin-top:0px;
padding-top: 0px;
}


.no_image_header #subpage_text_content_left, .no_image_header #subpage_text_content_right{
  margin-top: 0px;
  padding-top: 0px;
}

.gallery_item{
float: left;
width: 30%;
margin: 1% 2.5%;
}

.gallery_item:nth-child(3n+1){
margin-left: 0;
}


.gallery_item:nth-child(3n+3){
margin-right: 0;
}



#articles_list_container_3, #articles_list_container_5{
  display:flex;
  flex-wrap:wrap;
}


/* Ucitele s vedeni clanky */
#articles_list_container_3 .articles_list_item,
#articles_list_container_5 .articles_list_item{
width: 23%;
max-width: 250px;
margin: 0px 2% 4% 0px !important;
text-align: center;
box-sizing: border-box;
display:flex;
flex-direction:column;
}
#articles_list_container_3 .articles_list_item .articles_list_thumb,
#articles_list_container_5 .articles_list_item .articles_list_thumb{
height:auto;
}
#articles_list_container_3 .articles_list_item .articles_list_thumb img,
#articles_art_container_3 .articles_art_thumb img,
#articles_list_container_5 .articles_list_item .articles_list_thumb img,
#articles_art_container_5 .articles_art_thumb img{
  border-radius: 100%;
}

#articles_art_container_3 .articles_art_thumb,
#articles_art_container_5 .articles_art_thumb{
  float:left;
  padding-right: 4%;

}

#articles_list_container_3 .articles_list_thumb ,
#articles_list_container_5 .articles_list_thumb {
  min-height:35%;
}

#articles_list_container_3 .articles_list_text,
#articles_list_container_5 .articles_list_text{
  flex-grow: 1;
}


.search_results_item{
float: left;
width: 100%;
margin: 20px 0;
padding: 30px;
}

.search_results_title{
  font-size: 1.2rem;
  padding-bottom: 5px;
}
.search_results_link{
  padding-top: 5px;
  font-size: 0.8rem;
}

.search_results_item:nth-child(odd){
background: #f0f0f0;
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
    width: auto;
    visibility: visible;
    overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */
    max-width: 100%; /* Not required for horizontal scroll to trigger */
    max-height: 100%; /* Needed for vertical scroll to trigger */
}

.simplebar-content:before,
.simplebar-content:after {
    content: " ";
    display: table;
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: inherit;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0;
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
    position: absolute;
    right: 2px;
    width: 7px;
    min-height: 10px;
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: black;
    border-radius: 7px;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.2s linear;
}

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
    /* When hovered, remove all transitions from drag handle */
    opacity: 0.5;
    transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto;
}

/* Rtl support */
[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0;
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
}





#cookie_eu_bar.cookie_eu_bar{
   line-height: 1.25;
}
body.mobile #cookie_eu_bar.cookie_eu_bar .cookie_eu_container{
   font-size: 14px;
}

#cookie_eu_bar.cookie_eu_bar::before {
  /* background: url('footer_pattern.png') repeat-x left top; */
  height: 49px;
  width: 100%;
  margin-top: -24px;
  display: block;
  position:absolute;
  content: " ";
}
#cookie_eu_bar #cookie_eu_container{
   padding-top: 3rem;   
   
}
#cookie_eu_bar #cookie_eu_container .button{
   letter-spacing: 0.05em;
   line-height: 1.5;
}
#cookie_eu_bar p{
   margin: 1em 0;
}