@media (hover: hover) {
  /*#ham:hover {background-color: var(--c4);}*/
}

.page-not-hero .content {padding-top: 8em;}

/*big screen*/
@media only screen and (min-width: 1700px) {

body {line-height: 1.7em; font-size: 20px;}
h1 {font-size: 2.6em;}
h2 {font-size: 1.8em;}
.home-block .illu { padding-top: 6em; width:auto}
.home-block .text {width:54%}
.home-block .text .cont { width: 80%; margin-left: 20%;}
.home-block.switched-sides .text { padding-left: 0%; width:55%}
.home-block.switched-sides .text .cont { width: 46%;}

.timeline .swiper-container {  padding-left: calc(50% - 800px + 336px + 5em); }

/* PETR smazat */
/* .timeline .swiper-container {  padding-left: 0; }
.timeline  {  padding-left: calc(50% - 800px + 336px + 5em); } */


.timeline .thumb { height: 230px;}
.timeline .swiper-slide {padding-top: 210px;}
.timeline .year { top: -150px;}
.axis { top: 8.2em;}
.timeline .swiper-slide.last .circle {top: calc(8.2em - 8px);}

}


@media only screen and (max-width: 1200px) {
  body {font-size: 1.6vw;}
      #events .col1, #events .col2, #events .col3, .ghost-tags {width:50%}
    #events .col2 {left: 50%;}
    .col-desc {display:none}
    .col-desc.mobile-desc {display:block;}
    .col-lang {display: none;}
    .col-lang.mobile-lang {display:block;}
    .clear-on-mobile {clear:both}
    .title-big, .col-date {height: 8rem;}
    #events .ghost-tags.col2 {width:0; overflow: hidden; padding:0}
    #events .date-tag {left: 52%;}
    #events .col-title {width:52%}
    #events .col-date {width:48%}
    #events .col-desc {width:52%}
    #events .col-lang {width:52%}
    #events .col-venue {width:48%}
    #events .col-link {width:48%}
    #events .date-small.col3 {left: 52%; width:35%; overflow:hidden}
    #events .ghost-tags.col3 {width:48%}
    #events .desc-small {width:0; overflow: hidden; padding:0}
    #cn-notice-text {width:58%}    
    .banner-partnership .text {  width: 56%;}
    
    .banner-leadership .thumb {height: 11.3em;}

    .spc .content {width: 90%;}

    .careers .content {width: 100%;}
    /* .careers-rows .arrow-link { margin-left: 1.4em;} */
    .single-careers .content {padding: 0 9em 2em;}
    .banner-cole-values .cols .col p {
        width: 79%;}
        .page-not-hero .content {padding-top: 8em;}
 }

/****************************************************** 1050 ***************************************************/

@media only screen and (max-width: 1050px) {
  
  .show-on-mobile {display:block}
  /*no blue buttons on tap*/
  a {-webkit-tap-highlight-color: transparent;}  

  body {font-size: 1.9vw;}
  
    .intro {height:960px; -webkit-tap-highlight-color: transparent;
         }
    .intro-blocks {width:96%}
    .intro-blocks .swiper-container {padding:1em 0}
    .intro-blocks .swiper-slide {width:50%; box-sizing: border-box;}
    .intro-blocks .swiper-slide:hover img {transform:scale(1.05)}
    .intro-img {width: 95%;}
    .intro-blocks .swiper-slide button {bottom: -3%;}
    .intro .swiper-nav {display: block;}
    .home-block .illu {padding-top: 17%;}

    .clanek-card {width: 42.3%; margin: 1.1em 1em;}

    .foot {font-size:1.1em;  padding: 5em 0 2em;}
    .foot .line {margin:0 0 1.3em 0}
    .foot .socs {left: 0; top: 20.7em;}
    .foot .col1 { width: 50%;}
    .col-group1 {width: 50%;}
    .foot .col2, .foot .col3, .foot .col4 {width: 100%; margin-bottom: 2em;}
    .col-group2 {width:100%}
    .foot .col5, .foot .col6, .foot .col7, .foot .col8 {width: 50%; margin-bottom: 4em;}
    
    /*banners*/
    .banner-content {width:100%; padding:0; margin:0}
    .banner-cole-values {padding-bottom: 3em;}
    .banner-cole-values .cols .col {width: 100%; margin: auto; padding: 0 2% 3.9em;}
    .banner-cole-values .cols .col p {width:16em; margin:auto}
    
    .banner-leadership-container {width:100%; margin:0; padding:0}
    .banner-leadership-content {width:100%; margin:0; padding:0}
    .banner-leadership {margin-top:5em;padding: 5em 5% 4em; text-align: center; overflow: hidden;}
    .l-head #swiper-button-next-leadership, .l-head #swiper-button-prev-leadership {display: none;}
    /* .banner-leadership .col:last-of-type {display:none} */
    .banner-leadership .col {width: 42%; margin: 0 0;}
    .banner-leadership .thumb {height: 26em;}
    .banner-leadership .line {margin:1.7em auto 3em;}
    .banner-partnership {background-position: 50% 50%; padding: 5em 5% 3em;}
    .banner-partnership .text { width: 90%;}
    .banner-leadership .col p {width:100%}
    .banner-leadership button {margin: 2em auto;}
    
    .what-we-do .col {width:70%; float:none; margin:0 auto 5.2em;}

     .timeline { padding-bottom: 2em;}
    .timeline .swiper-container {padding-left: 5%}
    .timeline .swiper-slide { padding-top: 12em;}
    .axis {top: 10em;}
    .timeline .swiper-slide.last .circle { top: calc(10em - 8px);}
    .timeline .year {top: -9.4vw;}
    .timeline .thumb { height: 16em;}
    .tl-swiper-nav { top: 0; right: auto; left: 0;}

    /*subs*/
    
    .single.page-side-menu .content {padding-bottom:8em}
    .page-side-menu .container { width: 100%; margin:0; padding: 0em 5%; box-sizing: border-box;}
    .page-side-menu .content.first {padding-top:0}
    .page-side-menu .content {width: 100%; margin:0; padding: 4em 0 0; box-sizing: border-box;}
    .page-side-menu .content p { width: 100%; }
    .page-side-menu .content h1 { width: 100%; font-size: 2.9em;}

    .hero { height: 25em; margin-bottom:3.2em} 
    .hero img { width: auto; height: 100%; margin-left: -12%;}

    .side-menu {display: none; width:100%;     position: absolute; z-index: 2;}
    .side-menu-cont {display:block; width: 17em; position: relative; top:0; padding: 0; margin-bottom:2.4em; left:0; float:none; margin-left: 5%;}
    .selector {border-radius: 0;}
    .side-menu-cont .selector{border-radius: 0; color:var(--c1) }
    .side-menu-cont a {width:100%; box-sizing: border-box;}
    .side-menu-cont a:first-of-type {border-top:1px solid #b4d2e9;}
     .selector.arrow-but {    z-index: 6; display:block;  height: 55px; width: 100%; text-align: left; background-color:#e1f2ff; background-image: none; font-size: 1rem;
      line-height: 1.3em; text-transform: none;
      padding-left: 1.1em;}
     .selector.arrow-but::after { content: ' ';  background-image: url(../img/arrow3-c1.png); background-repeat: no-repeat; 
          background-position: 50% 50%;
          margin-left: 0.1em;
          margin-top: 0.45em; position: absolute; right:1.8em; top: 16px;  width: 13px;   height: 11px;    transition:transform .2s ease;     transform: rotate(0deg);    transform-origin: center center;
      }
     .selector.rotate-arrow:after {transform: rotate(-180deg);}
     
     .side-menu a:first-of-type {display:none}

     .what-we-do .cols { margin: 6em auto 3em;}
    .hero img {margin:0; object-fit:cover; width:100%}
    .single .tag {float:left}
    .date.show-on-mobile {font-size: 13px; font-weight: 500; margin: 7px 0 0 2em; display: block; line-height: 10px; float: left;}
    
    .single .wp-block-embed figcaption { position: relative; width: 70%; padding-top: 1.5rem; left: 0;}
    .single .wp-block-embed figcaption::before { position:absolute}
    .video-cont, .wp-block-embed__wrapper {margin-bottom: 2em;}
    .wp-block-embed { margin-bottom: 3em;}

    .news-cont .clanek-card:last-of-type {display: none;}
    
    .contact .content {padding: 2em 8%;}
    .contact .col.left, .contact .col.right {width:100%}
    .contact .col.left {margin-bottom:3em}
    .contact .col.right { padding-left: 0; }
    .contact .map {height: 22em;}
       
    .page404 .text { margin-left: 10%; width: 50%;}  
    
    .leadership .content { padding: 4em 5%; width:100%}
    .leadership .col1 {width:55%}
    .leadership .col2 {width:45%}
    .leadership .col3 {width:100%; padding-left:55%; box-sizing:border-box}   
       
    .search .content { padding: 8em 0%;}
    .search .result {padding:3em}
    .search .thumb { width: 46%; height: 8.5em;}
    .search .text { width: 100%; margin-top: 1.4em;}
    .search h2 {-webkit-line-clamp: 2;}
    .search button { margin: 0 0 0 8%;}
    
    #cn-notice-text {width:50%}  
    .spc .content {width: 100%;}
    .spc .content button.mod2 { width: 30%;}
   
    .positions .pub_date, .positions .th3 {display: none;}
    /* .careers-rows .th4 {width: 16%;} */
    .careers .selector-col {width:17.5em; float: right;}
    .careers .title-col {width: 50%; margin-right: 0;}
    
    .single-careers .content { width: 80%; padding: 0 0 2em; }
    .banner-employees-benefits {padding-bottom: 2em;}
    
  .row.contact-footer-texts .col.right {display: none;}
  .contact-footer-texts .text-right-1{display: inline;}
  .row.contact-footer-texts {margin-bottom: 1em;}
}

@media only screen and (max-width: 900px) {
body {font-size: 18px; }
h1 {font-size: 2.8em; margin-bottom: 0.6em; font-size: 6.5vw;}
.container { width: 86%; }
.content ul {width:96%}
.side-menu2 ul {width:100%}
.intro { height: 40em; max-height: 800px;}
.home-block {display: block; padding: 2em 0 8em;}
.home-block .text { padding: 5em 6%; width: 100%; text-align: center;}
.home-block .text .cont { width: 80%; margin: auto;}
.line {margin: 1.6em auto 1.3em;}
.home-block button { margin: 2.5em auto;}
.home-block .illu { padding-top: 0%; width: 71%; margin: auto; position: relative;}
.home-block1 .illu {transform: translateX(-3%);}
.foot { font-size: 0.9em;} 

.timeline .swiper-wrapper {margin-top:1em}
.timeline .thumb {height: 9em;}
.timeline .year { top: -120px;}
.timeline .swiper-slide-active .year {transform: scale(2.4);}


.banner-leadership .thumb {height: 21em;}
.gallery .swiper-wrapper {margin:0}

.search-cont {padding: 0 7%}
.search input[type=search] { width: calc(100% - 59px);}
.search .result { padding: 7%;}
input[type=search] {margin-left:0; padding-left: 1.5em;}
#cookie-notice .cookie-notice-container {padding-bottom:3em}
.cookie-notice-container #cn-notice-text { width: 100%; margin-bottom:2em}
#cookie-notice .cn-button {position:static; display:inline-block}
#cookie-notice #cn-refuse-cookie {margin:0; padding:0; margin-top: 0.7em;}
#cookie-notice #cn-accept-cookie { float: right;  margin-left:0}
.banner-partnership .text {  width: 70%;}
.spc .container {width: 91%;}
.spc .content {width: 100%; padding:2em 0}
.spc-box h3 {font-size: 3.2vw;}
.careers .container {width: 91%;}
.careers .content {padding: 4em 0em;}
.careers .col1 {width: 100%;} 
.careers .col2 {width: 50%;} 
.careers .col2 .line {margin-top: 2.5em;}
.careers-rows .th1 {width: auto;}
.careers-rows .th2 {width: 7em;}
.careers-rows .th4 {width: 8em;}
.careers .selector-col {width:15.1em; float: right;}
.careers .title-col {width: 11em; margin-right: 0;}

.single-careers .container {width: 100%;}
.single-careers .content { width: 86%; }
.single-careers .green-block { padding: 0em 0 1em; margin: 1em 0 4em;}
.single-careers .green-block .content {padding-top:1em}
.single-careers .positions { width: 87%;}
.single-careers .title-col { width: 18em;}

.banner-employees-benefits .col:nth-of-type(1), .banner-employees-benefits .col:nth-of-type(3), .banner-employees-benefits .col:nth-of-type(6) {display: none;}
}


@media only screen and (max-width: 700px) {
.search button {margin:auto}
.pagination { position: static; margin: 2.4em auto; text-align: center;}
.modal .text p {width:90%}
.clanek-card { width: 82%;}
.news-cont .clanek-card:nth-of-type(2) {display: none;}
.page404 .text {width: 70%;}
#events .title-big {font-size:1.5em}
.spc .content button.mod2 { width: 46.8%;}
.careers-rows tr:nth-of-type(2) .tag.latest, .tag.update {display:none}
.positions .selector-col { position: relative; width:100%}
.positions .selector-cont {position: relative;  margin-bottom: 0;   top:0;}
.banner-cole-values .cols .col p {width:90%;}
.content {padding-left: 0em; padding-right: 0em;}

}

/* 500 /////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

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

body { font-size: 16px; font-size:4vw}
h1 {font-size: 2.4em;}
h2 {font-size: 1.7em;}
.biggertext { font-size: 1.3em;}
.container { width: 90%; }
.search-icon {position: absolute;}
.soc-icon  {position: absolute;}
.logo {position:absolute}
.logo-bg {position: absolute;}
.intro {height:90vh}
.intro-blocks {top:47%}
.intro-blocks .swiper-container { padding: 1em 0 0 0; margin-bottom:2em}
.intro-blocks .swiper-slide {width:100%;}
.intro-img {transform: scale(1.05); width: 85%;}
.intro-blocks .swiper-slide button {    width: 65%;}
.intro-blocks .swiper-slide button { position: absolute; bottom: 7%;}
.intro .swiper-nav {bottom:-5em}
.home-block .text .cont, .home-block.switched-sides .text .cont { width: 94%;}
.icontext {font-size: 0.9em;}
.home-block1 h1{width: 77%; margin: auto;}
.home-block .illu {width:87%}
  
.menu .nav-cont a { font-size: 1.9em; margin-bottom: 0.65em;}
.menu .nav-cont li li a {line-height: 1.1em;}
.menu {text-align: left; display: block;}
.menu .menu-container {position: static; transform: none; top:0;   margin: 6em 20px 0;}
.menu .nav-cont a::after {margin-top:0}
.menu .line {margin-left:0}

.what-we-do .col {width:90%;}
.what-we-do p {width:90%}



.event-content { padding: 0 8% 4em;}
.event-header { padding: 0 8%;}
#events .col1, #events .col2, #events .col3 {width:100%}
#events .col3.date-tag {width:0; overflow: hidden; padding:0}
.title-big, .col-date {height: auto; margin-bottom:40px}
.title-big {font-size: 1.8em;}
.date-huge { font-size: 4.1em;}
.date-tag-mobile {display:block}
.ui-icon {width: 60px; height: 60px;}
.event-header {height:60px}
.mobile-lang, .col-link {margin-top:40px}
#events .date-small.col3, #events .desc-small {display:none; width:0}
#events .col1 {width:75%}
.ui-state-active .ghost-tags { margin-top: 0em}
.arrow-link::after {background-position: center calc(50% - 0.05em)}


.foot .container { width: 80%;}
.foot .col1 {width: 100%;}
.foot .col.last { position: static; width:100%}
.foot .socs {top:15em}
.foot .col2 .line {display:none}
.foot .col-group1 {width:100%; margin-top: 2em;}
.foot .col-group2 {font-size: 0.9em;}
.foot .col5, .foot .col6, .foot .col7, .foot .col8 {width:100%}
.foot .col3 { margin-bottom: 2.7em;}
.foot .col4 .line {margin-bottom: 2.5em;}
.foot .col4 {margin-bottom: 0.7em;}
.foot .col5 {margin-bottom: 1.6em;}
.foot .col6, .foot .col7 {margin-bottom: 2em;}
.foot .socs img { padding: 23px;}
    
.banner-cole-values .cols .col { width: 90%; }
.banner-leadership .cols {width: 82%; margin: auto;}
.swiper-container2 { width: 100%; height: 100%; overflow: visible;}
.banner-leadership .col {margin: 0 0 2em;}
.banner-leadership .col:last-of-type {margin-right: 5em;}
.banner-leadership { padding: 5em 0% 4em;}
.banner-leadership .col:last-of-type {display:block}
.banner-leadership .thumb { height: 24em;}
.banner-leadership button {margin: 0em auto;}

.hero {height:30em}

.page-side-menu .container { padding: 0em 8%;}
.page-side-menu .content img { width: 108%; max-width: 108%; height: auto; margin-left: -4%;}
.page-side-menu .content img.icon {margin-left:0; margin-bottom:1.5em}
.page-side-menu .side-menu-cont {width:90%}
.page-side-menu .selector.arrow-but {width:100%}

.timeline .swiper-container { padding-left: 8%;}
.timeline .swiper-slide-active .year {transform: scale(1.9);}
.timeline .thumb {height: 6em;}
.tl-swiper-nav {display: none;}
.timeline .swiper-slide {padding-top: 6em;}
.axis {top: 4em;}
.timeline .swiper-slide.last .circle { top: calc(4em - 8px);}
.timeline .year { top: -2.7em;}
.timeline .swiper-wrapper { margin-top: 4em;}

.single .wp-block-embed figcaption {width: 100%; padding-top: 2em;}
.wp-block-embed { margin-bottom: 3em;}
.gallery .swiper-button-next, .gallery .swiper-button-prev {  top: 8em;}
.content .gallery img { width: 100%; max-width: 100%; height: 100%; margin-left: 0;}
.gallery .swiper-slide { height: 13em;}
.gallery .swiper-button-next, .gallery .swiper-button-prev { top: 4.5em;  }

.contact .content { padding: 2em 5%;}
.contact h1 { font-size: 2em; line-height: 1.5em;}
.contact .biggertext {font-size: 1.4em; line-height: 1.6em; width:100%}

 .page404 .text { width: 80%;}
 .page404 .p { margin-left: 10%; width: 100%;} 
 
 .leadership .content { padding: 4em 9%;}
 .leadership .col1, .leadership .col2 {width:100%}
 .leadership .col3 {padding-left:0;}      
 .leadership .thumb { height: 28em;}
 .leadership .position {margin-bottom:3em}

 .search-form-cont {width:100%; transform:translateX(100%);}
 
 .search-cont {padding: 0 1.1em}
 .search .result {padding: 1.1em;}
 .search .thumb {width: 75%;}
 .search .text {margin-top: 1.7em; margin-bottom: 2em;}
 .search .entry-content { -webkit-line-clamp: 5;}
 
 #but-diss, #but-agree {width:50%; background-image: none; padding: 5%; text-align: center;}
 
 #cn-notice-text {float:none}
 #cookie-notice #cn-notice-buttons { float:none; margin:auto; position: static;}
 #cookie-notice #cn-accept-cookie {position: static; float:none; margin:0 auto 1em}
 #cookie-notice #cn-refuse-cookie  {position: static; float:none; margin:auto}
 
 .spc .container { width: 82%;}
 .spc .content button.mod2 {width: 100%; margin: 0 0 1.1em 0;}

 .careers .container { width: 84%;}
 .careers .col2 {width: 100%;} 
 .side-menu2 a {padding: 1em 1.6em;}
 .selector-cont .side-menu2 a {padding: 20px 1.6em;}
 .positions {font-size: .8em;}
 .positions .country, .positions .th2 {display:none}
 .careers-rows .th4 { width: 8.5em;}
 .careers-rows td {padding: 1.3em 0;}   
 
 .single-careers .container {width: 100%;}
 .single-careers .positions {width:86%}
 

}


@media only screen and (max-width: 350px) {
  h1{ font-size: 2.5em;}
  .soc-icon {display:none}

}


@media screen and (orientation:landscape)
and (max-width: 800px) {


}