html {    /* killing 300ms touch delay in IE */
    -ms-touch-action: manipulation;    touch-action: manipulation;}

body {
    margin:0;    padding:0;font-weight: 300;
    font-size:15px;    font-family: 'Roboto', Arial, sans-serif;    color: #000;
    -webkit-text-size-adjust:100%;    -moz-text-size-adjust:100%;    -ms-text-size-adjust:100%;
}

a {    color:#000;    text-decoration: none;    transition:.2s;}


table td,table th {line-height: 1.5;    padding: 5px 10px;    font-size: 16px;    }
/*ul li{line-height: 1.5; }*/
/*table {border:1px solid #222;}
table td {border:0px solid #222;border-bottom-width: 1px;border-right-width: 1px;    line-height: 1.5;    padding: 5px 10px;
    font-size: 16px;    }
table tr > td:first-child {border-left-width: 1px;}
table tr:first-child > td {border-top-width: 1px;}*/

table th td {  font-weight: 700;}
p {line-height: 1.5;font-size: 16px;margin: 15px 0;}
img {    border: none;}

/* nadpisy */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {   padding:0;    color:#000;    font-family: "PT Sans", Arial, sans-serif;font-weight: bold;}
h1, .h1 {    margin:0 0 40px 0;}
h2, .h2 {    margin:50px 0 60px;font-family: 'Roboto', Arial, sans-serif;    font-weight: 900;}
h3 {    margin:30px 0;}
.h3 {    margin:0 0 40px;}
h4, .h4 {    margin:0 0 15px 0;}
h5, .h5, h6, .h6 {    margin:0 0 15px 0;font-weight: 400;}
h1, .h1 { font-size: 2.6em; }
h2, .h2 { font-size: 2.8em; }
h3, .h3 { font-size: 1.5em; }
h4, .h4 { font-size: 1.25em; }
h5, .h5 { font-size: 1.1em; }
h6, .h6 { font-size: 0.9em; }

/* containers */
.row { padding:25px 0; }
.background  {background-color: #efefef;}
.background-white {background-color: #fff;}
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }
.col { padding: 0 15px; margin: 0; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container { max-width:1470px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.middle { margin:0 auto; }
.fl {float: left;}
.fr {float: right;}
.clear {    margin:0;    padding:0;    clear:both;    visibility:hidden;}
.hidden{display: none;}
header,nav,footer,#footer,.rowParent,.colParent,.colChild,.slideMenu{width:100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a.menuTrigger {    display:none;    width:32px;    height:32px;    background:url(images/bg-menu-trigger.png) no-repeat left top;}

ul.list-style-none {list-style: none;padding: 0;}
ul.mar0 {margin: 0;}
ul.inline > li {position:relative;float: left;}
/* icons */
.icon{    width: 23px;    height: 23px;    fill:#000;}
.rot-90 {    -ms-transform: rotate(90deg); /* IE 9 */    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */    transform: rotate(90deg);}
.flip-horizontal{
    -moz-transform: scaleX(-1);    -webkit-transform: scaleX(-1);    -o-transform: scaleX(-1);
    transform: scaleX(-1);    -ms-fiter: fliph; /*IE*/    filter: fliph; /*IE*/
}
.text-right {text-align: right;}
strong.super{font-weight: 700;}

/* PAGER */
.pager {    clear:both;    margin:20px 0 0 0;    text-align:center;    color:#222222;}
.pager .label {    font-size:1.5em;}
.pager .page {    display:inline-block;}
.pager .page a:not(.button) {   display:inline-block;    padding:3px 10px;    margin:0 2px;    color:#222222;    font-size:1.2em;    text-decoration:none;}
.pager .page:not(.page-active) a:not(.button) { background:#dedede;  }
.pager .page a:hover {    opacity:0.8;}
.pager .page-active a:not(.button) {      color:#fff;}
.pager .page-active a:hover {    opacity:1;}
.pager .prev, .pager .next {    padding:3px 10px;    color:#FFF;    font-size:1.2em;   text-decoration:none;}
.pager .prev:hover, .pager .next:hover {    opacity:0.8;}
.pager .prev {    float:left;}
.pager .next {    float:right;}

/* UI */
.ui-widget, .ui-widget button {
    font-family:'Open Sans', Arial, sans-serif;
}

/* Loading */
#loading { position:absolute; display:none; background:url(images/loading.gif) no-repeat center center #FFF; }


/* --------------------------- form --------------------------- */

/* INPUTS */
input,select,textarea {
    background: #FFFFFF;
    border:1px solid #cecece;
    padding: 5px 7px;
    /*margin:0;*/
    vertical-align: middle;
    /*-webkit-appearance: none;*/
    border-radius: 0;
}

/* BUTTONS */
.btn { font-size: 17px;display:inline-block; border:none; padding:8px 15px; margin:0;  color:#fff;  font-weight: 900; line-height: 100%;
    text-decoration: none; vertical-align: middle; cursor: pointer; white-space: nowrap; -webkit-transition: 0.3s; transition: 0.3s;
    font-family: "Roboto", Arial, sans-serif;}
a.btn {  color:#fff;  }
.btn:hover { text-decoration: none; color:#FFF; background: #000; }
form fieldset legend {font-weight: 700;}


/* --------------------------- header --------------------------- */

header {background: url("images/header-edited.jpg") center top no-repeat;background-size:cover;}
header > .row.topMenu {padding: 0;}
header > .row.headerMain {padding-top: 0;padding-bottom: 15px}
header > .row.headerMain > .colParent {width: 60%;margin:0;padding:0;margin-top: -10px}
header > .row.headerMain > .col {width: 40%;}
header > .row.headerMain > .col > .row {padding: 0;}
header > .row.headerMain > .col > .row:first-child {display:none;}
header > .row.headerMain > .col > .row:nth-child(2) {display:none;}
header > .row.headerMain > .col > .row:first-child > .col {padding:0;}
header > .row.headerMain > .col > .row:last-child > .col {padding-top: 40px;padding-right: 0;}
header > .row.headerMain > .col > .row:last-child > .col.col-no-search {padding-top: 15px;}

#topMenu > ul {float: right;padding-top: 14px;}
#topMenu > ul > li {    transition:.2s;}
#topMenu > ul > li > a {font-family: 'Roboto', Arial, sans-serif;font-size: 12px;font-weight: 700;
    display:block;    padding:2px 15px;   /* height:18px;    line-height:18px;*/}
#topMenu > ul > li > a:not(:hover) {color:#000;}
#topMenu > ul > li:last-child > a {padding-right: 0;}

#topMenu > ul > li:first-child > a {
    color: red;
}

.topMenu.noTopMenu {min-height: 32px; }

/* Logo */
#h1 {   width: 115px;    height: 115px;  margin:0;    padding:0;
    background:url(images/logo-pu.png) no-repeat left top;    background-size:100%;float: left;}
#h1 a {    display:block;    width:100%;    height:100%;}
#h1 a span {    display:none;}

/* Title */
#headerTitle {float: left;    margin-left: 30px;    padding-top: 12px;
    font-family: 'PT Sans', Arial, sans-serif;font-size: 37px;font-weight: 700; }
/* Header title slogan */
#headerTitle .subTitle {    margin-left:3px;    font-size:0.5em;font-weight: 300;display:block;font-family: "Roboto",Arial,sans-serif;}
#headerTitle.noSubtitle{
    padding-top: 31px;
}

/* Top search */
#topSearch {    float:right;    height:21px;    padding:15px 0;}
#searchTrigger{display:none;    height: 43px;    margin-top: -2px;    padding: 0 8px 0 5px;cursor: pointer;}
#topSearchForm { width: 71%;float: right;position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#topSearch input {font-family: 'Roboto', Arial, sans-serif;font-weight: 300;
    margin:0;    padding: 0 50px 0 15px;    width: 100%;
    height:40px;    line-height:40px;
    background:#eeeeee;    border:none;    color:#000;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#topSearch button {
    float: left;    height: 43px;    padding: 0 5px;
    position: absolute;    right: 0px;    top: 0;}
#topSearch button:hover svg {fill:#000}

/* Top langs */
#topLangs {    float:right;    padding: 5px 1px 1px;}
#topLangs ul li {    margin-left:20px;    width:22px;    height:16px;    transition:.2s;}
#topLangs > ul li:hover {    opacity:0.8;}
#topLangs ul li.sk { background:url(images/flags/flag-sk.png) no-repeat left top; }
#topLangs ul li.en { background:url(images/flags/flag-en.png) no-repeat left top; }
#topLangs ul li.ua { background:url(images/flags/flag-ua.png) no-repeat left top; }
#topLangs > ul li a {    display:block;    width:100%;    height:100%;}
#topLangs > ul li a span {    display:none;}
#topLangs > .select-emulator-selected,#topLangs > .select-emulator-btn {display: none;}
#topLangs > .select-emulator-selected{    background-color: #efefef;    border:1px solid #e7e7e7;    border-right-width: 0;
    width:22px;     padding:10px 7px;    float:left;    height:16px}
#topLangs > .select-emulator-selected > ul > li{margin: 0;}
#topLangs > .select-emulator-btn {    background-color: #efefef;    border:1px solid #e7e7e7;    border-left-width: 0;    text-decoration:none;
    text-align:center;    float:left;    height: 38px;    padding: 7px 3px;    width: 25px;   cursor: pointer;}
#topLangs > .select-emulator-btn svg{fill:#0b0b0b;    height: 12px;    width: 12px;}
/* Top social icons */
#topSocialIcons ul li {margin-left:21px;  font-size: 1.45em;}
#topSocialIcons ul li:first-child {margin-left:0;}
#topSocialIcons ul li a:not(:hover){color: #414040;}

/* Responsive menu  */
.slideMenu{display:none;position:absolute;width:40%;z-index:100;top:0px;left:0;background: #fff;padding:0;
    -webkit-box-shadow: 10px 10px 46px -10px rgba(0,0,0,0.62); -moz-box-shadow: 10px 10px 46px -10px rgba(0,0,0,0.62);box-shadow: 10px 10px 46px -10px rgba(0,0,0,0.62);}
.slideMenu > div  {position: relative;}
.allMenuTriggerOpen, .allMenuTriggerClose {    height: 34px;    width: 34px;padding:10px 0;cursor: pointer;}
.allMenuTriggerOpen {padding: 6px 0;}
.allMenuTriggerClose{position: absolute;top:15px;right: 15px;z-index: 101;padding:0px;}
.slideMenu  > div > ul { padding-bottom: 20px;padding-top: 20px;}
.slideMenu > div > ul > li {float:none;line-height:1.2;font-weight: 400;cursor: pointer;}
.slideMenu > div > ul > li a {display: /*inline-*/block;}
.slideMenu > div > ul > li > a{padding: 10px 20px;}
.slideMenu > div > ul > li div > a{padding: 10px 5px;}
.slideMenu > div > ul > li li > a{padding: 10px 20px;}
.slideMenu > div > ul > li > ul, .slideMenu > div > ul > li li > ul {padding: 10px 0;}
.slideMenu > div > ul:not(.col) > li a:not(:hover){color:#000;}
.slideMenu > div > ul:not(.col) > li a.active{font-weight: bold}
.slideMenu > div > ul:not(.col) > li > i{font-size: 2.6em;display: inline-block;padding: 0 20px 10px;box-sizing: border-box;margin-top: -8px;}
.slideMenu > div > ul:not(.col) {display: none}
.slideMenu > div > ul:not(.col):last-child {display: inherit}
/*.slideMenu > div > ul:not(.col) > li a:hover{color:#000;}*/
.slideMenu > div > ul > li a svg{    height: 15px;    padding:0 10px 5px 5px;    vertical-align: middle;    width: 15px;}
.slideMenu > div > ul > li:not(.hasSubmenu) a{display: block;}
/*  horna cast */
.slideMenu > div > ul:first-child > li > a:not(:hover) { color:#000;}
/* spodna cast */
.slideMenu > div > ul.col {font-size:1.3em;}
.slideMenu > div > ul.col > li:not(:hover):not(.active) > a{color:#fff;}
.slideMenu > div > ul.col > li:not(:hover):not(.active) svg{fill:#fff;}
.slideMenu > div > ul.col > li:hover ,.slideMenu > div > ul.col > li.active {background-color:#fff;}
.slideMenu > div > ul > li > .submenu {display:none;font-size: 0.7em;font-weight: 300;background-color: #fff;}
.slideMenu > div > ul > li > .submenu > .col > ul {display: none;}
.slideMenu > div > ul > li > .submenu > .col > ul a {display: block;}
.slideMenu > div > ul > li > .submenu a {color:#000;}
.slideMenu > div > ul > li > .submenu li a:hover {text-decoration: underline;}
.slideMenu > div > ul > li > .submenu .h3{font-size: 1.2em;font-weight: 500;}
.slideMenu > div, .slideMenu > div > ul > li > .submenu,.slideMenu > div > ul > li > .submenu > .col > div,
.slideMenu > div > ul > li > .submenu > .col > ul {margin: 0;}
.slideMenu.right {
    left: initial;
    right:0;
}

/* --------------------------- main menu --------------------------- */
#bodyMainMenu {   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#bodyMainMenu.fixed {    position:fixed;    width:100%;    top:0;    left:0;    z-index:1;}
#pageMainMenu {    padding: 0;    font-family: "Roboto",Arial,sans-serif;}
#pageMainMenu a.menuTrigger {    float:left;}
#pageMainMenu ul {position: relative;}
#pageMainMenu > ul > li {   transition:.2s;position: static;}
#pageMainMenu > ul > li:hover {    background:#fff;}
#pageMainMenu > ul > li > a {    display:block;   height:52px;   line-height:52px;   padding:0 18px;
    color:#fafafa;    font-size: 19px;    font-weight: 700;  text-decoration:none;}
#pageMainMenu > ul > li > a svg{    fill: #fff;    height: 13px;    padding-left: 10px;    vertical-align: middle;    width: 13px;}
#pageMainMenu > ul > li  .submenu {/*margin: 0 15px;*/
    position:absolute;    left:0;    /*top:52px;*/ width: 100%;
    background:#fff;    z-index:100;padding:25px 0;
    /*visibility:hidden;*/    opacity:0;display: none;
    transition:visibility 0s linear 0.2s, opacity 0.2s linear;
    -webkit-box-shadow: 4px 29px 55px -30px rgba(0,0,0,0.44);    -moz-box-shadow: 4px 29px 55px -30px rgba(0,0,0,0.44);    box-shadow: 4px 29px 55px -30px rgba(0,0,0,0.44);}

#pageMainMenu ul li:hover .submenu {    /*visibility:visible;*/  display: inherit;  opacity:1;    transition-delay:0s;}
#pageMainMenu ul li:nth-child(10):hover .submenu, #pageMainMenu ul li:nth-child(11):hover .submenu {margin-top: 52px;}
#pageMainMenu > ul > li  .submenu > .col .h3 {margin: 10px 0; }
#pageMainMenu > ul > li  .submenu > .col {width: 25%;}
#pageMainMenu > ul > li  .submenu.cols-1 > .col {width: 100%;}
#pageMainMenu > ul > li  .submenu.cols-1 > .col:nth-child(1n+1) {clear: both;}
#pageMainMenu > ul > li  .submenu.cols-2 > .col {width: 50%;}
#pageMainMenu > ul > li  .submenu.cols-2 > .col:nth-child(2n+1) {clear: both;}
#pageMainMenu > ul > li  .submenu.cols-3 > .col {width: 33.33%;}
#pageMainMenu > ul > li  .submenu.cols-3 > .col:nth-child(3n+1) {clear: both;}
#pageMainMenu > ul > li  .submenu.cols-4 > .col:nth-child(4n+1) {clear: both;}
#pageMainMenu > ul > li  .submenu > .col {width: 25%;}
#pageMainMenu > ul > li  .submenu > .col a {  display:block; }
#pageMainMenu > ul > li  .submenu > .col ul li a {    padding: 8px 0;     color:#000;
    font-family: "Roboto",Arial,sans-serif;    font-size: 16px;    font-weight: 300;}
/*#pageMainMenu > ul > li  .submenu > .col ul li a:not(:hover) {   color:#000;    }*/
#pageMainMenu > ul > li  .submenu > .col li > a:hover {   text-decoration: underline;    }


/* --------------------------- footer --------------------------- */

footer {background: url("images/footer.jpg")  center bottom no-repeat /*fixed*/;background-size:100%;}
footer > .rowParent  {background:  rgba(255,255,255,0.9) center center no-repeat;background-size:100%; padding: 0;margin: 0;}
footer > .rowParent > .row > .col {width: 20%;}
footer .h3 span{display: none;}
footer ul li{margin: 10px 0;    font-weight: 300;    font-family: 'Roboto', Arial, sans-serif;font-size: 14px;}
footer ul {margin-bottom: 35px;}
footer ul > li > a:not(:hover) { color:#000;}
footer ul > li > a:hover { text-decoration: underline;}

.bottomLogo {position: relative;width: 100%;background-color: #000;line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bottomLogo a.link {
    background: url("images/logo-pu.png") no-repeat center center;    background-size:100%;
    width: 115px;    height: 115px;
    position: absolute;    left:50%;    top:-70px;    transform: translateX(-50%);
}
.bottomLogo a.link span{    display: none;}

#footer, #footer a {color:#fff;font-family: 'Roboto', Arial, sans-serif;font-size: 14px;font-weight: 400;}
#footer a:hover {color:#000;}
#footer > .row > .col {width: 50%;}
#footer > .row > .col:last-child {text-align: right;}


/* --------------------------- homepage --------------------------- */

/* banners */
#banners {position: relative;}
#banners .item {position: relative;height: 470px;background: center center no-repeat;background-size: cover;}
#banners .item > .wide {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
#banners .item > .wide > .row {height: 100%;align-items: flex-end;    -webkit-align-items: flex-end; /* Safari 7.0+ */    display: flex;display: -webkit-flex; /* Safari */}
#banners .item > .wide > .row > .col {float: none;width: 55%;margin: 0 15px 40px;  padding: 0;font-size: 3.6em;}
#banners .item > .wide > .row > .col > a { padding: 20px 30px;display: table;
    background-color: rgba(0,0,0,0.4);color:#fff;font-family: "Roboto", Arial, sans-serif;font-weight: 100;}
#banners .item > .wide > .row > .col strong {font-weight: 900;}
#banners.faculty .item > .wide > .row > .col {width: 100%;text-align: center;}
#banners.faculty .item > .wide > .row > .col > a {background:none;font-size: 1.3em;margin: 0 auto;}


/* info-sections (styri stlpce)*/
.info-sections > .info-sections {display: none;position: fixed;bottom: 0;z-index:100; width: 100%;padding: 0;}
.info-sections > .info-sections > .row.clone {padding: 0;}
.info-sections > .info-sections > .row.clone > .col .title{cursor: pointer;}
.info-sections > .row {padding: 50px 0;}
.info-sections > .row > .col{width: 25%;}
.info-sections > .row > .col.col-3{width: 33.33%;}
.info-sections > .row > .col.col-2{width: 50%;}
.info-sections > .row > .col .title{font-family: "PT Sans", Arial, sans-serif; color: #fff;padding: 13px 17px 15px;margin: 0;font-size: 1.6em;}
.info-sections > .row > .col .title a:not(.button){color: #fff;}
.info-sections > .row > .col .title span{display: none;}
.info-sections > .row > .col .title span svg{fill:#fff;width: 25px;height: 25px;}
.info-sections > .row > .col .image{width: 100%;height: 200px;background: center center no-repeat;background-size: cover;}
.info-sections > .row > .col .body{background-color: #fff;font-family: "Roboto", Arial, sans-serif;
    font-size: 1.04em;    font-weight: 300;    /*line-height: 2.3;*/position: relative;}
.info-sections > .row > .col .body ul {padding: 25px 10px 20px 40px;list-style: none;}
.info-sections > .row > .col .body ul.last {display: none;padding-top:0;margin-top:-20px;}
.info-sections > .row > .col .body ul li:before {line-height: 50px;
    content: ".";    left: -22px;    position: absolute;    /*top: -54px;*/  font-size: 50px;top: -21px;}
/*.info-sections > .row > .col .body ul li:before {background: rgba(0, 0, 0, 0) url("images/dots.svg") no-repeat scroll right center;
    content: " ";    display: block;    height: 10px;    left: -20px;    position: absolute;    top: 10px;    width: 10px;}*/
.info-sections > .row > .col .body ul li {position: relative;padding: 10px 0;}
.info-sections > .row > .col .body a{color: #000;}
.info-sections > .row > .col .body a:hover{text-decoration: underline;}
.info-sections > .row > .col .body svg.icon{bottom: -23px;width: 45px;height: 45px;position: absolute;left:50%;transform:translateX(-50%);cursor: pointer;}
.info-sections > .row > .col .body svg.icon:hover{fill:#000;}
/* pozadie styroch sekcii - obrazky*/
.info-sections > .row > .col .image.image-1{background-image: url("/public/images/i1.png");}
.info-sections > .row > .col .image.image-2{background-image: url("/public/images/i2.png");}
.info-sections > .row > .col .image.image-3{background-image: url("/public/images/i3.png");}
.info-sections > .row > .col .image.image-4{background-image: url("/public/images/i4.png");}
/* pozadie styroch sekcii - obrazky EN verzia*/
.info-sections > .row > .col .image.image-en-1{background-image: url("/public/images/i1-en.png");}
.info-sections > .row > .col .image.image-en-2{background-image: url("/public/images/i2-en.png");}
.info-sections > .row > .col .image.image-en-3{background-image: url("/public/images/i3-en.png");}
.info-sections > .row > .col .image.image-en-4{background-image: url("/public/images/i4-en.png");}

/* aktuality a oznamy */

.newsPanel:not(.announcements) > .row.owl-carousel {padding-bottom: 55px;}
.newsPanel {position: relative;}
.newsPanel > .archive a {float: right;}
.newsPanel .h1{margin: 20px 0 5px;font-weight: 700;}
.newsPanel .h1 .navs{float: right;}
.newsPanel .h1 .navs svg{cursor: pointer;}
.newsPanel .h1 a {    font-size: 13px;    font-weight: 300;    padding-top: 5px;font-family: "Roboto", Arial, sans-serif;float: right;}
.newsPanel .h1 a:not(.btn) {color: #000;}
.newsPanel .h1 a:hover {text-decoration: underline;}
.newsPanel > .content div.item div.image {width:100%;    height:200px;    overflow:hidden;    text-align:center;
    background: center center no-repeat;background-size: cover;
}
/*.newsPanel > .content div.owl-item.opacity {    opacity: 0.4;}
.newsPanel > .content div.owl-item:not(.active) {    opacity: 0.4;}
.newsPanel > .content div.owl-item.active:last-child {    opacity: 0.4;}*/
.newsPanel > .content div.item div.image a {    height:100%; width:100%;}
/*.newsPanel > .content div.item div.image img {    max-width:100%;}*/
.newsPanel > .content div.item div.title a{    font-family: "PT Sans", Arial, sans-serif;font-weight: 700;font-size: 1.3em;}
.newsPanel > .content div.item div.title a:not(:hover){    color:#000;}
.newsPanel > .content div.item div.title a:hover{  text-decoration: underline;}
.newsPanel > .content div.item {    float:none;    width:92%;    box-sizing:border-box;margin:0 auto;}
.newsPanel:not(.announcements)  > .content div.item { /* padding: 15px;*/}
.newsPanel:not(.announcements) > .content div.item div.title {  text-align: center;padding-top: 40px;min-height: 70px;}

/* Oznamy fakulty */

.newsPanel.announcements .h1{margin: -5px 0;}
.newsPanel.announcements > .content div.item {   background-color: #fff;}
.newsPanel.announcements > .content div.title,.newsPanel.announcements > .content div.date {   display: block;padding: 30px 40px;font-family: "PT Sans", Arial, sans-serif;}
.newsPanel.announcements > .content div.date {  font-size: 0.85em;font-family: "Roboto", Arial, sans-serif;}
.newsPanel.announcements  > .content div.item div.image{    height:110px;}

/* kalendar a spol */

.row.calendarsRow {padding: 30px 0;}
.row.calendarsRow > .col {}
.row.calendarsRow > .col.calendar {width: 25%}
.row.calendarsRow > .col.tabs {width: 50%;min-height:335px;}
.row.calendarsRow > .col.tabs.nologos {width: 75%;}
.row.calendarsRow > .col.logos {height:366px;;width: 25%;}
.row.calendarsRow > .col.logos.nocalendar {width: 100%;}
.row.calendarsRow > .col.logos img {max-width:100%;}
.row.calendarsRow > .col.logos a:not(:hover) > img {-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);transition:.2s;}

/* kalendar tabs */

#calendarEventLists {background-color: #fff;padding: 15px 25px;min-height:335px;box-sizing: border-box;}
#calendarEventLists .date {margin-bottom: 10px;}
#calendarEventLists .text {height: 32px;display:table;}
#calendarEventLists .text span {font-size: 1.05em;line-height: 32px;}
#calendarEventLists .text div.btn {margin-right: 5px;font-size: 15px;}
#calendarEventLists .text div.btn.active {font-weight: 900;cursor: text;}
#calendarEventLists .text div.btn:not(:hover):not(.active) {background-color:#414040;}
#calendarEventLists .content > .item {display: none;}
#calendarEventLists .content > .item.active {display: inherit;}
#calendarEventLists .content > .item > .col.fr {padding-right: 0;}
#calendarEventLists .content > .item > .col.fl,#calendarEventLists .content > .item.noImage > .col.fr {padding-left: 0;}
#calendarEventLists .content > .item > .image {width: 30%;height: 150px;background: center center no-repeat;background-size: cover;}
#calendarEventLists .content > .item > .h4:not(.noImage) {width: 70%;}
#calendarEventLists .content > .item > .body:not(.noImage) {width: 70%;}
#calendarEventLists .content > .item > .more {width: 100%;}
#calendarEventLists .content > .item > .more a.btn{padding-left: 25px;padding-right: 25px;}

/* calendar ui-datepicker */
#calendar {    position:relative; }
#calendar .ui-datepicker {    width:100%;    box-sizing:border-box;    border:none;    padding:0;    color:#000;}

#calendar .ui-datepicker .ui-datepicker-header {    background:none;    border:none;    color:#dddddd;    margin: 0;padding: 0;}
#calendar .ui-datepicker .ui-datepicker-title {   color: #fff;    font-size: 1.1em;    font-weight: 700;    line-height: 55px;  margin: 0 14.28%;
    font-family: 'Roboto', Arial, sans-serif;}
#calendar .ui-datepicker .ui-datepicker-header .ui-state-hover {    background:none;    border:none;}
#calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, #calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    width:14.28%;    height:55px;line-height: 55px;    top:0px;    cursor:pointer;border-radius: 0;}
#calendar .ui-datepicker .ui-datepicker-prev{left:0px;border-right: 1px solid #fff;}
#calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover { left:0px;border-right: 1px solid #fff;}
#calendar .ui-datepicker .ui-datepicker-next{right:0px;border-left: 1px solid #fff;}
#calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover { right:0px;border-left: 1px solid #fff;}


#calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon, #calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
    width:22px;    height:22px;    margin:0;    left:50%;    top:50%; transform: translate(-50%,-50%);
    background-position:left top;    background-repeat:no-repeat;}
#calendar .ui-datepicker .ui-datepicker-header .ui-icon {    background:center center;    background-size: 100%;}
#calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {    background-image:url('images/left-white.svg');}
#calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {    background-image:url('images/right-white.svg');}

#calendar .ui-state-default, #calendar .ui-widget-content .ui-state-default, #calendar .ui-widget-header .ui-state-default {
    background:#fff;    color:#000;    border-width: 0;}
#calendar .ui-datepicker table {margin: 0;}
#calendar .ui-datepicker td {padding: 0;border-top: 1px solid #efefef;border-left: 1px solid #efefef;}
#calendar .ui-datepicker td:last-child {border-right: 1px solid #efefef;}
#calendar .ui-datepicker tr:last-child td{border-bottom: 1px solid #efefef;}
/*#calendar .ui-datepicker td:first-child {border-right: 0px solid #efefef;}
#calendar .ui-datepicker tr:first-child td{border-bottom: 0px solid #efefef;}*/
#calendar .ui-datepicker td a{font-family: 'Roboto', Arial, sans-serif;font-size: 0.95em;font-weight: 400;line-height: 55px;    padding:0;    text-align:center;}

#calendar thead {  display: none; }
#calendar table.ui-datepicker-calendar th {    background:#f4f4f4;    padding:0.5em 0.3em;    font-size:1.2em;    font-weight:600;}
#calendar .ui-state-highlight, #calendar .ui-widget-content .ui-state-highlight, #calendar .ui-widget-header .ui-state-highlight {    background:#f4f4f4;}
#calendar .ui-datepicker td.highlight span, #calendar .ui-datepicker td.highlight a {   color:#fff;}

#calendarEventLists div.eventList {    display:none;}

/* logos by kalendar */

.row.calendarsRow > .col.logos > div {background-color: #fff;height: 100%;box-sizing: border-box;padding: 15px 10px;}

/*.enActionLogo{position: relative; padding: 0 28.5%;}
#actionLogo{width: 16em; height: auto}
@media only screen and (max-width: 980px){
    .enActionLogo{position: relative; padding: 0 25%;}
    #actionLogo{width: 150px; height: auto}
}*/

.enCalendarEventImage{
    height: 305px;
    background-image: url("/public/themes/images/logo-pu-cb.png");
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 50%;
}

/* --------------------------- other --------------------------- */

/*#contentMain {    float:right;    width:calc(100% - 200px);    padding:0 0 0 40px;    box-sizing:border-box;}*/

/* Kontext menu */
#kontextMenu {    font-family: "Roboto",Arial,sans-serif;    font-size:12px;    color:#222222;    text-align: right;font-weight: 400;}
#kontextMenu.kontextMenuKatedra {  padding-bottom: 25px;}
#kontextMenu a {    color:#222222;}
#kontextMenu a:hover {   text-decoration: underline;}

/* Content author */
div.contentAuthor {    margin:25px 0 15px;    font-style:italic;font-weight: normal;font-size: 12px;}
div.contentAuthor span.label {    /*margin-right:3px;*/}
div.contentAuthor span.value {    margin-right:3px;}


/* Zoznam clankov search, cele novinky a pod. */
/*div.articleList.row { padding-top: 0;}
div.articleList.row > .col {    padding: 20px;width: 100%; margin: 15px auto;}
div.articleList.row > .col > .image {  height: 90px;width: 90px;float: left;margin-right: 20px;}
div.articleList.row > .col > .image img {max-height: 100%;max-width: 100%;}
div.articleList.row > .col > .content {    float: left;}
div.articleList.row > .col > .content .title {    font-size:1.6em;font-weight: 700;}
div.articleList.row > .col > .content .date {    color:#222;    font-size:0.8em;    margin-top:5px;font-weight: 400;}
div.articleList.row > .col > .content .text p:last-child { margin-bottom: 0;}*/

div.articleList{margin: -25px -15px 0;}
div.articleList > .listItem {width: 25%;padding: 15px; }
div.articleList > .listItem > div {background-color: #efefef;height: 100%;}
.background div.articleList > .listItem > div {background-color: #fff;}
.background-white div.articleList > .listItem > div {background-color: #efefef;}
div.articleList > .listItem .title {padding: 13px 17px 15px;}
div.articleList > .listItem .title a{font-family: "PT Sans", Arial, sans-serif; color: #fff;font-size: 1.6em;font-weight: 700;}
div.articleList > .listItem .title a:hover{color:#000;}
div.articleList > .listItem .image{width: 100%;height: 200px;background: center center no-repeat;background-size: cover;}
div.articleList > .listItem .date {    color:#222;    font-size:0.8em;    margin-top:5px;font-weight: 400;padding: 5px 10px;}
div.articleList > .listItem .body{padding: 5px 10px;font-family: "Roboto", Arial, sans-serif; font-size: 1.04em;    font-weight: 300;    /*line-height: 2.3;*/}

/* Vyhladavanie zamestnancov */
.form-container {padding-top: 15px;}
.form-container .row {padding: 0;}
.form-container .col {padding: 5px 15px;}
.form-container .first .col{width:33.33%;}
.form-container .second .col:first-child{width:45%;}
.form-container .second .col:last-child{width:55%;}
.form-container .third .col{width:50%;}
.form-container .last {text-align: center;}
.form-container input:not(.btn) {width: 68%;}
.form-container select,.form-container textarea {width: 83%;}
table.employeeResult {    width: 100%;margin-bottom: 60px;}
table.employeeResult tr th,table.employeeResult strong {font-weight: 900;}
table.employeeResult tr th,table.employeeResult tr td {    border-width:0;padding: 12px 15px;}
table.employeeResult:not(.detail) tr th {    background-color: #ba014b;    color: #FFFFFF;    text-align: left; padding: 15px;}
table.employeeResult:not(.detail) a:not(:hover) {    color: #000}
table.employeeResult tr.odd td {    background-color: #f7f7f7;}

table.employeeResult.detail,table.employeeResult.detail td{    border-width:0;text-align: left;}

/* photogallery */
.lightbox.row {margin: 0 -15px;}
.lightbox.row .col {width: 20%;padding: 15px;}
.lightbox.row .col img{max-width: 100%;max-height: 100%; width: 100%;}


/* --------------------------- katedry --------------------------- */
.katedraHeader  {position: relative;}
.katedraHeader .h2 {margin: 0;margin-top: 2px;font-size: 2.5em;display: table;}
.katedraHeader .h2 a:not(.btn){color:#000;}
.katedraHeader .menuKatedra {background-color: #eeeeee;padding: 0;margin: 0;border: 1px solid #ddd;cursor: pointer;margin-right: 40px;
    border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;margin-top: 5px;float: left;}
.katedraHeader .menuKatedra .btn{font-size: 14px;margin-top: -18px;padding: 0;font-family: "PT Sans", Arial, sans-serif;padding-right: 10px;}
.katedraHeader .menuKatedra .btn:hover{color:#000;}
.katedraHeader .menuKatedra svg {padding: 6px 8px 2px 10px;}
.katedraHeader .localFB {float: right;margin-left: 40px;}
.katedraHeader .localFB > a:not(.btn){color: #fff;display: block;padding: 12px;background-color: #000;color: #fff;}
/*.katedraHeader .localFB > a:hover{background: none;}*/
#menuKatedra {   top:50px;left:15px;z-index: 90;}
#menuKatedraTriggerClose {    height: 34px;    width: 34px;padding:10px 0;cursor: pointer;position: absolute;top:15px;right: 15px;z-index: 101;padding:0px;}
.katedraContent {padding: 15px;margin: 30px 0 0;}

.fa-1x {font-size: 1.5em;}

.katedraVideofoto {padding-bottom: 35px;}
.katedraVideofoto .h1,.newsPanel.announcements.katedraAktOzn .h1 {margin: 20px 0 10px;    font-weight: 900;font-family: "Roboto", Arial, sans-serif;}
.katedraAktOzn.newsPanel > .content #katedra-akt-ozn >.row {/*margin: 0 -35px;*/} /* robi problem, rozsiruje */
.katedraAktOzn.newsPanel > .content #katedra-akt-ozn >.row > .col {width: 50%;padding: 0 35px;}
.katedraAktOzn.newsPanel > .content #katedra-akt-ozn >.row > .col:first-child {padding-left: 0;}
.katedraAktOzn.newsPanel > .content #katedra-akt-ozn >.row > .col:last-child {padding-right: 0;}
.katedraAktOzn.newsPanel > .content #katedra-akt-ozn > .row > .col > .item {width: 100%;}
.katedraClanky.newsPanel > .archive a {background-color: #000;}

.videogallery {margin-left: -15px;margin-right: -15px;}
.videogallery .col {width: 33.33%;height: auto;}
.videogallery.photogalleryIs {padding-top: 0;margin-top: -10px;}
.katedraClanky .h1 .navs{float: right;}
.katedraClanky .h1 .navs svg{cursor: pointer;}


/*
!* Aktuality a Oznamy *!

.newsPanel.announcements .h1{margin: -25px 0;}
.newsPanel.announcements > .content div.item {   background-color: #fff;}
.newsPanel.announcements > .content div.title,.newsPanel.announcements > .content div.date {   display: block;padding: 30px 40px;font-family: "PT Sans", Arial, sans-serif;}
.newsPanel.announcements > .content div.date {  font-size: 0.85em;font-family: "Roboto", Arial, sans-serif;}
.newsPanel.announcements  > .content div.item div.image{    height:110px;}*/



/* --------------------------- themes --------------------------- */


body {background-color: #ba014b;}

.themeColor > a:hover, a:hover.themeColor  {    color:#000;}
.themeColor,.themeColor > a, a.themeColor,
.themeColorHover:hover,.themeColorHover:hover > a, a:hover.themeColorHover {    color:#ba014b;}
.themeBgColor,.themeColorHoverBG {    background-color:#ba014b;}
.themeFillColor,.themeFillColorHover:hover,.themeColorHover:hover svg,.themeColorHover.active svg{    fill:#ba014b;}

/* fill */

/* logo */
body.ff #h1,body.ff .bottomLogo a.link{ background-image:url(faculty/ff/images/logo-base.png) }
body.gtf #h1,body.gtf  .bottomLogo a.link{ background-image:url(faculty/gtf/images/logo-base.png) }
body.fhpv #h1,body.fhpv .bottomLogo a.link { background-image:url(faculty/fhpv/images/logo-base.png) }
body.fm #h1 ,body.fm .bottomLogo a.link { background-image:url(faculty/fm/images/logo-base.png) }
body.pf #h1,body.pf .bottomLogo a.link { background-image:url(faculty/pf/images/logo-base.png) }
body.pbf #h1,body.pbf .bottomLogo a.link { background-image:url(faculty/pbf/images/logo-base.png) }
body.fs #h1 ,body.fs .bottomLogo a.link { background-image:url(faculty/fs/images/logo-base.png) }
body.fz #h1,body.fz .bottomLogo a.link { background-image:url(faculty/fz/images/logo-base.png) }
body.cex #h1,body.cex .bottomLogo a.link { background-image:url(faculty/cex/cex-base.png) }
body.cvtpu #h1,body.cvtpu .bottomLogo a.link { background-image:url(faculty/cvtpu/images/logo-base.png) }
body.ceezc #h1,body.ceezc .bottomLogo a.link { background-image:url(faculty/ceezc/images/logo.gif) }
body.ceskv #h1,body.ceskv .bottomLogo a.link { background-image:url(faculty/ceskv/images/logo.gif) }
body.eas #h1,body.eas .bottomLogo a.link { background-image:url(faculty/eas/images/logo.gif) }
body.ip #h1,body.ip .bottomLogo a.link { background-image:url(faculty/ip/images/logo.gif) }
body.lptce #h1,body.lptce .bottomLogo a.link { background-image:url(faculty/lptce/images/logo.gif) }
body.cas2 #h1,body.cas2 .bottomLogo a.link { background-image:url(journal/foliageographica/images/Folia_banner.jpg) }
body.foliageographica #h1,body.foliageographica .bottomLogo a.link { background-image:url(journal/foliageographica/images/Folia_banner.jpg) }
body.studiezospecialnejpedagogiky #h1,body.studiezospecialnejpedagogiky .bottomLogo a.link { background-image:url(journal/studiezospecialnejpedagogiky/images/logo.jpg);width: 700px}
body.studiesinspecialeducation #h1,body.studiesinspecialeducation .bottomLogo a.link { background-image:url(journal/studiesinspecialeducation/images/logo-en.jpg) }
body.historiaecclesiastica #h1,body.historiaecclesiastica .bottomLogo a.link,body.en-historiaecclesiastica #h1,body.en-historiaecclesiastica .bottomLogo a.link  { background-image:url(journal/historiaecclesiastica/images/HE_logo.png) }

a:not(.btn) { color:#ba014b; }

a:hover { color:#000; }

/* main menu */
#pageMainMenu > ul > li:hover > a, #pageMainMenu > ul > li > a:active { color:#ba014b;}
#pageMainMenu > ul > li:hover > a svg, #pageMainMenu > ul > li > a:active svg{ fill:#ba014b;}

/* form */
.btn { background: #ba014b;  }
form fieldset legend {color: #ba014b;}
form fieldset {border: 1px solid #ba014b;}

.btn:hover { text-decoration: none; color:#fff; background: #000; }
.btn-blank { color: #000; }
.btn-blank,.btn-blank:hover { background: none; }

/* datepicker */
#calendar .ui-state-highlight, #calendar .ui-widget-content .ui-state-highlight, #calendar .ui-widget-header .ui-state-highlight {    color:#ba014b;}
#calendar .ui-state-default.ui-state-highlight.ui-state-active.ui-state-hover{color:#fff;}
#calendar .ui-datepicker .ui-datepicker-title, #calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
#calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next,#calendar .ui-datepicker td.highlight span,
#calendar .ui-datepicker td.highlight a,#calendar .ui-datepicker td a.ui-state-hover{background-color: #ba014b;}

.katedra__layout {
    background-color: #efefef;
}
.katedra__layout * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
.katedra__layout *:before,
.katedra__layout *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.katedra__layout img {
    border: 0;
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
.katedra__layout .row {
    margin: 0 -12px;
    padding: 0 !important;
}
.katedra__layout .row > .col {
    float: left;
    padding: 0 12px;
}
.katedra__layout .row::before,
.katedra__layout .row::after {
    content: " ";
    display: table;
}
.katedra__layout .row::after {
    clear: both;
}
.katedra__layout .container {
    max-width: 1470px;
    padding: 0 12px;
    margin: 0 auto;
}
.katedra__layout p {
    margin: 0 0 15px 0;
}
.katedra__layout .btn {
    height: 52px;
    line-height: 52px;
    background-color: #2980b9;
    color: #ffffff;
    padding: 0 15px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}
.katedra__layout .photogallery .col {
    margin-bottom: 12px;
}
.layout__header {
    background-color: #ffffff;
}
.layout__title {
    padding: 25px 0;
}
.layout__title h1 {
    margin: 0;
    padding: 0;
    font-size: 2.5em;
    font-weight: bold;
}
.layout__breadcrumbs {
    padding-top: 25px;
    text-align: right;
    font-family: "Roboto",Arial,sans-serif;
    font-size: 12px;
    color: #222222;
    font-weight: 400;
}
.layout__breadcrumbs a {
    font-size: 13px;
    color: #000000 !important;
}
.layout__breadcrumbs a:hover {
    text-decoration: underline;
}
.layout__content {
    padding-top: 25px;
    padding-bottom: 25px;
}
.layout__wrapper {
    background-color: #ffffff;
}
.banners__carousel {
    position: relative;
}
.banners__carousel .dots {
    text-align: center;
    padding-top: 5px;
    line-height: 0px;
    font-size: 0px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}
.banners__carousel .owl-dot {
    display: block;
    margin-right: 10px;
    cursor: pointer;
    float: left;
}
.banners__carousel .owl-dot:last-child {
    margin-right: 0;
}
.banners__carousel .owl-dot span {
    display: block;
    width: 15px;
    height: 15px;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.banners__carousel .owl-dot.active span {
    background-color: #fff;
}
.banners__item {
    position: relative;
}
.banner__title {
    font-family: 'Roboto', sans-serif;
    font-size: 46px;
    color: #ffffff;
    padding: 25px 30px;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 55px;
    left: 25px;
    font-weight: 400;
    max-width: calc(100% - 50px);
}
.news__title {
    padding-bottom: 30px;
}
.news__title h4 {
    padding: 0;
    margin: 0;
    color: #000000;
    font-size: 32px;
}
.news__item {
    margin-bottom: 40px;
}
.new__image {
    padding-bottom: 10px;
}
.new__date {
    font-size: 13px;
    font-weight: 700;
}
.new__title {

}
.new__title h3 {
    margin: 0;
    padding: 0;
}
.new__title h3 a {
    color: #484848;
}
.news__more {
    text-align: right;
    padding-bottom: 20px;
}
.news__more a {
    font-size: 17px;
}
.button {
    margin-bottom: 24px;
}
.button .btn {
    width: 100%;
}
.sidebar__menu > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sidebar__menu > ul > li > a {
    font-size: 15px;
    display: block;
    padding: 10px 16px;
    font-weight: 700;
    color: #494949;
    background-position: right 15px center;
    background-repeat: no-repeat;
}
.sidebar__menu > ul > li > a:hover,
.sidebar__menu > ul > li.active > a {
    color: #ffffff;
}
.sidebar__menu > ul > li.active {
    background-color: rgba(255,255,255,0.2);
}
.sidebar__menu > ul > li > ul {
    list-style: none;
    margin: 0;
    display: none;
    padding: 10px 16px;
}
.sidebar__menu > ul > li.opened > ul {
    display: block;
}
.sidebar__menu > ul > li > ul > li > a {
    font-size: 15px;
    display: block;
    padding: 10px 22px 10px 16px;
    font-weight: 700;
    color: #ffffff;
}
.sidebar__menu > ul > li > ul > li > a:hover,
.sidebar__menu > ul > li > ul > li.active > a {
    background-color: rgba(255,255,255,0.2);
}
.sidebar__menu > ul > li > ul > li > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar__menu > ul > li > ul > li > ul > li > ul {
    margin: 0;
    padding: 0;
}

.sidebar__menu > ul > li > ul > li > ul > li {
    padding: 10px 0 10px 30px;
}
.sidebar__menu > ul > li > ul > li > ul > li > a {
    color: #ffffff;
    text-decoration: none;
}
.sidebar__menu > ul > li > ul > li > ul > li.has-submenu.opened > ul {
    padding-top: 10px;
}
.sidebar__menu > ul > li > ul > li > ul > li > a:hover {
    text-decoration: underline;
}
.sidebar__menu > ul > li > ul > li > ul > li > ul > li {
    padding: 2px 0 2px 30px;
}
.sidebar__menu > ul > li > ul > li > ul > li > ul > li a {
    color: #ffffff;
    text-decoration: none;
}
.sidebar__menu > ul > li > ul > li > ul > li > ul > li.has-submenu.opened > ul {
    padding-top: 10px;
    padding-bottom: 10px;
}

.sidebar__menu > ul > li > ul > li > ul > li > ul > li a:hover {
    text-decoration: underline;
}
.top__right.top__right--sub {
    padding-top: 24px;
}
.top__right h2 {
    margin: 0 0 20px 0;
}



@media (min-width: 769px) {
    .katedra__layout.katedra__layout--1 .layout__top > .row > .col:nth-child(1) {
        width: 35%;
    }
    .katedra__layout.katedra__layout--1 .layout__top > .row > .col:nth-child(2) {
        width: 65%;
    }
}
@media (min-width: 1024px) {
    .katedra__layout.katedra__layout--1 .layout__top > .row > .col:nth-child(1) {
        width: 25%;
    }
    .katedra__layout.katedra__layout--1 .layout__top > .row > .col:nth-child(2) {
        width: 75%;
    }
}
.katedra__layout.katedra__layout--1 .top__left {
    padding: 15px;
}
.katedra__layout.katedra__layout--1 .sidebar__menu > ul > li.has-submenu > a {
    background-image: url("/public/themes/images/arrow-down-black.svg");
}
.katedra__layout.katedra__layout--1 .sidebar__menu > ul > li.has-submenu.opened > a {
    background-image: url("/public/themes/images/arrow-down-white.svg");
    color: #ffffff;
}
.katedra__layout.katedra__layout--1 .sidebar__menu > ul > li.has-submenu > a:hover {
    background-image: url("/public/themes/images/arrow-down-white.svg");
}
.katedra__layout.katedra__layout--1 .top__right {
    padding: 15px;
}
.katedra__layout.katedra__layout--1 .banners {
    padding-bottom: 35px;
}
.katedra__layout.katedra__layout--1 .banners__carousel {
    position: relative;
}
.katedra__layout.katedra__layout--1 .buttons {
    padding-bottom: 60px;
}
@media (min-width: 469px) {
    .katedra__layout.katedra__layout--1 .buttons > .row > .col {
        width: 50%;
    }
}
@media (min-width: 1024px) {
    .katedra__layout.katedra__layout--1 .buttons > .row > .col {
        width: 33.3333333%;
    }
}
.katedra__layout.katedra__layout--1 .button .btn {
    width: 100%;
}
.katedra__layout.katedra__layout--1 .news {
    padding-bottom: 40px;
}
.katedra__layout.katedra__layout--1 .news__title {
    padding-bottom: 45px;
}
.katedra__layout.katedra__layout--1 .news__title h4 {
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 33px;
}
@media (min-width: 469px) {
    .katedra__layout.katedra__layout--1 .news__list > .row > .col {
        width: 50%;
    }
}
@media (min-width: 1024px) {
    .katedra__layout.katedra__layout--1 .news__list > .row > .col {
        width: 33.3333333%;
    }
}
.katedra__layout.katedra__layout--1 .new__date {
    display: none;
}
.katedra__layout.katedra__layout--1 .new__title h3 {
    font-size: 25px;
    color: #484848;
    margin: 0;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}
.katedra__layout.katedra__layout--1 .new__title h3 a {
    color: #484848;
}
.katedra__layout.katedra__layout--1 .content__title {
    padding-bottom: 55px;
}
.katedra__layout.katedra__layout--1 .content__title h3 {
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 33px;
}



@media (min-width: 769px) {
    .katedra__layout.katedra__layout--2 .layout__top > .row > .col:nth-child(1) {
        padding: 0 0 0 12px;
        width: 35%;
    }
    .katedra__layout.katedra__layout--2 .layout__top > .row > .col:nth-child(2) {
        padding: 0 12px 0 0;
        width: 65%;
    }
}
@media (min-width: 1024px) {
    .katedra__layout.katedra__layout--2 .layout__top > .row > .col:nth-child(1) {
        width: 25%;
    }
    .katedra__layout.katedra__layout--2 .layout__top > .row > .col:nth-child(2) {
        width: 75%;
    }
}
.katedra__layout.katedra__layout--2 .sidebar__menu {
    padding: 15px;
}
.katedra__layout.katedra__layout--2 .sidebar__menu > ul > li > a {
    color: #ffffff;
}
.katedra__layout.katedra__layout--2 .sidebar__menu li.has-submenu > a {
    background-image: url("/public/themes/images/arrow-down-white.svg");
    background-position: right 15px center;
    background-repeat: no-repeat;
    display: block;
}

.katedra__layout.katedra__layout--2 .sidebar__menu li.has-submenu > ul {
    display: none;
}

.katedra__layout.katedra__layout--2 .sidebar__menu li.has-submenu.opened > ul {
    display: block;
}

.katedra__layout.katedra__layout--2 .sidebar__menu > ul > li.has-submenu.opened > a {
    color: #ffffff;
}
.katedra__layout.katedra__layout--2 .sidebar__buttons {
    padding: 30px 12px 0 12px;
}
@media (min-width: 769px) {
    .katedra__layout.katedra__layout--2 .sidebar__buttons {
        padding: 30px 12px 30px 24px;
    }
}
.katedra__layout.katedra__layout--2 .buttons > .row > .col {
    width: 100%;
}
.katedra__layout.katedra__layout--2 .content__title {
    display: none;
}
.katedra__layout.katedra__layout--2 .content__content {
    padding: 30px 24px 30px 12px;
    font-size: 15px;
}
.katedra__layout.katedra__layout--2 .news {
    padding: 0 24px;
}
@media (min-width: 469px) {
    .katedra__layout.katedra__layout--2 .news__list > .row > .col {
        width: 50%;
    }
}
@media (min-width: 769px) {
    .katedra__layout.katedra__layout--2 .news__list > .row > .col {
        width: 33.3333333%;
    }
}
.katedra__layout--2 .sidebar__menu ul {
    list-style: none;
}


@media (min-width: 769px) {
    .katedra__layout.katedra__layout--3 .layout__top > .row > .col:nth-child(1) {
        width: 33.3333333%;
        float: right;
    }
    .katedra__layout.katedra__layout--3 .layout__top > .row > .col:nth-child(2) {
        width: 66.6666666%;
    }
}
.katedra__layout.katedra__layout--3 .top__left {
    padding: 12px;
}
@media (min-width: 769px) {
    .katedra__layout.katedra__layout--3 .top__left {
        padding: 24px 24px 24px 0;
    }
}
.katedra__layout.katedra__layout--3 .top__right {
    padding: 12px;
}
@media (min-width: 769px) {
    .katedra__layout.katedra__layout--3 .top__right {
        padding: 24px 0 24px 24px;
    }
}
.katedra__layout.katedra__layout--3 .sidebar__menu {
    padding: 15px;
}
.katedra__layout.katedra__layout--3 .sidebar__menu > ul > li > a {
    color: #ffffff;
}
.katedra__layout.katedra__layout--3 .sidebar__menu > ul > li.has-submenu > a {
    background-image: url("/public/themes/images/arrow-down-white.svg");
}
.katedra__layout.katedra__layout--3 .sidebar__menu > ul > li.has-submenu.opened > a {
    color: #ffffff;
}
.katedra__layout.katedra__layout--3 .sidebar__news {
    margin-top: 24px;
}
.katedra__layout.katedra__layout--3 .banners {
    padding-bottom: 24px;
}
@media (min-width: 769px) {
    .katedra__layout.katedra__layout--3 .buttons > .row > .col {
        width: 50%;
    }
}
@media (min-width: 1024px) {
    .katedra__layout.katedra__layout--3 .buttons > .row > .col {
        width: 33.3333333%;
    }
}
.katedra__layout.katedra__layout--3 .button {
    margin-bottom: 12px;
}
@media (min-width: 769px) {
    .katedra__layout.katedra__layout--3 .button {
        margin-bottom: 22px;
    }
}
.katedra__layout.katedra__layout--3 .news__title {
    display: none;
}
.katedra__layout.katedra__layout--3 .content__title {
    display: none;
}






@media (min-width: 769px) {
    .katedra__layout.katedra__layout--4 .layout__top > .row > .col:nth-child(1) {
        width: 33.3333333%;
        float: right;
    }
    .katedra__layout.katedra__layout--4 .layout__top > .row > .col:nth-child(2) {
        width: 66.6666666%;
    }
}
.katedra__layout.katedra__layout--4 .top__left {
    padding: 12px;
}
@media (min-width: 769px) {
    .katedra__layout.katedra__layout--4 .top__left {
        padding: 24px 24px 24px 0;
    }
}
.katedra__layout.katedra__layout--4 .top__right {
    padding: 12px;
}
@media (min-width: 769px) {
    .katedra__layout.katedra__layout--4 .top__right {
        padding: 24px 0 24px 24px;
    }
}
.katedra__layout.katedra__layout--4 .sidebar__menu {
    padding: 15px;
}
.katedra__layout.katedra__layout--4 .sidebar__menu > ul > li > a {
    color: #ffffff;
}
.katedra__layout.katedra__layout--4 .sidebar__menu > ul > li.has-submenu > a {
    background-image: url("/public/themes/images/arrow-down-white.svg");
}
.katedra__layout.katedra__layout--4 .sidebar__menu > ul > li.has-submenu.opened > a {
    color: #ffffff;
}
@media (min-width: 769px) {
    .katedra__layout.katedra__layout--4 .buttons > .row > .col {
        width: 50%;
    }
}
@media (min-width: 1024px) {
    .katedra__layout.katedra__layout--4 .buttons > .row > .col {
        width: 33.3333333%;
    }
}
.katedra__layout.katedra__layout--4 .button {
    margin-bottom: 12px;
}
@media (min-width: 769px) {
    .katedra__layout.katedra__layout--4 .button {
        margin-bottom: 22px;
    }
}
.katedra__layout.katedra__layout--4 .news__title {
    display: none;
}
@media (min-width: 469px) {
    .katedra__layout.katedra__layout--4 .news__list > .row > .col {
        width: 50%;
    }
    .katedra__layout.katedra__layout--4 .news__list > .row > .col:nth-child(2n+1) {
        clear: both;
    }
}
.katedra__layout.katedra__layout--4 .content__title {
    display: none;
}
hr {
    margin: 0;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}
@media (min-width: 769px) {
    .katedra__contacts .col {
        width: 50%;
    }
}
.group__title h2 {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.contacts__item hr {
    margin-bottom: 15px;
}
.contacts__item img {
    position: relative;
    margin: 0;
    float: right;
    padding-left: 10px;
}
.top__right.top__right--sub div.articleList > .listItem {
    width: 50%;
    margin-bottom: 20px;
}

ul.intranetDocuments.custom {
    list-style: none;
}

ul.intranetDocuments.custom li {
    position: relative;
}
ul.intranetDocuments.custom li:before {
    content: '';
    position: absolute;
    left: -19px;
    top: 2px;
    width: 12px;
    height: 12px;
    background-color: #00da69;
    /*background-color: #1a8000;*/
    border-radius: 10px;
}
ul.intranetDocuments.custom li.deactive:before {
    background-color: #e74848;
}

/* Custom */

.open-link {
    padding: 20px;
    cursor: pointer;
    width:280px;
    margin-top: 30px;
    margin-left: 30px;
    margin-bottom: 30px;
    text-align:center;
    -webkit-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.75);
    font-weight: bold;
    background: #993300;
    color: #fff !important;
    border-radius: 10px;
    border: 1px solid #999;
    font-size: 20px;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition:all  .7s ease-in-out;
    transition: all .7s ease-in-out;
}

.open-link:hover {
    -webkit-transform: scale(1.1) !important;
    -ms-transform: scale(1.1) !important;
    transform: scale(1.1) !important;
}

.katedra__layout.katedra__layout--2 .sidebar__menu, .katedra__layout.katedra__layout--3 .sidebar__menu, .katedra__layout.katedra__layout--4 .sidebar__menu, .katedra__layout.katedra__layout--1 .sidebar__menu > ul > li.has-submenu.opened, .katedra__layout.katedra__layout--1 .sidebar__menu > ul > li.active {
    background-color: #ba014b;
}

.sidebar__menu > ul > li > a:hover {
    color: #ba014b;
}

.katedra__layout.katedra__layout--1.katedra__layout--rektorat .sidebar__menu > ul > li > a:hover {
    background-color: #ba014b;
}
.katedra__layout.katedra__layout--1.katedra__layout--rektorat .news__title h4,
.katedra__layout.katedra__layout--1.katedra__layout--rektorat .content__title h3 {
    color: #ba014b;
}
.katedra__layout.katedra__layout--2.katedra__layout--rektorat .sidebar__menu,
.katedra__layout.katedra__layout--3.katedra__layout--rektorat .sidebar__menu,
.katedra__layout.katedra__layout--4.katedra__layout--rektorat .sidebar__menu,
.katedra__layout.katedra__layout--1.katedra__layout--rektorat .sidebar__menu > ul > li.has-submenu.opened,
.katedra__layout.katedra__layout--1.katedra__layout--rektorat .sidebar__menu > ul > li.active {
    background-color: #ba014b;
}