* {
padding: 0;
margin: 0;
}
*, *:before, *:after {
box-sizing: border-box;
}
.clear {
clear: both;
height: 0;
}
ul {
list-style: none;
}
a {
text-decoration: none;
color:   #e40d3a;

}
img {
pointer-events:none;
}
body {
line-height: 180%;
font-size: 14px;
width: 100%;
height: 100%;

font-family: "Kumbh Sans", sans-serif;
background: #fff;
color: #1f2334;
font-weight:400;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-text-stroke:1px transparent;
}
p {
  display: block;
  padding: 5px 0
}

ol {

}
ol li {
  counter-increment: muffins;
padding: 5px 0;
margin-left: 35px;
position: relative;

}
ol li:before {
  content: counter(muffins) ". ";
  font-size: 18px;
  font-weight: bold;
    padding-right: 15px;
    position: absolute;
    top: 5px;
    left: -25px
}
ol {
  list-style: none;
  counter-reset: muffins;
}

h1, h2, h3, h4 {
font-weight:300;
text-transform: uppercase;

}
h1 {
  font-size: 50px;
  line-height: 110%
  }
  h2 {
    font-size: 35px;
      line-height: 110%
  }

  .flex {
    display: flex;
  }
  .betw {
    justify-content: space-between;
  }
  .cent {
    align-items: center;
  }
  .start {
    align-items: flex-start;
  }
  .grid {
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
   grid-auto-flow: column;
  }
.str0 {stroke:rgba(255,255,255,0.2);stroke-width:1.38;stroke-miterlimit:2.61313}
    .fil0 {fill:none}
.dot {
  fill: #e40d3a
}
.dblue {
  fill:  #4D536F;
  z-index: 500
}
.header {
position: relative;
background: #4D536F;
min-height: 350px;
overflow: hidden;
height:100vh;
}
.header svg {
  position: absolute;
  top: -25%;
  left: -3%;
  z-index: 100;

}
.header_inner {
  padding:0;
}

.top {
position: relative;
z-index: 3500;
  padding: 0 30px;

}
.logo {
  padding-right: 30px;
  padding-top: 30px
}
.logo img {
  display: inline-block;
  vertical-align: middle;
}
.logo img.opa {
  opacity: 0.3;

  max-width: 70px;
  height: auto;
  margin-right: 15px
}
.sticky-wrapper .menu {
  -webkit-transition: text-align .3s ease-in-out;
    -moz-transition:    text-align .3s ease-in-out;
    -o-transition:      text-align .3s ease-in-out;
    -ms-transition:     text-align .3s ease-in-out;
    transition:         text-align .3s ease-in-out;
}
.is-sticky .menu  {
  width: 100%;
  background: #4D536F;
right: 0;
  text-align: center;
  z-index: 1200
}
.menu {

z-index: 600;

}

.menu.fixed {
  position: fixed;
  width: 100%;
  background: #4D536F;
  top: 0;
  left: 0;
  z-index: 4500;
  padding: 20px;
  text-align: center;
}
.menu ul li {
  display: inline-block;
  padding: 5px 15px;
  color: #fff;
  font-weight: 600;
  font-size: 18px;

}

.menu ul li a {
  color: #fff;
  font-weight: 600;
  font-size: 18px;

}

.menu ul li.parent {
  position: relative;
  cursor: pointer;
}
.menu .main {
  position: absolute;
  z-index: 900;
  top: 50px;
  padding: 15px 25px;
  border-radius: 10px;
  background: #e40d3a;
  min-width: 200px;
  display: none;
}

.menu.fixed .main.isopen  {
  text-align: left;
}
.menu .main.isopen {
  display: block;
}
.menu .main li a {
  font-size: 15px;
  text-transform: none;
  display: block;
}
.menu .main li {
  display: block;
  line-height: 120%;
  padding: 10px 0
}
.mobmenu {
  display: none;;

}


.texttop {

  color: #fff;
  width: 30%;
  padding-left: 10%;
  position: relative;
  z-index: 220;

}
.tmain {
  font-size: 85px;

  line-height: 90%
}
.submain {
  font-size: 20px;
  display: block;
    padding-top: 30px;
      line-height: 120%;
}
.fmain {
  font-size: 15px;
display: block;
    line-height: 120%;

}

.galt {
  width:100%;
  position: relative;


}
.imgstop {
  width: 60%;


  position: relative;
  z-index: 0;

}
.galt .front_img, .galt .slide, .galt {
  height: 100vh;
}
.slidesy {
display: flex;

  overflow: hidden;
}

.sslide {
  min-width: 80px;
  flex: 1 1;
  transition-property: flex-grow;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
overflow: visible;
cursor: pointer;
}

.sslide.is-extended {
  flex: 100 1;

}


.imgtop img, .image-container img, .front_img img {
  width: 100%;
height: 100%;
object-fit: cover;
-o-object-fit: cover;
}
.imgstop:before {
  width: 450px;
  height: 450px;
  border-radius: 100%;
  background: #e40d3a;
  z-index: -10;
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  left: -150px
}
.gal {

  width: 560px;
position: relative;

}
.gal .slideshow, .gal .front_img, .gal .slide {
  height: 700px;
}
.galt .front_img {
  position: relative;
}
.topimgtext {

  transform: rotate(90deg) translateY(-100%);
  -o-transform: rotate(90deg) translateY(-100%);
  -ms-transform: rotate(90deg) translateY(-100%);
  -webkit-transform: rotate(90deg) translateY(-100%);
   transform-origin: left;
position: absolute;
top: 20px;
left: 10px;
   white-space: nowrap;
width: 100%;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;

}
.sslide.is-extended .topimgtext {
  transform: rotate(0deg) translateY(0);
  -o-transform: rotate(0deg) translateY(0);
  -ms-transform: rotate(0deg) translateY(0);
  -webkit-transform: rotate(0deg) translateY(0);
   transform-origin: left;
   white-space: normal;
   top: 50px;
   left: 50px;
   width: 80%;
   display: block;
}
.topimgtext .snaziv {
  text-shadow: 0 0 3px rgba(0,0,0,.7)
}
.sslide.is-extended .topimgtext .snaziv {
  width: 100%
}
.sslide.is-extended .topimgtext .readmore {
  padding-left: 0;
  margin-top: 15px;
}
.block_info {
  padding-top: 80px;
}
.topimgtext .readmore {
  padding-left: 15px;
  margin-top: 0;
  white-space: nowrap;
}
.topimgtext .readmore a {
  font-size: 13px
}
.topimgtext .readmore a:hover {
  color: #fff;
  border: 1px solid #fff
}
.dotinfo {
  width: calc(100% - 570px);
  padding-left: 200px;

}
.dotinfo h1 {

  max-width: 300px;
  line-height: 110%;
  padding-bottom: 50px;
}
.dotinfo ul {
  padding-left: 50px;
}
.dotinfo ul li {
  font-size: 16px;
  font-weight: 600;
  padding: 5px 5px 5px 35px;
  position: relative;
}
.dotinfo ul li:before {
  content: "";
  background: #e40d3a;
  margin-right: 20px;

  width: 15px;
  height: 15px;
  display: inline-block;
border-radius: 50px;
position: absolute;
top: 10px;
left: 0
}
.wrapper {
  width: 1400px;
  margin: 0 auto;
}

.progs {
  padding: 200px 0 80px 0;

}
.progs_inner .progsi {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
align-items: flex-start;
}
.progs h1 {

  padding-bottom: 80px;
  text-align: center;
}
.prog {
border-radius: 35px;
background: #e4e4e4;
  width: 31%;
  min-width: 320px;
  padding: 35px 35px 70px 35px;
position: relative;
  margin: 40px 1%;
}
.progsis {


}
.progsi .subsi.has-submenu.level-1 > a .progtxt {
  font-size: 23px;
  font-weight: 300;
  line-height: 110%;
width: 100%
}
.progsi .subsi.has-submenu.level-1 > a .progtxt  {
  display: flex;
  align-items: center;
}

.progsi .subsi.has-submenu.level-1 > a .progtxt .minimore {
background: #e40d3a;
padding: 10px 20px;
border-radius: 30px;
color: #fff;
font-weight: 700;
display: inline-block;
line-height: 110%
}


.prog  .readmore  {
  position: absolute;
  bottom: 30px;
  right: 20px;

  margin: 0
}
.prog h4 {
  font-size: 30px;
  font-weight: 300;
padding-bottom: 20px;
padding-top: 15px;
  color: #4D536F;
line-height: 110%
}
.prog .short {
  padding-top: 15px;
  font-size: 13px
}

.prog img.abs  {
  position: absolute;
  top:-30px;
  z-index: 102;
  left: 50%;
  transform: translate(-50%,0);
  display: block;
  max-width: 60px
}
.progsi .subsi {
  line-height: 110%;
  padding: 10px 0
}
.progsi .subsi a {
  text-transform: uppercase;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: space-between;
color: #4D536F;
}
.progsi .subsi a span.progtxt {
width: calc(100% - 100px);
}

.readmore {
  display:block;

margin-top: 15px;
}
.readmore a {
  color: #fff;
  background: #e40d3a;
  padding: 10px 15px;
  font-weight: 700;
  border-radius: 30px;
  border:1px solid #e40d3a;
  transition: all 0.7s cubic-bezier(0.4, 0, 0, 1);
    -moz-transition: all 0.7s cubic-bezier(0.4, 0, 0, 1);
    -webkit-transition: all 0.7s cubic-bezier(0.4, 0, 0, 1);
    -o-transition: all 0.7s cubic-bezier(0.4, 0, 0, 1);
}
.readmore a:hover {

  background: none;
  color: #e40d3a;
}
.minimore {
  color:#e40d3a;
  font-size: 12px;
text-transform: none;
font-weight: 400;
  display: block;
}

.par {
  text-transform: uppercase;
  font-size: 12px;
  color: #e40d3a
}
.news {
  background: #4D536F;

}
.news h1 {
  color: #fff;
  text-align: center;
}
.news_inner {
  padding: 150px 0;
  width: 1400px;
  margin: 0 auto;
}
.news_inner .subtitle {
  text-align: center;
  color: #e40d3a;
  text-transform: uppercase;
}
.arrowgo i {

width: 40px;
height: 40px;
border-radius: 50px;
border: 1px solid #e40d3a;
text-align: center;
padding: 12px;
font-size: 16px;
background: #e40d3a;
color: #fff;
transition: all 0.7s cubic-bezier(0.4, 0, 0, 1);
  -moz-transition: all 0.7s cubic-bezier(0.4, 0, 0, 1);
  -webkit-transition: all 0.7s cubic-bezier(0.4, 0, 0, 1);
  -o-transition: all 0.7s cubic-bezier(0.4, 0, 0, 1);
}
.arrowgo i:hover {
color: #e40d3a;   background: none;
}
.single_news {
  padding: 60px 0;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  display: flex;
  flex-flow: row;
  align-content: stretch;
justify-content: space-between;
align-items:  baseline
}
.wrapper > * {

  flex: 1 100%;
}

 .date {

  font-size: 12px;
  font-style: italic;
  color:  #e40d3a;
  line-height: 160%;

}
.single_news .date {
  padding-right: 50px;
  width: 120px;
color: #fff;
}
.single_news .news_title {
  width: 30%;
}
.single_news h4 {
  padding-right: 50px;

  color: #fff;
  font-size: 22px;
  font-weight: 600
}
.single_news .short {
  padding: 0 50px 0 0;

display: block;
color: #fff;
font-size: 13px;
line-height: 180%;
width: calc(70% - 270px)
}
.newsall  {

}

.newsall .single_news .short, .newsall .single_news h4 {
    color: #1f2334
}
.newsall .single_news .date  {
  color:  #e40d3a;
}
.newsall .single_news {
  border-bottom: 1px solid #4D536F
}
.footer {
  position: relative;
  overflow: hidden;
}
.footer:before {
  background: #e40d3a;
  width: 350px;
  height: 350px;
  border-radius: 550px;
  position: absolute;
  left: -10%;
  top: 20%;
  content: "";
  z-index: -1

}
.footer_inner {
  padding: 100px 0 50px 0;
  width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-flow: row;
  align-content: stretch;
justify-content: space-evenly;
align-items: flex-start;

}

.footer  .icons a{
color: #1f2334;
font-size: 30px;
padding: 5px
}
.footer .name {
  font-weight: 700;
  font-size: 16px
}
.footer_inner img {
  width: 80px;
  height: auto;
  padding-right: 15px
}
.header.red {
  height: auto;

}
.header.red .topimg {
  width: 60%;
min-height: 550px;
  position: relative;
}

.header.red  .ttag:before {
  content: open-quote;
  font-size: 350px;
  display: inline-block;
  position: relative;
top: 200px;
left: -50px;
  color: #666b82;
  font-family:  fantasy;
  z-index:1
}
.ttag_inner {
  position: relative;
  z-index: 20;
}
.header.red .ttag {
  position: relative;
font-size: 13px;
font-style: italic;
padding-left: 50px;
width:300px;

color: #fff;
}

.header.red .head_bellow {

  color: #fff;
  width: 100%;
  padding: 0px;
  text-align: center;
  font-size: 9px;

text-align: left;
}
.topimg img{
object-fit: cover;
-o-object-fit: cover;
width: 100%;
height: 100%;
}

.introparent {
  font-size: 18px;
  font-weight: 700;
text-transform: uppercase;
}
.header.red .headwr {
  padding: 2% 20px;

  position: relative;
  z-index: 22
}
.headtext {
  width:40%;
  padding:5%
}
.headtext.parent {
  width: 1000px;
  margin: 0 auto;
text-align: center;
  font-size: 55px
}
.header.red .headwr span {
  font-size: 13px;
  display: block;
  line-height: 110%;
  padding-bottom: 20px
}
.header.red .topicon {
  position: absolute;
  left: 50%;
  bottom: -12%;
  top: auto;
  z-index: 500;
  text-align: center;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}
.wrapper.red, .wrapper.red2 {
  width: 1000px;
  margin: 0 auto;

  position: relative;
}
.wrapper.red {
    padding: 120px 0 50px 0;
}
.wrapper.red2 {
    padding:0;
    min-height: 300px
}
.overview h2 {
  padding-bottom: 30px
}
.subjects h2 {
  padding-top: 30px
}
.subs table tbody  td {
  border-bottom: 1px  solid #4D536F;
}
.subs table td.sname {


  line-height: 110%;
  padding: 10px 30px 10px 0
}

.subs table td.sstcs {
  text-align: center;
}
.semester h3 {
  font-size: 22px;
  padding: 0px 0 15px 0;
}
.semester h4 {
  font-size: 16px;
  padding-top: 20px;
}
.subjects h2 {
  padding-bottom: 20px;
}
.subs table thead td {
  font-weight: 600
}
.mand, .extra {

width: 47%
}
.mand table, .extra table {
  width: 100%
}
.subjects {
  padding-bottom: 100px;
}
.subs {
  display: none;
}
.subs.open {
  display: block;
}
.coursenav h3 {
  display: inline-block;
  padding-right: 30px;
}
.coursenav h3 a {
  color:  #4D536F;
}

.coursenav h3 a:hover, .coursenav h3 a.live {
  color:   #e40d3a;
}
.fond  {
  text-align: center;
  padding: 50px 20px
}
.fond img {
  display: block;
  margin: 0 auto;
}
.wrapper.red h4 {
  font-size: 20px
}
.wrapper.red h2 {
  padding-bottom: 30px;
  line-height: 130%
}
.wrapper.red .file {
  margin-top: 30px;
}
.wrapper.red .file a {
  background: #e40d3a;
  padding: 5px 10px;
  border-radius: 30px;
  color: #fff
}

.head_bellow .subtitle  {
  color: #e40d3a;
  font-size: 18px;
  padding: 0px 10px;
  font-style: italic;
  line-height: 100%
}
.wrapper.red .lngv {
position: absolute;
right: 20px;
top: 20px;
}
 .butt {
  margin-top: 15px;

}
.butt a {
  background: #e40d3a;
  padding: 10px 20px;
  border-radius: 30px;
  color: #fff;
  font-weight: 700

}
.block {
  padding: 50px 0
}
.block.atop {
  padding: 100px 0
}
.block.atop .half {
  vertical-align: top
}
.block.cent .half {
  vertical-align: middle
}
.block.learn {
  padding: 100px 0;
  justify-content: space-between;
}

.block .half {

  width: 47%;

}
.block .half.img {

}

.block.feat {
  background: #e4e4e4;
  padding: 50px;
  margin-bottom: 50px;
  border-radius: 35px
}
.block:not(.boto) .half img {
  object-fit: cover;
    -o-object-fit: cover;
  width: 100%;
  height: 100%;
}
.block.boto .half {
  height: auto;

}
.block.boto .half img{
  height: auto;
  max-width: 100%
}


.block ul li {
  font-size: 15px;

  padding: 10px 5px 10px 40px;
  position: relative;

}
.block ul li:before {
  content: "";
  background: #e40d3a;
  margin-right: 20px;
margin-top: 12px;
  width: 10px;
  height: 10px;
position: absolute;
top: 5px;
left: 10px;
border-radius: 50px;

}
.block h2 {
  padding-bottom: 15px
}
.video {
  position: relative;
display: block;
  margin-bottom: 50px
}
.video video {
position: relative;

z-index: 90;
width: 100%;
height: auto;

}
.vimg {
  position: absolute;
  top:0;
  left: 0;
height: 100%;
    width: 100%;
    z-index: 100
}
.vimg img {
  object-fit: cover;
  -o-object-fit: cover;
  width: 100%;
  height: 100%;

    z-index: 1500;
}

.textich  {
  color: #fff;
cursor: pointer;
background: #E40D3A;
padding: 10px;
border-radius: 25px;
font-weight: 700;
position: absolute;
top:50%;
left: 50%;
z-index: 130;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
display: flex;
align-items: center;
}

.textich i {
  font-size: 30px;
padding-right: 10px
}
.tag {
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 700;
  padding: 25px 0;

}


.direction {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 60px 0;
  border-bottom: 1px solid #4D536F
}
.s_img {
  height: 150px;
  position: relative;
  width: 150px;

}
.sy_img {
  height: 80px;
  position: relative;
  width: 80px;
display: block;
}

.s_img img, .sy_img img {
  object-fit: cover;
  -o-object-fit: cover;
  width: 100%;
  height: 100%;
border-radius: 100%;
    display: block;
}
 .naslov {
     padding:  0 50px;
     width: calc(100% - 300px)
 }
 .naslov h4 {

text-transform: uppercase;
font-weight: 700;
font-size: 30px;
  line-height: 120%;
  padding-bottom: 10px

}
 .naslov h4 a {
   color: #1f2334
 }
.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 120;
  background: rgba(32, 37, 77, .6)
}
.direction .readmore {
white-space: nowrap;
}


.name, .short {
  line-height: 120%;
  display: flex;
  font-size: 12px;
  padding: 5px 0
}
.name span.label, .short span.label {
  font-weight: 800;
  padding-right: 10px;
  width: 120px;
  display: block;
}

.name span.aname, .short span.aname {

  width:calc(100% - 130px);
  display: block;
}
.othwr {
  margin-top: 60px
}
.other {
  padding: 30px;
  margin: 30px 0;
background: #e4e4e4;
border-radius: 35px
}
.other a {
  padding: 10px;
    line-height: 120%;
}

.other .progtxt {
padding-top: 10px;
display: block;
  color: #1f2334;
  font-weight: 600;
  text-transform: uppercase;
}

.newimg {
  padding: 20px 0;
  max-width: 100%;
  height: auto;
}