/*16.4. 09:00  */


ul#user-menu a.newmail {
    position: relative;
    text-decoration: none;
    background: url('images/mail.gif') 42px 10px no-repeat;
    padding-right: 19px;
    color: #fff;
}
          
.navlogo {
  position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
  height: 60px;  
	padding: 0; 	
 	text-align: left;  
  background: #004b8c;
  z-index: 1000;  
  margin: 0;
  padding:  0;
  font-family: arial;
}

.logo-menu {
  position: relative;
  width: 1020px;
  margin: 0 auto;
  padding: 0;
}

.logo-menu a.lg {
	position: absolute;
  top: 10px;
	left: 0px;
  width: 186px;
	height: 41px;
	margin: 0;
	padding: 0;
}

.logo-menu a.lg img {
	width: 228px;
	height: 41px;	
}

.logo-menu img.logo-ico {
  /*background: url('images/serialzone3-logo.svg') 0px 0px no-repeat;
  width: 229px;
  height: 41px;*/        
  /*width: 100%;*/
 /*background-image: url(images/serialzone3-180-logo.svg);*/
 /*background-size: cover;*/
 /*background-size: contain;
 height: 0;    */
 /*padding: 0;*/ /* reset */
 /*padding-bottom: calc(100% * 4 / 23);*/
  /*width: 50%;*/
  margin: 0 auto;
  /* just to get an apsect ratio same as the SVG's: */
  /*padding-top: 48%;*/ 
  height: 0; 
  background-size: cover;
  background-repeat: no-repeat;
}

.user-menu-top {
  position: relative;
  float: right;
  padding: 0;
  margin: 0;
  /*background: green;*/  
}

.user-menu-top .umt-link a {
	position: relative;
    display: block;
    float: right;
	margin: 28px 0px 0 24px;
	padding: 0;
    color: #fff;
    text-decoration: none;
    font-family: k2d;
    font-size: 14px;
}

.user-menu a {
	position: relative;
	float: right;
  width: 28px;
	height: 28px;
	margin: 20px 0px 0 4px;
	padding: 0;
}

.user-menu a img {
	width: 28px;
	height: 28px;	
}

.pict-menu-nr {
    position: absolute;
    top: -4px;
    left: 16px;
    z-index: 1000;
    display: table-cell;
    height: 16px;
    width: 16px;
    text-align: center;
    padding: 3px 0 0 0;
    border-radius: 50%;
    background: #e71e16;
    color: #fff;
    font: 10px "SZfont";
}

.user-menu img.user-ico {
  background: url('images/fruiko.jpeg') 0px 0px no-repeat;
  width: 28px;
  height: 28px;
}

.user-ico-mail {     /*uzivatelske menu, ikonka otevrene obalky*/
	position: absolute;
	top: 0px;
  left: 0px;
	display: block;
  width: 28px;	
	height: 28px;
	/*background: url('images/social-sprite.png') 0px 0px no-repeat;*/
    background: url('images/header_mail.svg') top left no-repeat;  
}

.user-ico-settings {     /*uzivatelske menu, ikonka ozubena kolecka*/
	position: absolute;
	top: 0px;
  left: 0px;
	display: block;
  width: 28px;	
	height: 28px;
	/*background: url('images/social-sprite.png') -28px 0px no-repeat;*/
    background: url('images/header_gear.svg') top left no-repeat;  
}

.user-ico-alert {     /*uzivatelske menu, ikonka zvonek*/
	position: absolute;
	top: 0px;
  left: 0px;
	display: block;
  width: 28px;	
	height: 28px;
	/*background: url('images/social-sprite.png') -57px 0px no-repeat;*/
    background: url('images/header_bell.svg') top left no-repeat;
      
}

.user-ico-user {     /*uzivatelske menu, ikonka postava*/
	position: absolute;
	top: 0px;
  left: 0px;
	display: block;
  width: 28px;	
	height: 28px;
	/*background: url('images/social-sprite.png') -86px 0px no-repeat;*/ 
    background: url('images/header_user.svg') top left no-repeat; 
}

.user-ico-rs {     /*uzivatelske menu, ikonka redakční systém*/
	position: absolute;
	top: 0px;
  left: 0px;
	display: block;
  width: 28px;	
	height: 28px;
	/*background: url('images/social-sprite.png') -115px 0px no-repeat;*/
    background: url('images/header_television.svg') top left no-repeat;  
}

.user-ico-logout {     /*uzivatelske menu, ikonka redakční systém*/
	position: absolute;
	top: 0px;
  left: 0px;
	display: block;
  width: 28px;	
	height: 28px;
	/*background: url('images/social-sprite.png') -396px 0px no-repeat;*/
    background: url('images/header_logout.svg') top left no-repeat;  
}

.user-ico-advent {     /*uzivatelske menu, ikonka advent*/
	position: absolute;
	top: 0px;
  left: 0px;
	display: block;
  width: 28px;	
	height: 28px;
	/*background: url('images/social-sprite.png') -86px 0px no-repeat;*/ 
    background: url('images/header_advent.svg') top left no-repeat; 
}



.toggle,
[id^=drop] {
	display: none;
}

/*************hlavní menu + vyhledávání************/

nav {
  position: fixed;
	top: 60px;
	left: 0px;
	width: 100%;
    min-height: 40px;
    _height: 52px;
    padding: 7px 0 5px 0; 	
 	text-align: left;
    background: #0092f3;
  /*background: red;*/
    z-index: 1000;  
    margin: 0;
    padding: 0;    
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav .in-menu {
  position: relative;
  width: 1020px;
  margin: 0 auto;
  padding: 0;
}

nav ul {
  position: relative;
  float: left;
  list-style-type: none;
  /*width: 1020px;*/
  margin: 0 auto;
  padding: 0;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  padding: 0 12px 0 0;
  /*background-color: #09275b;*/
  background: #0092f3;
}

/*definice písma k menu je v druhém css*/
nav a {
  display: block;
  /*padding: 0 12px 0 0;*/
  color: #fff;  
  line-height: 50px;
  text-decoration: none;
  border-bottom: 4px solid #0092f3;
}

nav a.navactive {
  border-bottom: 4px solid #29daff;
}

nav ul li ul li a {
  border-bottom: 0px; 
}

nav ul li ul li:hover, nav ul li ul li a:hover { 
  background: #1c3b6f;
  border-bottom: 0px; 
}

nav a:hover { 
  /*color: #d0d0d0;*/ 
  border-bottom: 4px solid #29daff;
}

nav ul ul {
  display: none;
  position: absolute;
  top: 48px;
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
  padding: 0 0 0 10px;
}

.main-search { 
  float: right;   
}


.in-menu input.tazaci {
  position: relative;
  float: right;
  width: 170px;
  padding: 7px 25px 8px 7px;
  margin: 10px 0px 0 0;
  text-align: left;
  font-size: 13px;
  border: 0px;
  color: #fff;
  background: #47b0f6;
}

.in-menu input.tazaci::placeholder {
  color: #fff;
}

.in-menu input.odesilaci {
  position: absolute;
  top: 14px;
  right: 6px;
  height: 22px;
  width: 22px;
  border: 0px;
  background: url('images/social-sprite.png') 0px -28px no-repeat;
  margin: 0;
  cursor: pointer;
  overflow: hidden;
  z-index: 10;
}

/*.in-menu input.odesilaci {
  position: relative;
  float: right;
  height: 22px;
  width: 22px;
  border: 0px;
  background: url('images/social-sprite.png') 0px -28px no-repeat;
  margin: 14px 0px 0 -22px;
  cursor: pointer;
  overflow: hidden;
  z-index: 10;
} */


.extra-info-box {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    min-height: 40px;
    font-family: 'K2D', sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    overflow: hidden;   
    padding: 8px 12px 8px 12px; 
}

/*menu v pravém bloku na hlavních šablonách, např článek a podobně*/

.head-box, .head-box3 {
    position: relative;
    height: 40px;
    font-family: 'K2D', sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    overflow: hidden;
    white-space: -moz-pre-wrap !important;  /* Mozilla */
    white-space: -webkit-pre-wrap; /*Chrome & Safari */ 
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
    /*line-height: 170%;*/
}

.head-box sup {
    position: relative;
    line-height: 50%;    
    font-size: 10px;
    margin-left: 4px;    
}

.head-box {
    /*position: relative;
    padding: 5px 0 0 42px!important;*/
    position: relative;
    display: flex;
    padding: 0px 0 0 42px!important;
    align-items: center;
     
}

.hb-intext {
    position: relative;
    height: 20px;
    overflow: hidden;
    padding: 0 10px 0 0;
     
}

.head-box2 {
    /*position: relative;
    height: 40px;
    padding: 0 0 0 5px;*/
    position: relative;
    display: flex;
    padding: 0px 0 0 42px!important;
    align-items: center;    
}

.head-box3 {
    position: relative;
    padding: 5px 0 0 12px!important;
     
}

.head-box a {
    text-decoration: none;
}

.head-box a.headprava, .head-box h2 a.headprava {
    position: absolute;
    right: 0; /*nově přidáno kvůli flex na center*/
    color: #fff;
    font-size: 12px;
    margin: 0px;
    padding: 2px 10px 0 0;
    text-decoration: none;
    /*text-align: right;*/
    float: right;
    clear: both;
    overflow: hidden;
}

.head-box .headprava, .head-box h2 .headprava {
    position: absolute;
    right: 0;
    color: #fff;
    font-size: 12px;
    margin: 0px;
    padding: 2px 10px 0 0;
    text-decoration: none;
    text-align: right;
    float: right;
    clear: both;
    overflow: hidden;
    min-width: 100px;
    font-family: 'Open Sans', sans-serif;
}

.head-box a.headprava2, .head-box h2 a.headprava2 {    
    position: absolute;
    right: 0;
    color: #fff;
    font-size: 12px;
    margin: 0px;
    text-decoration: none;
    min-height: 15px; /*bylo 25, kdyby cokoliv*/    
    float: right;
    clear: both;
    overflow: hidden;
    font-family: 'K2D', sans-serif;    
}

.head-box a.headprava2 {
    padding: 0px 10px 0 28px;
    min-height: 20px;    
}

.head-box a.headprava2 span {
    display: block;
    height: 20px;
    padding: 2px 0 0 0;    
}

.head-box h2 a.headprava2 {
    padding: 2px 10px 0 0;    
}


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

.head-box, .head-box3 {
    position: relative;
    height: 40px;
    font-family: 'K2D', sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    overflow: hidden;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: normal;
    line-height: 100%;
} 

} 


a.headprava2 .hb-pikt-plus { /*založení diskuze nahoře*/
    position: absolute;
    /*top: 5px;*/
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    background: url(images/social-sprite.png) -24px -29px no-repeat;
}

.hb-pikt-plus2 {  /*plus u založení diskuze ve formuláři*/
    position: absolute;
    top: 0px;
    left: 0px;
    width: 29px;
    height: 29px;
    background: url(images/social-sprite.png) -144px 0px no-repeat;
}

.hb-pikt-plus3 {  /*plus u hlavičky v timeline*/
    position: absolute;
    top: 0px;
    left: 0px;
    width: 29px;
    height: 29px;
    background: url(images/social-sprite.png) -144px -30px no-repeat;
}

.hb-pikt-vykric {  /*vykřičník v level 3 diskuze*/
    position: absolute;
    top: 0px;
    left: 0px;
    width: 29px;
    height: 29px;
    background: url(images/social-sprite.png) -174px 0px no-repeat;
}

.hb-pikt-flash {  /*šipka u linku na HP flash novinek*/
    position: relative;
    /*top: 0px;
    left: 0px;*/
    width: 26px;
    height: 26px;
    background: url(images/social-sprite.png) -28px -768px no-repeat;
}

.nr-flash {  /*ikonka s počty komentářů na HP flash novinek*/
    position: relative;
    display: flex;
    width: 27px;
    height: 22px;
    background: url(images/social-sprite.png) 0px -768px no-repeat;
    font-size: 10px;
    color: #fff;
    /* text-align: center; */
    justify-content: center;
    padding: 6px 0 0 0;
    margin: 0 6px 2px 0px;
}

.div1hp .main-art-author .nr-flash a {  /*ikonka s počty komentářů na HP flash novinek*/
    color: #fff!important;
    text-decoration: none;
}

/*.head-box h2 {
    font-family: 'K2D', sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    padding: 10px 0 10px 0!important;
    margin: 0px;    
} */

.head-box a, .head-box h2 a {
    color: #fff;
    text-decoration: none;
    /*margin: 0px!important;
    padding: 0px!important;*/                
}

ul.submenu-uni, ul.submenu-uni2, ul.submenu-uni3 {
    position: relative;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

ul.submenu-uni li, ul.submenu-uni2 li, ul.submenu-uni3 li {
    position: relative;
    padding: 0px;
    text-align: left;
}

ul.submenu-uni li a, ul.submenu-uni2 li a, ul.submenu-uni3 li a {
    position: relative;
    display: block;
    height: 34px;
    margin: 1px 0 0px 0;
    padding: 7px 0 0 10px;
    font-size: 0.9em;
    font-weight: 400;
    color: #000;
    text-decoration: none;
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
    line-height: 190%;
}

ul.submenu-uni li.plain {
    position: relative;
    display: block;
    height: 34px;
    margin: 1px 0 0px 0;
    padding: 7px 0 0 10px;
    font-size: 0.9em;
    color: #000;
    background: #eee;    
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
    line-height: 190%;
}

ul.submenu-uni li:nth-child(odd) a, ul.submenu-uni2 li:nth-child(odd) a, ul.submenu-uni3 li:nth-child(odd) a {
   background: #eee;    
}

ul.submenu-uni li:nth-child(even) a, ul.submenu-uni2 li:nth-child(even) a, ul.submenu-uni3 li:nth-child(even) a {
   background: #f3f3f3;    
}

ul.submenu-uni li:nth-child(odd) a:hover, ul.submenu-uni li:nth-child(even) a:hover, ul.submenu-uni2 li:nth-child(odd) a:hover, ul.submenu-uni2 li:nth-child(even) a:hover {
   background: #fff;
   border-left: 4px solid #0092f3;
   padding-left: 6px;         
}

ul.submenu-uni3 li:nth-child(odd) a:hover, ul.submenu-uni3 li:nth-child(even) a:hover {
   background: #fff;         
}

ul.submenu-uni li a.usu-act, ul.submenu-uni2 li a.usu-act {
   background: #e9eff4;
   border-left: 4px solid #0092f3;
   padding-left: 6px;    
}

/*tahle šipka se nakonec na kraji menu nepoužívá*/
.ico-star-in  /*velmi světlá šipka u položek v menu napravo*/ {
    position: absolute;
    top: 2px;
    left: 0px;
    display: block;
    width: 15px;
    height: 31px;
    background: url('images/social-sprite.png') 0px -103px no-repeat;
}
/*konec*/

.ico-circ-in  /*kolečko, používá se u seznamů pro další díly článkového seriálu*/ {
    position: absolute;
    top: 1px;
    left: 28px;
    display: block;
    width: 14px;
    height: 14px;
    background: url(images/social-sprite.png) 0px -211px no-repeat;
}

.ico-circ-in2  /*kolečko tmavší, používá se u seznamů pro další díly článkového seriálu*/ {
    position: absolute;
    top: 1px;
    left: 28px;
    display: block;
    width: 14px;
    height: 14px;
    background: url(images/social-sprite.png) -15px -211px no-repeat;
}

.ico-circ-in3  /*kolečko zelené, používá se u seznamů pro další díly článkového seriálu*/ {
    position: absolute;
    top: 1px;
    left: 28px;
    display: block;
    width: 14px;
    height: 14px;
    background: url(images/social-sprite.png) -30px -211px no-repeat;
}

.hb-pikt-nastaveni /*ozubena kolecka modrá, používá se v menu napravo*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 28px;
    height: 27px;
    /*background: url('images/social-sprite.png') 0px -75px no-repeat;*/
    background: url('images/title_setting.svg') top left no-repeat;
}

.hb-pikt-souvis /*související seriály modrá - televize ze znaku SZ, používá se v menu napravo*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 28px;
    height: 27px;
    /*background: url('images/social-sprite.png') -28px -75px no-repeat;*/
    background: url('images/title_television.svg') top left no-repeat;
}

.hb-pikt-aktclanky /*aktuální články modrá - otevřená kniha, používá se v menu napravo*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 28px;
    height: 27px;
    /*background: url('images/social-sprite.png') -56px -75px no-repeat;*/
    background: url('images/title_open-book.svg') top left no-repeat;
}

.hb-pikt-lastcom /*poslední komentáře, hnědá, používá se u článků v patě*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') 0px -183px no-repeat;*/
    background: url('images/title_chat.svg') top left no-repeat;
}

.hb-pikt-another /*další články, oranžová, používá se u článků v patě*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -28px -183px no-repeat;*/
    background: url('images/title_fire.svg') top left no-repeat;
}

.hb-pikt-nextart /*další díly seriálu, oranžová, používá se u článků na konci*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -56px -183px no-repeat;*/
    background: url('images/title_movie-board.svg') top left no-repeat;
}

.hb-pikt-tabblue /*modrá, používá se u článků v záhlaví modré tabulky*/ {
    position: absolute;
    top: 8px;
    left: 6px;
    width: 27px;
    height: 27px;
    background: url('images/social-sprite.png') -84px -183px no-repeat;
}

.hb-pikt-tabred /*červená, používá se u článků v záhlaví červené tabulky*/ {
    position: absolute;
    top: 8px;
    left: 6px;
    width: 27px;
    height: 27px;
    background: url('images/social-sprite.png') -112px -183px no-repeat;
}

.hb-pikt-taborange /*oranžová, používá se u článků v záhlaví oranžové tabulky*/ {
    position: absolute;
    top: 8px;
    left: 6px;
    width: 27px;
    height: 27px;
    background: url('images/social-sprite.png') -140px -183px no-repeat;
}

.hb-pikt-disc-l1 /*hlavní diskuze, modrozelená, první level*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -168px -183px no-repeat;-*/
    background: url('images/title_discuss.svg') top left no-repeat;
}

.hb-pikt-mic /*mikrofon, hlášky na profilu seriálu*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -448px -183px no-repeat;*/
    background: url('images/title_microphone.svg') top left no-repeat;
}

.hb-pikt-stats /*zajímavosti na profilu seriálu*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -476px -183px no-repeat;*/
    background: url('images/title_percentage.svg') top left no-repeat;
}

.hb-pikt-subs /*titulky na profilu seriálu*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -504px -183px no-repeat;*/
    background: url('images/title_subtitle.svg') top left no-repeat;
}

.hb-pikt-hp-npl /*NPL na homepage - lupa*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -476px -211px no-repeat;*/
    background: url('images/title_magnifier.svg') top left no-repeat;
}

.hb-pikt-hp-foto /*fotočlánek na homepage - foťák*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -504px -211px no-repeat;*/
    background: url('images/title_camera.svg') top left no-repeat;
}

.hb-pikt-nazor /*názory na profilu seriálu*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -532px -183px no-repeat;*/
    background: url('images/title_comment.svg') top left no-repeat;
}

.hb-pikt-widg /*widgety na profilu seriálu*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -560px -183px no-repeat;*/
    background: url('images/title_share.svg') top left no-repeat;
}

.hb-pikt-naraz /*widgety na profilu seriálu*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -588px -183px no-repeat;*/
    background: url('images/title_comment-list.svg') top left no-repeat;
}

.hb-pikt-epi /*epizody na profilu seriálu*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -616px -183px no-repeat;*/
    background: url('images/title_list.svg') top left no-repeat;
}

.hb-pikt-zajim /*zajímavosti na profilu seriálu*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -588px -211px no-repeat;*/
    background: url('images/title_bulb.svg') top left no-repeat;
}

.hb-pikt-trofej /*trofeje*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -560px -211px no-repeat;*/
    background: url(images/title_cup.svg) top left no-repeat;
}

.hb-pikt-user /*ikona uživatele v záhlaví*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
}

.hb-pikt-user img /*ikona uživatele v záhlaví*/ {
    width: 27px!important;
    height: 27px!important;
    border-radius: 50%;
}

.hb-pikt-doplnit /*doplnit na profilu seriálu*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -616px -211px no-repeat;*/
    background: url('images/title_plus.svg') top left no-repeat;
}

.hb-pikt-disc-l2 /*hlavní diskuze, modrozelená, druhý level*/ {
    position: absolute;
    top: 10px;
    left: 15px;
    width: 12px;
    height: 19px;
    background: url('images/social-sprite.png') 0px -226px no-repeat;
}

.hb-pikt-disc-l2in /*hlavní diskuze, druhý level, ikona u posledních příspěvků apod*/ {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 19px;
    height: 19px;
    background: url('images/social-sprite.png') -45px -30px no-repeat;
}

.hb-pikt-osobni-serialy /*používá se na osobním profilu ve statistikách - TV*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -84px -75px no-repeat;*/
    background: url('images/title_television.svg') top left no-repeat;
}

.hb-pikt-osobni-epizody /*používá se na osobním profilu ve statistikách - stránka se srdcem */ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -112px -75px no-repeat;*/
    background: url('images/title_heart-list.svg') top left no-repeat;
}

.hb-pikt-osobni-nazory /*používá se na osobním profilu ve statistikách - graf*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -140px -75px no-repeat;*/
    background: url('images/title_graph.svg') top left no-repeat;
}

.hb-pikt-vypisclanky-sl1 /*používá se na výpis článků */ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    background: url('images/social-sprite.png') -224px -183px no-repeat;
}

.hb-pikt-vypisclanky-sl2 /*používá se na výpis článků */ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    background: url('images/social-sprite.png') -252px -183px no-repeat;
}

.hb-pikt-vypisclanky-zahl /*používá se na výpis článků */ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -280px -183px no-repeat;*/
    background: url('images/title_note.svg') top left no-repeat;
}

.hb-pikt-npl-zaklad {
    position: relative;
    width: 45px;
    height: 45px;
    margin-right: 8px;
    background: url(images/social-sprite.png) 0px -722px no-repeat;
}

.hb-pikt-npl-stab {
    position: relative;
    width: 45px;
    height: 45px;
    margin-right: 8px;
    background: url(images/social-sprite.png) -46px -722px no-repeat;
}

.hb-pikt-npl-obsah {
    position: relative;
    width: 45px;
    height: 45px;
    margin-right: 8px;
    background: url(images/social-sprite.png) -92px -722px no-repeat;
}

.hb-pikt-npl-ortel {
    position: relative;
    width: 45px;
    height: 45px;
    margin-right: 8px;
    background: url(images/social-sprite.png) -138px -722px no-repeat;
}

.gs-ico-love /*srdíčko, používá se na statistiky, např profil uživatele*/ {
    position: relative;
    width: 26px;
    height: 26px;
    padding: 2px 0 2px 0px;
    background: url('images/social-sprite.png') -163px -246px no-repeat;
}

.hb-pikt-ico01 /*ikona klapky*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    background: url('images/social-sprite.png') -168px -75px no-repeat;
}

.hb-pikt-ico02 /*ikona monitor*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -196px -75px no-repeat;*/
    background: url('images/title_monitor.svg') top left no-repeat;
}

.hb-pikt-ico03 /*ikona medaile*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -224px -75px no-repeat;*/
    background: url('images/title_medal.svg') top left no-repeat;
}

.hb-pikt-ico04 /*ikona hvězda*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -252px -75px no-repeat;*/
    background: url('images/title_star.svg') top left no-repeat;
}

.hb-pikt-ico05 /*ikona plament*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    background: url('images/social-sprite.png') -280px -75px no-repeat;
}

.hb-pikt-ico06 /*ikona čas*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -308px -75px no-repeat;*/
    background: url('images/title_time.svg') top left no-repeat;
}

.hb-pikt-ico07 /*ikona šibenice*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -336px -75px no-repeat;*/
    background: url('images/title_hangman.svg') top left no-repeat;
}

.hb-pikt-ico08 /*ikona vítězný pohár*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -364px -75px no-repeat;*/
    background: url('images/title_cup.svg') top left no-repeat;
}

.watch-ico-like, .watch-ico-like2 /*watchlist piktogram + profil epizody pro verzi 2*/ {
    position: relative;
    float: left;
    display: block;
    width: 31px;
    height: 31px;
    /*background: url('images/social-sprite.png') -204px 0px no-repeat;*/
    background: url('images/watchlist_like-blue.svg') top left no-repeat;
}

.watch-ico-like /*watchlist piktogram*/ {
    margin-left: 9px;    
}

.watch-ico-idn, .watch-ico-idn2 /*watchlist piktogram - i don't know*/ {
    position: relative;
    float: left;
    display: block;
    width: 31px;
    height: 31px;
    margin-left: 4px;
    /*background: url('images/social-sprite.png') -236px 0px no-repeat;*/
    background: url('images/watchlist_check-blue.svg') top left no-repeat;
}

.watch-ico-dnlike, .watch-ico-dnlike2 /*watchlist piktogram - don't like*/ {
    position: relative;
    float: left;
    display: block;
    width: 31px;
    height: 31px;
    margin-left: 4px;
    /*background: url('images/social-sprite.png') -268px 0px no-repeat;*/
    background: url('images/watchlist_unlike-blue.svg') top left no-repeat;
    color: transparent!important;
}    

.hb-pikt-timeline /*timeline budík v záhlaví H1*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -196px -183px no-repeat;*/
    background: url('images/title_stop-watch.svg') top left no-repeat;
}

.hb-pikt-blesk /*blesk pro flash news na HP*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -532px -211px no-repeat;*/
    background: url('images/title_flash.svg') top left no-repeat;
}

.hb-pikt-playlist  /*playlist*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -308px -183px no-repeat;*/
    background: url('images/title_long-plate.svg') top left no-repeat;
}

.hb-pikt-games  /*hp hry - záhlaví*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -336px -183px no-repeat;*/
    background: url('images/title_puzzle.svg') top left no-repeat;
}

.hb-pikt-obsah /*profil seriálu - obsah*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -364px -183px no-repeat;*/
    background: url('images/title_movie-camera.svg') top left no-repeat;
}

.hb-pikt-obsazeni /*profil seriálu - obsazení*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -392px -183px no-repeat;*/
    background: url(images/title_user.svg) top left no-repeat;
}

.hb-pikt-trailer /*profil seriálu - trailer*/ {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 27px;
    height: 27px;
    /*background: url('images/social-sprite.png') -420px -183px no-repeat;*/
    background: url(images/title_television.svg) top left no-repeat;
}

.send-nazor /*názory na profilu seriálu - odeslat*/ {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 29px;
    height: 29px;
    background: url('images/social-sprite.png') 0px -692px no-repeat;
}

/*můj rok ikony*/

.mujrok-pikt-hvezda {
    position: relative;
    float: left;
    width: 46px;
    height: 46px;
    margin: 10px 0 0 10px;
    /*background: url('images/social-sprite.png') 0px -418px no-repeat;*/
    background: url('images/statistics_star.svg') top left no-repeat;
}

.mujrok-pikt-srdce {
    position: relative;
    float: left;
    width: 46px;
    height: 46px;
    margin: 10px 0 0 10px;
    /*background: url('images/social-sprite.png') -47px -418px no-repeat;*/
    background: url('images/statistics_heart.svg') top left no-repeat;
}

.mujrok-pikt-telka {
    position: relative;
    float: left;
    width: 46px;
    height: 46px;
    margin: 10px 0 0 10px;
    /*background: url('images/social-sprite.png') -94px -418px no-repeat;*/
    background: url('images/statistics_tv.svg') top left no-repeat;
}

.mujrok-pikt-fajfka {
    position: relative;
    float: left;
    width: 46px;
    height: 46px;
    margin: 10px 0 0 10px;
    /*background: url('images/social-sprite.png') -141px -418px no-repeat;*/
    background: url('images/statistics_check.svg') top left no-repeat;
}

.mujrok-pikt-oko {
    position: relative;
    float: left;
    width: 46px;
    height: 46px;
    margin: 10px 0 0 10px;
    /*background: url('images/social-sprite.png') -188px -418px no-repeat;*/
    background: url('images/statistics_eye.svg') top left no-repeat;
}

.mujrok-pikt-bubliny {
    position: relative;
    float: left;
    width: 46px;
    height: 46px;
    margin: 10px 0 0 10px;
    /*background: url('images/social-sprite.png') -235px -418px no-repeat;*/
    background: url('images/statistics_discuss.svg') top left no-repeat;
}

.mujrok-pikt-stopky {
    position: relative;
    float: left;
    width: 46px;
    height: 46px;
    margin: 10px 0 0 10px;
    /*background: url('images/social-sprite.png') -282px -418px no-repeat;*/
    background: url('images/statistics_stopwatch.svg') top left no-repeat;
}

.mujrok-pikt-graf {
    position: relative;
    float: left;
    width: 46px;
    height: 46px;
    margin: 10px 0 0 10px;
    /*background: url('images/social-sprite.png') -329px -418px no-repeat;*/
    background: url('images/statistics_graph.svg') top left no-repeat;
}


/*lámání watchlistu*/

@media (max-width: 600px) {

.watch-ico-idn, .watch-ico-dnlike {
    margin-left: 20px;
}

}


@media (max-width: 420px) {

.watch-ico-idn, .watch-ico-dnlike {
    margin-left: 60px;    
}

.watch-ico-like::after {
    /*content: "líbila";
    font-family: 'K2D', sans-serif;
    margin: 0 0 0 35px;     
    color: #000;
    vertical-align: -35%;*/
}

.watch-ico-idn::after {
    /*content: "viděno";
    font-family: 'K2D', sans-serif;
    margin: 0 0 0 35px;     
    color: #000;
    vertical-align: -35%;*/
}

.watch-ico-dnlike::after {
    /*content: "nelíbila";
    font-family: 'K2D', sans-serif;
    margin: 0 0 0 35px;     
    color: #000;
    vertical-align: -35%;*/
}

.def-list2-sz3 .def-list2 .watch-ico-idn, .def-list2-sz3 .def-list2 .watch-ico-dnlike {
    margin-left: 0px;    
}

.def-list2-sz3 .watch-ico-like::after {
    content: "";
    font-family: 'K2D', sans-serif;
    margin: 0 0 0 0px;     
    color: #000;
    vertical-align: 0%
}

.def-list2-sz3 .watch-ico-idn::after {
    content: "";
    font-family: 'K2D', sans-serif;
    margin: 0 0 0 0px;     
    color: #000;
    vertical-align: 0%
}

.def-list2-sz3 .watch-ico-dnlike::after {
    content: "";
    font-family: 'K2D', sans-serif;
    margin: 0 0 0 0px;     
    color: #000;
    vertical-align: 0%;
}

}




/* Media Queries
--------------------------------------------- */

@media all and (max-width : 1000px) {

nav { 
  margin: 0;
  width: 100%; 
}

nav .in-menu {
  position: relative;
  /*width: 768px;*/
  width: 100%;
  margin: 0 auto;
  padding: 0;
} 

.logo-menu {
	/*width: 768px;*/
  width: 100%; 
}

.user-menu-top {
	margin-right: 10px; 
}

.logo-menu a.lg {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 186px;
  height: 41px;
  margin: 0;
  padding: 0;
}

nav ul.menu {
	margin-left: 10px; 
}

.main-search { 
  float: right;
  margin-right: 10px; 
}

.in-menu input.odesilaci {
  position: absolute;
  top: 14px;
  right: 14px;
}

}


@media all and (max-width : 880px) {

nav { 
  margin: 0;
  width: 100%; 
}

nav .in-menu {
  position: relative;
  /*width: 600px;*/
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.navlogo {
  position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
  height: 60px;  
	padding: 0; 	
 	text-align: left;  
  background: #004b8c;
  z-index: 1000;  
  margin: 0;
  padding:  0 0 0 5px;
  font-family: arial;
}

.logo-menu {
	/*width: 600px;*/
  width: 100%; 
}

.user-menu a {	
  margin-top: 20px;
}

.user-menu a {
	margin-left: 4px; 
}

.main-search { 
  position: absolute;
  top: 0px;
  right: 0px;
}

.in-menu input.odesilaci {
  position: absolute;
  top: 14px;
  right: 6px;
}

.toggle + a, .menu { 
  display: none; 
}

.toggle {
  display: block;
  /*background-color: #0092f3;*/  
  padding: 0 0px 0 10px;
  color: #fff;
  font-size: 16px;
  line-height: 50px;
  text-decoration: none;
  border: none;
}

.toggle:hover { 
  /*background-color: #1c3b6f;*/ 
}

[id^=drop]:checked + ul { 
  display: block; 
}


nav ul li {
  display: block;
  width: 100%;  
}

nav ul .toggle, nav ul a {
  font-size: 16px;
  padding: 0 0px 0 10px;
}

nav ul ul .toggle, nav ul ul a { 
  padding: 0 0px 0 0px; 
  font-size: 16px;
}


nav ul li ul li .toggle, nav ul ul a { 
 /*background-color: #212121;*/ 
}

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
  padding: 0 0px 0 10px;
}


}


@media all and (max-width: 600px) {

nav {
  top: 44px;
  width: 100%;	
}

nav .in-menu {
  position: relative;
  /*width: 425px;*/
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.navlogo {
  position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
  height: 44px;  
	padding: 0; 	
 	text-align: left;  
  background: #004b8c;
  z-index: 1000;  
  margin: 0;
  padding:  0 0 0 5px;
  font-family: arial;
}

.logo-menu {
	/*width: 420px;*/
  width: 100%; 
}

.user-menu-top .umt-link a {
	position: relative;
    display: block;
    float: right;
	margin: 16px 0px 0 16px;
	padding: 0;
    color: #fff;
    text-decoration: none;
    font-family: k2d;
    font-size: 13px;
}

.logo-menu a.lg {
	position: absolute;
  top: 8px;
	left: 8px;
  width: 160px;
  height: 28px;
	margin: 0;
	padding: 0;
}

.logo-menu a.lg img {
	width: 160px;
  height: 28px;	
}

.logo-menu img.logo-ico {
  /*background: url('images/serialzone3-160-logo.png') 0px 0px no-repeat;
  width: 160px;
  height: 28px;*/
  /*width: 100%;*/
 /*background-image: url(images/serialzone3-logo.svg);*/
 background-size: cover;
 height: 0;
 padding: 0; /* reset */
 /*padding-bottom: calc(100% * 4 / 23);*/
}

.user-menu a {
	position: relative;
	float: right;
  width: 28px;
	height: 28px;
	margin: 8px 0px 0 4px;
	padding: 0;
}

.content {
  position: relative;
  padding: 0px;
  background: #f9f9f9;
  margin: 0 auto;
  /*margin-top: 102px;*/
  max-width: 600px;
  z-index: 100;
}

.marginator {
    position: relative;
    display: block;
    padding: 0px;
    height: 80px;
    width: 1px;
    z-index: 100;
}

}


@media all and (max-width: 380px) {

nav ul li {
  display: block;
  width: 94%;
}

nav {
    top: 44px;
    width: 100%;
    max-height: calc(100% - 44px); 
    overflow-y: auto;	
}

nav .in-menu {
  position: relative;
  /*width: 320px;*/
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.navlogo {
  position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
  height: 44px;  
	padding: 0; 	
 	text-align: left;  
  background: #004b8c;
  z-index: 1000;  
  margin: 0;
  padding:  0 0 0 5px;
  font-family: arial;
}

.logo-menu {
	/*width: 315px;*/
  width: 100%; 
}

.logo-menu a.lg {
	position: absolute;
  top: 8px;
	left: 8px;
  width: 130px;
  height: 23px;
	margin: 0;
	padding: 0;
}

.logo-menu a.lg img {
	width: 130px;
  height: 23px;	
}

.logo-menu img.logo-ico {
  /*background: url('images/serialzone3-130-logo.png') 0px 0px no-repeat;
  width: 130px;
  height: 23px;*/
  width: 100%;
 /*background-image: url(images/serialzone3-logo.svg);*/
 background-size: cover;
 height: 0;
 padding: 0; /* reset */
 /*padding-bottom: calc(100% * 4 / 23);*/
}

.user-menu a {
	position: relative;
	float: right;
  width: 28px;
	height: 28px;
	margin: 8px 0px 0 4px;
	padding: 0;
}

.content {
  position: relative;
  padding: 0px;
  background: #fff;
  margin: 0 auto;
  /*margin-top: 102px;*/ /*zakomentování 27.1. protože bug na mobilu, když reklama*/
  max-width: 360px;
  z-index: 100;
}

}


/****************menu pro podstránky nalevo*************/

.smenul {
  float: left;
  width: 160px;
  z-index: 10000;
}

.smenul .headb-blue {
  position: relative;
    height: 40px;
    padding: 5px 0 0 42px!important;
    font-family: 'K2D', sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    margin: 0 0 8px 0;
    background-color: #005eb0!important;
    overflow: hidden;
    white-space: -moz-pre-wrap !important;
    white-space: -webkit-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    line-height: 170%;
    z-index: 10; 
}

.smenul-content {
  float: left;
  width: calc(100% - 190px);
  margin: 0 0 30px 30px;
}

.smenul-content2 {  /*pro verzi s dvěma sloupci po stranách*/
  float: left;
  width: calc(100% - 380px);
  margin: 0 30px 30px 30px;
}

.smenul-content2 p a {
  color: #2573a7;
    text-decoration: none;
    cursor: pointer;
}

.smenul-content p a {           /*přidáno dodatečně, pokud bude někde zlobit, dát pryč, projeví se u prádných stránek na profilu seriálu, např přidání zajímavosti*/
    text-decoration: none;
    color: #005eb0;
}

@media all and (max-width: 869px) {

.smenul .headb-blue, .submenu-uni2 {
  display: none;
}

.smenul-content, .smenul-content2 {
  float: left;
  width: 100%;
  margin: 0 0 30px 0;
  z-index: 10;
}

.smenul-content2 p#kompletobsah {
  padding: 0 16px 0 16px;  
}

}


@media all and (max-width: 500px) {             /*kvůli infoboxu na profilu seriálu na mbl, pokud někde bude zlobit, není problém zrušit*/
.smenul {
  float: left;
  width: 100%;
  z-index: 10000;
}

.smenul-content p {           /*přidáno dodatečně, pokud bude někde zlobit, dát pryč, projeví se u prádných stránek na profilu seriálu, např přidání zajímavosti*/
    padding: 0 5px 0 5px;
    
}

}

/************************************burger menu******************************************/



/* Screen reader only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/* Button styling */
/*.menu-ham-toggle {
  display: inline-block;
  padding: .75em 15px;
  line-height: 1em;
  font-size: 1em;
  color: #333;
  background: red;
} */

.menu-ham-toggle {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px 10px 5px 10px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #1d2129;
    color: #000;
    text-decoration: none;
}

.menu-ham-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 1px;
    margin: 0  0 3px 0;
    background-color: #1d2129;;
}

.menu-ham-toggle:hover,
.menu-ham-toggle:focus {
  color: #c00;
}

.menu-ham-toggle .mht-in {
    position: relative;
    float: left;
    width: calc(100% -22px);
    padding: 0;
    margin: -7px 0 0 10px;
    font-family: 'K2D', sans-serif;
    font-weight:400;
    font-size: 16px;
    color: #000;
    text-decoration: none;
}

/*
 Default styles + Mobile first
 Offscreen menu style
*/
.main-menu-ham {
  position: absolute;
  left: -200px;
  top: 0;
  height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  transition: left 0.3s ease,
              box-shadow 0.3s ease;
  z-index: 999;
}

.main-menu-ham ul {
  list-style: none;
  margin: 0;
  padding: 110px 0 0 0; 
  /*2.5em 0 0;*/
  /* Hide shadow w/ -8px while 'closed' */
  -webkit-box-shadow: -8px 0 8px rgba(0,0,0,.5);
     -moz-box-shadow: -8px 0 8px rgba(0,0,0,.5);
          box-shadow: -8px 0 8px rgba(0,0,0,.5);
  min-height: calc(100% - 20px);
  width: 200px;
  background: #1a1a1a;  
}

.main-menu-ham li {
    position: relative;
    padding: 0px;
    text-align: left;
}

.main-menu-ham li a {
    position: relative;
    display: block;
    height: 36px;
    margin: 1px 0 0px 0;
    padding: 7px 0 0 10px;
    font-size: 0.9em;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
    line-height: 190%;
}

.main-menu-ham li a.usu-act, ul.submenu-uni2 li a.usu-act {
    padding-left: 6px !important;
    border-left: 4px solid #0092f3 !important;
}

.ico-star-in {
    display: none;
}

.l-menu-unlocked {
    position: absolute;
    display: block;
    top: 10px;
    right: 6px;
    width: 10px;
    height: 12px;
    background: url(images/social-sprite.png) -16px -103px no-repeat;
}

.l-menu-locked {
    position: absolute;
    display: block;
    top: 10px;
    right: 6px;
    width: 10px;
    height: 12px;
    background: url(images/social-sprite.png) -16px -116px no-repeat;
}

/*.main-menu-ham a {
  display: block;
  padding: .75em 15px;
  line-height: 1em;
  font-size: 1em;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #383838;
} */

.main-menu-ham li:first-child a {
  /*border-top: 1px solid #383838;*/
}

.main-menu-ham a:hover,
.main-menu-ham a:focus {
  background: #fff;
  text-decoration: none;  
}

.main-menu-ham .menu-close {
  position: absolute;
  right: 0;
  top: 0;
}

/*
 On small devices, allow it to toggle...
*/
/*
 :target for non-JavaScript
 aria-expanded="true/false" will be for JavaScript
*/
.main-menu-ham:target,
.main-menu-ham[aria-expanded="true"] {
  left: 0;
  outline: none;
  -moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);
  -webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);
  box-shadow: 3px 0 12px rgba(0,0,0,.25);
}

.main-menu-ham:target .menu-close,
.main-menu-ham[aria-expanded="true"] .menu-close {
  z-index: 1001;
}

.main-menu-ham:target ul,
.main-menu-ham[aria-expanded="true"] ul {
  position: relative;
  z-index: 1000;
}

/* 
 We could us `.main-menu-ham:target:after`, but
 it wouldn't be clickable.
*/
.main-menu-ham:target + .backdrop,
.main-menu-ham[aria-expanded="true"] + .backdrop {
  position: absolute;
  display: block;  
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 998;
  background: #000;
  background: rgba(0,0,0,.85);
  cursor: default;
}

/*.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
} 

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
} */ 

.in-menu-select {
    position: relative;
    width: 160px;
    padding: 8px 0px 8px 6px;
    text-align: left;
    background: #eee;
}

.in-menu-select select {
    width: 148px;
    color: #323232;
    background: #fff;
    border: 0px;
    font-size: 13px;
    padding: 4px 0px 4px 4px;
}


@supports (position: fixed) {
  .main-menu-ham,
  .main-menu-ham:target + .backdrop,
  .main-menu-ham[aria-expanded="true"] + .backdrop {
    position: fixed;
  }
}

/*
 Larger screen styling
 Horizontal menu
*/
@media (min-width: 870px) {
  .menu-ham-toggle,
  .main-menu-ham .menu-close {
    display: none;
  }
  
  /* Undo positioning of off-canvas menu */
  .main-menu-ham {
    position: relative;
    left: auto;
    top: auto;
    height: auto;
    padding: 0 0 0 0;
    overflow: hidden;
  }
  
.main-menu-ham ul, .smenul ul {
    /*display: flex;*/
    
    /* Undo off-canvas styling */
    padding: 0 0 0 0;
    margin: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    height: auto;
    width: auto;
    background: none;
    overflow: hidden;
  }
  


.main-menu-ham li, .smenul li {
    position: relative;
    padding: 0px;
    text-align: left;
}

.main-menu-ham li a.usu-act, ul.submenu-uni2 li a.usu-act {
    background: #e9eff4 !important;
    padding-left: 6px !important;
    border-left: 4px solid #0092f3 !important;
}

.main-menu-ham li:nth-child(odd) a, .smenul li:nth-child(odd) a {
    background: #eee;
}

.main-menu-ham li:nth-child(even) a, .smenul li:nth-child(even) a {
    background: #f3f3f3;
}

.main-menu-ham li a, .smenul li a {
    position: relative;
    display: block;
    height: 36px;
    margin: 1px 0 0px 0;
    padding: 7px 0 0 10px;
    font-size: 0.9em;
    font-weight: 400;
    color: #000;
    text-decoration: none;
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
    line-height: 190%;
}

.main-menu-ham li a:hover, .smenul li a:hover {
    text-decoration: none;
    background: #fff;    
}
  
  .main-menu-ham a {
    color: #06c;
    border: 0 !important;
    padding-left: 10px !important;
  }
  
  .main-menu-ham a:hover,
  .main-menu-ham a:focus,
  .smenul li a:hover,
  .smenul li a:focus {
    color: #000;
    background: #fff;
    padding-left: 6px !important;
    border-left: 4px solid #0092f3 !important;
  }
  
 /* .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}  */
  
}