﻿.responsive {
  width: 100%;
  max-width: 1184px;
  height: auto;
}

.program-param-line
{
    background-color: #7a99ac;
    abc: #f0f2f5;
    border: 1px dotted #dcdcdc;
    border-top: 0;
    padding: 10px 15px 10px 20px;
    line-height: 2;
    display: table;
    width: 100%;
}

.param-label
{
    color: white;
    abc: #8b8f96;
    font-size: 14px;
    margin-right: 3px;
}


.param-value
{
    border: 1px solid #dddddd;
    background-color: #FFF;
    padding: 1px 4px;
    text-transform: uppercase;
    font-size: 12px;
    margin-right: 12px;
}

.param-value:last-of-type
{
    margin-right: 0px;
}

.param-left
{
    float: left;
}

.param-right
{
    float: right;
}

.red-value
{
    background-color: #c20e1a;
    color: #FFF;
    padding: 1px 7px;
    border-color: #ae0c17;
}

.green-value
{
    background-color: #67bb99;
    color: #FFF;
    padding: 1px 7px;
    border-color: #529b7e;
}

.yellow-value
{
    background-color: #dc9425;
    color: #FFF;
    padding: 1px 7px;
    border-color: #bf7e1a;
}

.b-termAkt__img
{
    position: absolute;
    top: 10px; /*vše 20px*/
    bottom: 10px;
    left: 10px;
    right: 10px;
    overflow: hidden;
}
.b-termAkt__img:before
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1;
}
.b-termAkt__img img
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform 0.6s;
    transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
}
.b-term--sm .b-termAkt__img
{
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
}
.b-employee-table__headFA {
	display: block;
	text-decoration: none
}
a.b-employee-table__headFA  {
	text-decoration: underline;
	-webkit-transition: color .3s;
	transition: color .3s;
	text-decoration-color: #1675cf;
	color: #1675cf;
}
a.b-employee-table__headFA:hover {
	color: #000
}
.b-employee-table__headFA {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

@media (min-width: 1440px)
{
    .b-termAkt__img
    {
        top: 40px;
        bottom: 40px;
        left: 40px;
        right: 40px;
    }
}

.b-termAkt__wrap
{
    position: relative;
    z-index: 1; /*background: #fff;*/
    padding: 40px 20px 35px;
    border-radius: 1px;
}
.b-term--sm .b-termAkt__wrap
{
    padding-top: 45px;
    padding-bottom: 40px;
}
.b-term--img .b-termAkt__wrap
{
    background: none;
    box-shadow: none;
}
.b-term--img .b-news__date
{
    color: #fff;
}
.b-term--img .b-news__title
{
    color: #fff;
}

.b-news__linkFA
{
    display: block;
    background: #fff;
    border: 1px solid #e8eaea;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 30px;
    text-decoration: none;
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}
@media (min-width: 768px)
{
    .b-news__linkFA
    {
        min-height: 200px;
        padding: 10px 10px 10px; /*padding: 45px 40px 30px;*/
        position: relative;
    }
    .b-news__linkFA:before, .b-news__linkFA:after
    {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 25px 25px 25px 0;
        border-color: transparent #e8eaea transparent transparent;
        content: '';
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -25px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 0.3s, visibility 0.3s;
        transition: opacity 0.3s, visibility 0.3s;
    }
    .b-news__linkFA:after
    {
        border-color: transparent #fff transparent transparent;
        margin-right: -1px;
    }
    .b-news__linkFA[aria-selected='true']:before,  .b-news__linkFA[aria-selected='true']:after ,   .b-news__linkFA[aria-selected='true']:focus:after
    {
        opacity: 1;
        visibility: visible;
    }
}

/* ------------- */
.b-news__linkFA-b
{
    display: block;
    background: #fff;
    border: 1px solid #080a0a;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 30px;
    text-decoration: none;
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}
@media (min-width: 768px)
{
    .b-news__linkFA-b
    {
        min-height: 200px;
        padding: 10px 10px 10px; /*padding: 45px 40px 30px;*/
        position: relative;
    }
    .b-news__linkFA-b:before, .b-news__linkFA-b:after
    {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 25px 25px 25px 0;
        border-color: transparent #080a0a; transparent transparent;
        content: '';
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -25px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 0.3s, visibility 0.3s;
        transition: opacity 0.3s, visibility 0.3s;
    }
    .b-news__linkFA-b:after
    {
        border-color: transparent #fff transparent transparent;
        margin-right: -1px;
    }
    .b-news__linkFA-b[aria-selected='true']:before,  .b-news__linkFA-b[aria-selected='true']:after ,   .b-news__linkFA-b[aria-selected='true']:focus:after
    {
        opacity: 1;
        visibility: visible;
    }
}

.m-main__link--outline 
{
    border: 3px solid #e4002b;
    	padding-top: 17px;
	padding-bottom: 17px
}

/* ***************************************************************************************
 ******************************************************************************************
 * */
.b-contactFA
{
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
}

@media (min-width: 1024px)
{
    .b-contactFA
    {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.b-hero__contentFA
{
    /*background: url("/img/bg/dots-pattern.svg") repeat #e6efec;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (max-width: 767.98px)
{
    .b-hero__contentFA
    {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
}
@media (min-width: 768px)
{
    .b-hero__contentFA
    {
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: right;
    }
}

.c-employees__subtitle
{
    text-align: center;
    margin-bottom: 20px;
}

.border-t > .c-employees__wrap--table
{
    padding-top: 30px;
}

.c-employees__table-list
{
    border: 1px solid #e8eaea;
    margin-bottom: 30px;
}
.c-employees__table-item + .c-employees__table-item
{
    border-top: 1px solid #e8eaea;
}
@media (max-width: 1023.98px)
{
    .c-employees__table-list
    {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1280px)
{
    .c-employees__table-list
    {
        margin-bottom: 60px;
    }

}

@media (min-width: 768px) and (max-width: 1279.98px)
{
    .c-employees__wrap--table
    {
        max-width: none;
    }
}

@media (min-width: 1280px)
{
    .c-employees__wrap--table
    {
        max-width: none;
    }
    .border-t > .c-employees__wrap--table
    {
        padding-top: 60px;
    }
}

.hrBezMezery
{
    margin-top: 0px;
    margin-bottom: 0px;
}

.b-hero-header__contentFA
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.b-hero-header__contentFA
{
    padding-top: 20px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
}
.b-hero-header__contentFA > *
{
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}
.b-hero-header__contentFA
{
    position: static;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #000;
}

@media (max-width: 767.98px)
{
    .b-hero-header__contentFA
    {
        position: relative;
        padding-top: 40px;
        padding-bottom: 60px;
        padding-bottom: 45px;
    }
}

@media (min-width: 768px)
{
    .b-hero-header__contentFA
    {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media (min-width: 1280px)
{
    .b-hero-header__contentFA
    {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media (min-width: 1440px)
{
    .b-hero-header__contentFA
    {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.b-hero-headerFA
{
    position: relative;
    height: 320px;
}
@media (min-width: 768px)
{
    .b-hero-headerFA
    {
        height: 400px;
    }
}

.gdiv
{
    width: 198px;
    height: 149px;
    position: relative;
    overflow: hidden;
    margin: 0px 3px 3px 0px;
    color: #FDFDFD;
    background-color: black;
    line-height: 17px;
    text-align: left;
    vertical-align: bottom;
    padding: 0px;
    float: left;
    cursor: pointer;
    z-index: 10px;
}

.gstin
{
    width: 198px;
    height: 48px;
    position: absolute;
    z-index: 5;
    top: 101px;
    left: 0px;
    background-color: #000000;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.gtext
{
    width: 800px;
    height: 60px;
    position: absolute;
    z-index: 8;
    top: 104px;
    left: 4px;
    background-color: transparent;
    color: #FDFDFD;
    font-size: 11px;
    line-height: 14px;
}

.b-feature__imgFA
{
    text-align: center;
    position: relative;
    overflow: hidden;
    padding-bottom: 40px;
}
.b-feature__imgFA:before
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    /*background: url(/img/bg/dots-pattern.svg) repeat #e6efec;*/
    margin-top: 33.33333333333333%;
}
.b-feature__imgFA img
{
    max-width: 100%;
    height: auto;
}
@media (min-width:768px) {
.holder--r {
	padding-right: 40px
}
.holder.holder--l {
	padding-left: 40px
}
}
@media (min-width:1440px) {
.holder--r {
	padding-right: 80px
}
.holder--l {
	padding-left: 80px
}
}

.pt130 {
	padding-top: 130px
}
@media (min-width:768px) and (max-width:1279.98px) {
.p130--t {
	padding: 130px
}
}.pt150 {
	padding-top: 150px
}
@media (min-width:768px) and (max-width:1279.98px) {
.p150--t {
	padding: 150px
}
}
.pt170 {
	padding-top: 170px
}
@media (min-width:768px) and (max-width:1279.98px) {
.p170--t {
	padding: 170px
}
}

.tag-itemFA {
    display: inline-block;
    margin: 4px 2px;
    background-color: #7a99ac;
}
.tag-itemFAred {
    display: inline-block;
    margin: 4px 2px;
    background-color: #e4002b;
}
.tag-text {
    color: white;
    font-weight: bold;
    padding: 2px 8px;
}


/** ******************************************************************************************************************************** */
/** ******************************************************************************************************************************** */
/** styly pro StudyArch           ************************************************************************************************** */

.h2-studyarch 
{
    font-weight: 600;font-size: 25px;color: #000000;font-family: 'Open Sans';
font-style: normal; margin-bottom : 0.3em;
}
.fonts-loaded h2-studyarch, .fonts-loaded .h2-studyarch, .fonts-loaded h3, .fonts-loaded .h3, .fonts-loaded h4, .fonts-loaded .h4, .fonts-loaded h5, .fonts-loaded .h5, .fonts-loaded h6, .fonts-loaded .h6 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif
}

.h3-studyarch 
{
    font-weight: 600;font-size: 25px;color: #7A99AC; 
}
.border-b-studyarch {
	border-bottom: 1px solid #bbbbbb
}
.a-studyarch
{
    text-decoration:none;
     color:Black;
}
.a-studyarch:hover {
font-weight: bold;
text-decoration: underline;
}    

.b-hero-header-studyarch {
	position: relative;
	height: 341px
}

#sticky {
	color: #fff;
	position: relative;
	bottom: 0px;
	left: 0px
}
#sticky .form-group {
	margin-bottom: 0px
}
#sticky-top {
	position: relative;
	 text-align:center;
	top: 0px;
	left: 0px
}
#sticky-top .form-group {
	margin-bottom: 0px
}
#sticky.sticky-fixed {
	position: fixed;
	/*padding-top: 5px;*/
	padding-bottom: 5px;
	transition: background 1s, opacity 1s, border 1s;
	z-index: 999;
	background-color: transparent; /*#e4002b;*/
	/*opacity: 0.5;*/
	
}
#sticky-top.sticky-top-fixed {
	position: fixed;
	padding-top: 5px;
	padding-bottom: 5px;
	transition: background 1s, opacity 1s, border 1s;
	z-index: 999;
	background-color: rgba(233,233,233,0.9);
	margin-top: 0px;
	padding: 20px
}

/* styl pro tři fotografie přes stránku */
.trifoto {
    display: flex;
    justify-content: space-between; /* Fotky budou od sebe rovnoměrně rozprostřené */
    gap: 5px; /* Volitelný odstup mezi fotkami */
}

.trifoto img {
    width: 33.33%; /* Každá fotka bude zabírat třetinu šířky */
    height: auto; /* Zachování původního poměru stran */
}

/* Pro menší rozlišení (max-width: 600px) */
@media (max-width: 650px) {
    .trifoto {
        display: block; /* Převedeme layout na vertikální zobrazení */
    }

    .trifoto img {
        width: 100%; /* Fotka zabere celou šířku stránky */
        margin-bottom: 10px; /* Volitelný odstup mezi fotkami na mobilních zařízeních */
    }
}

.hnedyText 
{
    color:#614d45;
}


h3.Vafle {
    font-family: "Vafle", "Open Sans", Arial, Helvetica, sans-serif;
}

.Vafle {
    font-family: "Vafle", "Open Sans", Arial, Helvetica, sans-serif;
}

/** ******************************************************************************************************************************** */
/** ******************************************************************************************************************************** */
/** CSS karusel do hero    ************************************************************************************************** */

.carousel-container {
      position: relative;
      max-width: 800px;
      margin: auto;
      overflow: hidden;
    }

    .carousel-slide {
      display: none;
      width: 100%;
    }

    .carousel-slide img {
      width: 100%;
      height: auto;
    }

    .dots {
      text-align: center;
      position: absolute;
      bottom: 15px;
      width: 100%;
      z-index: 1000;
    }

    .dot {
      cursor: pointer;
      height: 12px;
      width: 12px;
      margin: 0 4px;
      background-color: #bbb;
      border-radius: 50%;
      display: inline-block;
      transition: background-color 0.6s ease;
      pointer-events: auto;
    }

    .active, .dot:hover {
      background-color:#e4002b; /* #717171;*/
    }

/** ******************************************************************************************************************************** */
/** ******************************************************************************************************************************** */
/** styly pro Ukrajinu           ************************************************************************************************** */

.h2-ua
{
    font-size: 22px;color: #000000;font-family: 'Open Sans';
    font-style : normal; margin-bottom : 0.3em;
}
.h3-ua
{
    font-size: 22px;color: #000000;font-family: 'Open Sans';
    font-style : normal; margin-bottom : 0.3em;
}
.fonts-loaded h2-ua, .fonts-loaded .h2-ua .fonts-loaded h3-ua, .fonts-loaded .h3-ua  {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif
}


/** ******************************************************************************************************************************** */
/** ******************************************************************************************************************************** */
/** google search           ************************************************************************************************** */

.gstl_50
{
    margin: 0 0 0 0
}

#gs_id50
{
    margin: 0 0 0 0
}

