@font-face {
  font-family: 'vafle';
  src:url("https://vut.cz/i/www_base/fonts/vafle_regular_vb.eot");
  src:url("https://vut.cz/i/www_base/fonts/vafle_regular_vb.eot") format("embedded-opentype"),
      url("https://vut.cz/i/www_base/fonts/vafle_regular_vb.woff2") format("woff2"),
      url("https://vut.cz/i/www_base/fonts/vafle_regular_vb.woff") format("woff"),
      url("https://vut.cz/i/www_base/fonts/vafle_regular_vb.ttf") format("truetype"),
      url("https://vut.cz/i/www_base/fonts/vafle_regular_vb.svg#VafleVUTRegular") format("svg");

  font-weight: normal;
  font-style: normal;
}

* {box-sizing: border-box;-webkit-tap-highlight-color: rgba(0,0,0,0);}

html {overflow-y:scroll;-webkit-font-smoothing: antialiased;}
html, body {padding:0px;font-family:'Space Mono', monospace, Georgia, Times, 'Times New Roman', serif;font-size: 18px;background-color: #020202;margin:0px auto;position:relative;max-width: 100%;}
main {}
.right {float:right;}
.center {text-align:center;}
img {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}


h2 {position:relative; display:inline-block;background-color:#00cd96; transform: skew(-12deg); color:#fff;font-size:36px;}
h2 span {text-transform:uppercase; padding:0px 30px;display:inline-block;/*transform: skew(12deg);*/}
.row:before,.row:after {display:table; content:' ';clear:both;}


nav {position:fixed;display:table;width:100%;padding:40px;z-index:2;}
.nav-inner {vertical-align:middle;display:table-cell;}
@media (max-width: 839px) {
  nav {padding:20px;}
}
@media (max-width: 767px) {
  nav {position:relative;padding:20px 0px 0px ;}
  
}
@media (max-width: 499px) {
  nav .btn {display:none;}
}

.hide-desktop {display:none;}
.hide-mobile {display:block}
@media (max-width: 767px) {
    .hide-desktop {display:block;}
    .hide-mobile {display:none;}
}



.logo {display:inline-block;}
.logo img {height: 80px;}
.btn {border-radius:40px;line-height:46px;height:50px;padding:0 40px;text-transform:uppercase; font-style:italic;text-decoration:none;color: #fff;display:inline-block;font-size:15px;font-weight:bold;letter-spacing:.12rem;
  -webkit-transition: background .3s ease-out;-moz-transition: background .3s ease-out;-o-transition: background .3s ease-out;transition: background .3s ease-out;
}
.btn-red {background-color:#ef2d45;}
.btn-red:hover {background-color: #d42e42;}
.btn-round {border:2px solid #00d99f;background-color:transparent;}
.btn-round:hover {background-color: #00d99f;}
.main-section {background:url('https://vut.cz/i/maleweby/technicky-vzato/img/img_main@2x.jpg'); height:1000px;background-size:100%;background-repeat:no-repeat;position:relative;}
.main-section .text-content {width:520px;margin-left:80px;color:#fff;font-size: 20px}
.headline-sem {width:700px;margin-top:215px;margin-bottom:50px;}

@media (max-width: 1819px) {
  .main-section {height:950px;}
}
@media (max-width: 1729px) {
  .main-section {height:900px;}
  .headline-sem {width:620px;}
}
@media (max-width: 1639px) {
  .main-section {height:800px;}
  .headline-sem {width:580px;}
}
@media (max-width: 1459px) {
  .main-section {height:780px;}
  .headline-sem {width:540px;}
}

@media (max-width: 1439px) {
  .main-section {background-position: 50% 0%;background-size:1440px;height:800px;}
  .headline-sem {width:500px;}    
}
@media (max-width: 1299px) {
  .headline-sem {margin-top:184px;}
  .main-section .text-content {width:430px;}
  .headline-sem {width:400px;}
}
@media (max-width: 1129px) {
  .headline-sem {margin-top:150px;}
  .main-section .text-content {width:370px;}
}
@media (max-width: 989px) {
  .headline-sem {width:350px;margin-bottom:0px;}
  .main-section .text-content {width:310px;margin-left:40px;}
}
@media (max-width: 839px) {
  .main-section .text-content {margin-left:20px;width:280px;}
  .headline-sem {margin-top:130px;}
}
@media (max-width: 767px) {
  .main-section {background-position: 0% 0%;background-size:1800px;}
  .main-section .text-content {width:auto; margin:0 20px;}
  .main-section .btn-play {position:relative;margin-top:40px;}
  .headline-sem {display:block;margin:0px auto 0px;padding-top: 50px;}
}
@media (max-width: 399px) {
  .headline-sem {width:100%;}
  .main-section {height:auto;padding-bottom:20px;}
}



.jdi-section {background-color :#fff;padding:80px;}
.jdi-section .text-content {max-width:800px;margin:auto;}

.xtra-section {background-color:#fff;padding:0px}

.itembox-xtra {width:50%;border:1px solid #00ca98; width:622px; height: 432px; float:left; padding:10px;margin:10px;}
.itembox-xtra-video {height:100%;background-size:cover;color:#fff;position:relative;cursor:pointer;text-align:left;}
.itembox-xtra-video .video-name {text-transform:uppercase; padding: 33px 40px;position:absolute;z-index:1;}
.itembox-xtra-video .video-cite {text-transform:uppercase; font-style:italic;font-weight:bold; font-size:24px;padding: 33px 40px;position:absolute;bottom:0px; left:0px;}
.itembox-xtra-video:before {content:' ';position:absolute;top:0px;bottom:0px;left:0px;right:0px;margin:0;background-color:#110258 ;opacity:.5;}

.btn-play {width:100px;height:100px;background-size:100px;background-image:url("https://vut.cz/i/maleweby/technicky-vzato/img/play.svg");position:absolute;left:0;top:0;bottom:0; right:0;margin:auto;cursor:pointer;}
.center-itembox {display:inline-block; width:1284px;}
.itembox-xtra-video.video1 {background-image:url("https://vut.cz/i/maleweby/technicky-vzato/img/vanda@2x.jpg");}
.itembox-xtra-video.video2 {background-image:url("https://vut.cz/i/maleweby/technicky-vzato/img/tania@2x.jpg");}
.itembox-xtra-video.video3 {background-image:url("https://vut.cz/i/maleweby/technicky-vzato/img/kluci@2x.jpg");}
.itembox-xtra-video.video4 {background-image:url("https://vut.cz/i/maleweby/technicky-vzato/img/holky@2x.jpg");}
.itembox-xtra-video.video5 {background-image:url("https://vut.cz/i/maleweby/technicky-vzato/img/lucie@2x.jpg");}
.video-more {font-size:160px;color:silver;position:absolute;margin:auto;width:100px; height: 100px;top:0px;left:0px;right:0px;bottom:0px;line-height: 1px;}
@media (max-width: 1439px) {
  .itembox-xtra {width:570px;height:395px;}
  .center-itembox {width:1180px;}
}
@media (max-width: 1199px) {
  .itembox-xtra {width:470px;height:326px;}
  .center-itembox {width:980px;}
  .itembox-xtra-video .video-name {padding: 23px 30px;font-size:16px;}
  .itembox-xtra-video .video-cite {padding: 23px 30px;font-size:16px;}
  
}
@media (max-width: 990px) {
  .itembox-xtra {width:400px;height:277px;}
  .center-itembox {width:840px;}
  .btn-play {width:50px;height:50px;background-size:50px;}
}
@media (max-width: 850px) {
  .itembox-xtra {width:360px;height:250px;}
  .center-itembox {width:760px;}
  .itembox-xtra-video .video-name {font-size:12px;} 
  .itembox-xtra-video .video-cite {font-size:12px;}
}
@media (max-width: 767px) {
  .center-itembox {width:642px;}
  .itembox-xtra {width: 622px;height: 432px;float:none;}
  .itembox-xtra-video .video-name {padding: 33px 40px;font-size:20px;}
  .itembox-xtra-video .video-cite {padding: 33px 40px;font-size:20px;}
  .btn-play {width:100px;height:100px;background-size:100px;}
}
@media (max-width: 669px) {
  .center-itembox {width:490px;}
  .itembox-xtra {width: 470px;height: 326px;}
  .itembox-xtra-video .video-name {padding: 23px 30px;font-size:16px;}
  .itembox-xtra-video .video-cite {padding: 23px 30px;font-size:16px;}  
}
@media (max-width: 510px) {
  .itembox-xtra {width:400px;height:277px;}
  .center-itembox {width:420px;}
  .itembox-xtra-video .video-name {font-size:12px;} 
  .itembox-xtra-video .video-cite {font-size:12px;}
  .btn-play {width:50px;height:50px;background-size:50px;}
} 
@media (max-width: 430px) {
  .itembox-xtra {width:360px;height:250px;}
  .center-itembox {width:380px;}
}
@media (max-width: 390px) {
  .center-itembox {width:320px;}
  .itembox-xtra {width:300px;height:222px;}
  .itembox-xtra-video .video-name {padding: 13px 20px;}
  .itembox-xtra-video .video-cite {padding: 13px 20px;}
}

.sobe-section {background-color :#fff;padding:80px;}
.sobe-section .text-content {max-width:800px;margin:auto;}

.zijeme-section {color:#fff;padding:120px;background: url('https://vut.cz/i/images/layout_navut/bg_dark_dot.png') repeat,url('https://vut.cz/i/maleweby/technicky-vzato/img/bgr_century@2x.jpg') no-repeat 50% 0%/ cover;}
.zijeme-section .text-content {max-width:800px;margin:auto;}

.pojd-section {color: #fff;padding:120px;background: url('https://vut.cz/i/maleweby/technicky-vzato/img/bgr_blue@2x.jpg') no-repeat 50% 0%/ cover;display:table;width:100%;}
.pojd-section .pojd-headline{display:table-cell;vertical-align:top;width:50%;}
.pojd-section .pojd-headline img {width:480px;} 
.pojd-section .pojd-right {display:table-cell;vertical-align:top;width:50%;}
.pojd-section .pojd-right .text-content {max-width:510px;font-size:20px;}
@media (max-width: 1299px) {
  .pojd-section .pojd-headline img {width:400px;}
  .pojd-section {padding:80px;}
}
@media (max-width: 1149px) {
  .pojd-section {display:block;text-align:center;}
  .pojd-section .pojd-right {display:block;width:500px;margin: auto;text-align:left;}
  .pojd-section .pojd-headline {display:inline-block;margin: auto;width:auto;margin-bottom:50px;}
}
@media (max-width: 767px) {
  .pojd-section {padding:40px 0px;;}
}
@media (max-width: 559px) {
  .pojd-section .pojd-right {width:auto;padding:0 20px 20px 20px;}
  .pojd-section .pojd-right .btn-round {margin-top:50px;}
  .pojd-section .pojd-headline img{width:100%;padding:0 20px;margin-bottom:0px;}
}


/* video */
.hidden{ display: none;}
body{padding:0; margin:0;}
.close{position: absolute;font-size: 2em;border:1px solid silver;display: block;width: 2rem;height: 2rem;line-height: 2rem;text-align: center;right: 3em;top:3em;color:#fff; border-radius:50%; border:2px solid silver;cursor:pointer;}
.close i { top: -.16rem;left: .28rem;position: absolute;}
#homepage-videos iframe {display: block;height: 100%;width: 100%;}
#homepage-videos {bottom: 0;display: none;left: 0;overflow: hidden;position: fixed;right: 0;top: 0;z-index: 2000;}

/* responsive section jsou stejne */

@media (max-width: 767px) {
  .jdi-section {padding:20px;}
  .sobe-section {padding:20px;}
  .zijeme-section {padding:20px;}
  h2 {font-size:24px;}
  h2 span {padding: 0 15px;}
  .close{   right: 1em;top:1em;}

}

/* carousel */
section.carousel-section {background-color:#fff;padding-bottom: 1px;}
#carousel-vut-generic {max-width:1920px;margin: auto;}
.car-holky {height:550px;width:55%;}
.item-inner {position: relative;height:550px;}
.car-content-bg-wrap {height:100%; position: absolute; right: 0; left:50%; top: 0;overflow:hidden;}
.car-content-bg {width: 1200px;;height:100%; position: absolute; top: 0px; transform: skew(-12deg);}
.car-content {width: 35%;height:100%; position: absolute; right: 100px; top: 80px; color:#fff;font-style:italic;font-size:20px;}
.car-content a {color:#00cd96;font-style:normal;}
.car-content a.btn {color: #fff; font-style:italic;}
.car-content .person {text-transform:uppercase;font-style:normal;}
.car-logo {position:absolute; bottom:40px; left:40px;}
                                   
.car-fast .car-holky {background:url('https://vut.cz/i/maleweby/technicky-vzato/img/fast@2x.jpg?ver=12') no-repeat 50% 0%/ auto 550px}
.car-fast .car-content-bg {background-color:#658D1B;}

.car-fit .car-holky {background:url('https://vut.cz/i/maleweby/technicky-vzato/img/fit@2x.jpg?ver=12') no-repeat 50% 0%/ auto 550px}
.car-fit .car-content-bg {background-color:#00A9E0;}

.car-fa .car-holky {background:url('https://vut.cz/i/maleweby/technicky-vzato/img/fa@2x.jpg?ver=12') no-repeat 50% 0%/ auto 550px}
.car-fa .car-content-bg {background-color:#7A99AC;}

.car-fch .car-holky {background:url('https://vut.cz/i/maleweby/technicky-vzato/img/fch@2x.jpg?ver=12') no-repeat 50% 0%/ auto 550px}
.car-fch .car-content-bg {background-color:#00AB8E;}

.car-fekt .car-holky {background:url('https://vut.cz/i/maleweby/technicky-vzato/img/fekt@2x.jpg?ver=12') no-repeat 50% 0%/ auto 550px}
.car-fekt .car-content-bg {background-color:#003DA5;}

.car-fsi .car-holky {background:url('https://vut.cz/i/maleweby/technicky-vzato/img/fsi@2x.jpg?ver=12') no-repeat 50% 0%/ auto 550px}
.car-fsi .car-content-bg {background-color:#004F71;}

.car-favu .car-holky {background:url('https://vut.cz/i/maleweby/technicky-vzato/img/favu@2x.jpg?ver=12') no-repeat 50% 0%/ auto 550px}
.car-favu .car-content-bg {background-color:#E782A9;}

.car-fp .car-holky {background:url('https://vut.cz/i/maleweby/technicky-vzato/img/fp@2x.jpg?ver=12') no-repeat 50% 0%/ auto 550px}
.car-fp .car-content-bg {background-color:#8246AF;}


/*boot*/
.carousel {}
.carousel-inner {margin-bottom:180px;}
.carousel-inner .item {height: 550px;}
.carousel-indicators-wrap {width:100%;overflow-x:auto;overflow-y:hidden;bottom:-180px;height:180px;position:absolute;}
.carousel-indicators {margin:0px auto;width:1440px;left:0px;hline-height:90px;position:relative;bottom:0px;height:180px;background-color:#fff;z-index: initial;}
.carousel-indicators li { width:100px; height:100px; border: 0px;margin-left: 30px; margin-right: 30px;margin-top: 40px;text-indent: initial; position:relative;      -webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.carousel-indicators .active {width:120px;height:120px;background-color:transparent;margin-left: 20px; margin-right: 20px;transform: translateY(10px);}
.carousel-indicators li img {width:100px; height:100px;border-radius:50%;position: absolute;left: 0; padding: 5px; border: 1px solid #00d99f;      -webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.carousel-indicators li:after {background-color: #110258;    bottom: 0;    content: " ";    left: 0;    margin: 0;    opacity: 0.5;    position: absolute;    right: 0;    top: 0;    border-radius: 50%;margin: 5px;}
.carousel-indicators .active:after {opacity:0;}
.carousel-indicators .active img {margin: 0; width: 120px; height: 120px; border:0px;  padding:0px; }
    

.carousel-control.right, .carousel-control.left {background-image:none;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -45px; }
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -55px; }
.carousel-control .icon-next {background:url('https://vut.cz/i/maleweby/technicky-vzato/img/arrow_R.svg'); background-repeat: no-repeat; background-size:20px;width:25px;height:40px;}
.carousel-control .icon-next:before {content:'';}
.carousel-control .icon-prev {background:url('https://vut.cz/i/maleweby/technicky-vzato/img/arrow_L.svg'); background-repeat: no-repeat; background-size:20px;width:25px;height:40px;}
.carousel-control .icon-prev:before {content:'';}


/* carousel + boot */
@media (max-width: 1920px) {
  .carousel-inner .item .car-holky {background-size:cover;}
}
@media (max-width: 1440px) {
  .car-fast .car-holky {background-size: auto 550px;}
  .carousel-indicators {width:100%;}
  .carousel-indicators li {margin-left: 10px; margin-right: 10px;}
  .carousel-indicators .active {    margin-left: 0px; margin-right: 0px; }
}
@media (max-width: 1200px) {
  .car-holky {height:550px;width:60%;}
}
@media (max-width: 1100px) {
  .car-content {right:60px;top:40px}
}
@media (max-width: 1070px) {
  .carousel-indicators {width:1070px;}
}
@media (max-width: 950px) {
  .car-content {right:40px;top:20px; font-size:18px;}
  .car-content .btn {padding: 0 16px;}
  .carousel-control {width: 7%;}
  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -5px; }
  .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -5px; }
}

@media (max-width: 767px) {
   .car-holky {display:none;}
   .car-logo  {display:none;}
   .car-content-bg-wrap {left:0px;}
   .car-content-bg {transform: none;}
   .car-content {position:relative; top:0px; right:0px;width:500px;margin:auto;padding-top:80px;font-size: 20px;}
   
}
@media (max-width: 559px) {
    .car-content {padding:25px;padding-top:40px; width:100%;}
    .carousel-control .icon-prev, .carousel-control .icon-next {background-size:15px;height:30px;}
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; }
  /*.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; }*/
  /*.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; }*/
}
@media (max-width: 419px) {
    .car-content {padding-top:5px;}
    
}
@media (max-width: 380px) {
    .car-content {font-size:18px;}
}


/* loga fakult */
.title {
    font-family: vafle, tahoma, arial;
    text-transform: uppercase;
    padding: 0 10px;
    line-height: 40px;
    display: inline-block;
    color: #FFF;
    vertical-align: baseline;
    font-weight:normal;
    letter-spacing: 1px;
}
.title-faculty-sm {
    font-size: 30px;
    line-height: 41px;
    padding: 0 10px;
}
.bg-color-fa {background-color: #7a99ac;}
.bg-color-fekt {background-color: #003da5;}
.bg-color-fch {background-color: #00ab8e;}
.bg-color-fit {background-color: #00a9e0;}
.bg-color-fast {background-color: #658d1b;}
.bg-color-fp {background-color: #8246af;}
.bg-color-fsi {background-color: #004f71;}
.bg-color-favu {background-color: #e782a9;}