html {
height: 100%;
width: 100%;
}

body {

/*font-family: 'Roboto', sans-serif;*/
	
    /*background: url(http://portal.itbusiness.cz/images/portal_b.jpg) no-repeat center center fixed;
    background: url(/images/background/pozadi-kacov.jpg) no-repeat center center fixed;
    background-size: cover;*/
    line-height: :2rem;
}
.ui.accordion .title:not(.ui), body {
	font-family: Verdana , Tahoma, sans-serif !important;
}
.obsah .clanek h3 { margin-top: 40px !important; }
.obsah .clanek a { text-decoration: underline !important; }
.obsah .clanek h2 a,.obsah .clanek h3 a, .obsah .clanek a.button { text-decoration: none !important; } 
a {color: white!important;}
a:hover {color: orange!important;  }
h1,h2,h3,h4,h5 {font-family: verdana!important}


.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}

@media (max-width: 767px) {

  .logo {margin-left: -23px !important}
  video {display: none;}
  .fullscreen-bg {
    
    background: url(/intro/video/MH/video.jpg) no-repeat center center fixed;
    background-size: cover;
  
  }

  .fullscreen-bg__video {
    display: noned;
  }
}



.obs {
margin-left: auto;
margin-right: auto;
max-width: 1140px;
min-height: 100%;
height: 100%;
padding-top: 10px; 
}


.ui.button{
font-family: 'Roboto', sans-serif;    
}

.sluzby i {
font-size: 64px;
}

h1, h2 a:hover, h2 a, h2, h3, h3 a:hover, h3 a {
    color: #1C4A7E;}

h2.ui.header {
font-size: 16pt;    
}

.sluzby div.column {
background: #00b5ad;
float: left;
margin-right: 10px;
}

#obsah {
width: 100%;
height: 200px;
}

.obsah {
padding: 10px 10px 100px 10px;
}

.obsah .thirteen {

}

.editace {
position: fixed;
text-align: right;
}

.menu_tab {
/*height: 100%;*/

}

.subpage h1 {
	    padding-left: 20px;
    padding-top: 15px;
}
.subpage {
	background: rgba(255, 255, 255, 0.90);;
	
	height: 1800px;
	text-overflow: none;
}
.subpage .ui.segment{
	backgrounddd:none;
}


.menu_tab .segment {
height: 100%;
}




.ulozit {
position: absolute;
z-index: 500;
right: -24px;
top: -46px;
}

.ulozit input {
position: fixed;
}

.menu_paticka {
position: fixed;
bottom: 0px;
z-index: 1901;
max-width: inherit!important;
text-align: center;
}



.zajem_btn {
position: absolute!important;
right: 0px;
}

.ui.vertical.menu .active.item {
box-shadow: 0 0 0 inset;
font-weight: bold;
}

@media screen and (max-width: 960px) {
   article {
      .column(12);
   }
   aside {
      .column(12);
   }
}

.logo {
width: 256px;
background: #1c4a7e;
color: #FFF;
cursor: pointer;
font-size: 20pt;
font-family: Tahoma;
font-weight: bold;
text-align: right;


padding: 15px 15px 15px 0;
margin: 20px 0;
-webkit-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.13);
-moz-box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.13);
box-shadow: 10px 10px 5px -5px rgba(0,0,0,0.13);
position: absolute;
left: 0px;
margin-left: 0px;
top: 0px;
}

.slogan {
	position: absolute;
	top: 56px; left: 56px;
  width: 250px;
	color: white;
  font-weight: normal;
	opacity: 0;
	font-size: 14px; text-shadow: 1px 1px black;
}
.logo:hover, .logo:hover a  {
  background: white;
  color: #1c4a7e;
}
.logo:hover .slogan { 
  display: block;
-webkit-transition: opacity 1.0s ease-in;
-moz-transition: opacity 1.0s ease-in;
-o-transition: opacity 1.0s ease-in;
opacity: 1;
}

.logo a {
color: #FFF;
text-decoration: none;
}

.page {
	margin-top: 8px;
}
.menu_hlavni {
  padding-top: 0px;
  padding-bottom: 32px;
}

.menu_hlavni a.item {
color: white!important;
font-size: 2.3vh !important;
text-shadow: 1px 1px #1C4A7E !important;
padding-top: 10px !important;
padding-bottom: 10px !important;


}
.menu_hlavni a.item:last-child {
  padding-right: 0px
  }

.menu_hlavni a:hover, .spolecnost a:hover  {
color: #CEE5FF!important;

}

.menu_o {
text-align: right;
color: white;
}

.spolecnost {
text-align: right;}
.spolecnost a {padding: 0px 10px;}
.spolecnost a:last-child {padding-right: 0px;}


.menu_o a {
font-size: 1.3vh;
color: white;
/*text-transform: uppercase;*/

}

.bread a {
color: white;
text-shadow: 1px 1px black;
}

.bread a.active {
font-weight: bold;
}

.editor {
margin-bottom: 200px;
}



.komunikace {
display: none;
width: 400px;
height: 450px;
background: #FFF;
box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
position: fixed;
bottom: 39px;
z-index: 1000;
left: 50%; 
margin-left: -150px;
transform: translate(-50%,0);
}
.komunikace.facebook {height: 650px; width: 530px}
.komunikace.youtube {height: 387px; width: 660px}
.komunikace.osobne {margin-left: 100px}
.komunikace.napsat {margin-left: -27px}
.komunikace.mam_zajem {margin-left: 369px; height: 650px}

.komunikace .ui.segment {
box-shadow: none;
}

.ui.card, .ui.cards>.card {
  width: 280px;

}

.ui.cards .card:hover {  cursor: pointer!important; }
.ui.cards .card:hover .extra.content { background-color: #FAFAFA;    }
.ui.cards .card:hover .extra.content a { color: #4286ca;font-weight: bold;}


.komunikace .obsah {
overflow: hidden;
}

.komunikace textarea {
height: 50px!important;
}

div.kecal {
display: none;
position: fixed;
bottom: 0px;
z-index: 999;
background: transparent url(../images/kecal.png);
width: 128px;
height: 195px;
}

div.bublina {
display: none;
position: fixed;
bottom: 165px;
z-index: 1000;
padding-left: 98px;
}

p.mluvim
{
	position: relative;
	width: 225px;
	height: 110px;
	text-align: center;
	line-height: 25px;
	background-color: #fff;
	border: 3px solid #666;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 2px 2px 4px #888;
	-moz-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
    padding: 10px;
    opacity: 0.9;
}

p.mluvim:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 30px;
	top: 104px;
	border: 20px solid;
	border-color: #666 transparent transparent #666;
}

p.mluvim:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 34px;
	top: 104px;
	border: 16px solid;
	border-color: #fff transparent transparent #fff;
}

.chat_zpravy
{
height: 182px;
}

.chat_zpravy .ui.inverted.dimmer
{
background: #FFF;
}

.komunikace .vystup {
padding: 135px 45px;
text-align: center;
}

.komunikace .vystup i {
position: absolute;
top: 82px;
left: 87px;
z-index: -1000;
font-size: 140pt;
color: #f7f7f7;
}

.komunikace input[type="number"]::-webkit-outer-spin-button,
.komunikace input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.komunikace input[type="number"] {
    -moz-appearance: textfield;
}
.home {
	background: url(../images/home.jpg?1467707144) no-repeat;
    background-size: cover;
    display: 	none;
}




.video-wrapper {
    height: 100%;
    z-index: 0;
    height: 100%;
    overflow: hidden;
}

.menu_top .ui.pointing.secondary.menu {min-height: 0px!important}
.menu_top .ui.pointing.secondary.menu a.item {   font-size: 1.5vh; padding-left: 0px; margin-right: 10px; padding-top: 0px;}
.menu_top .ui.segment {padding-left: 0px!important}
.menu_top.uvod .ui.pointing.secondary.menu a.item,


.menu_sluzby {background-color: transparent !important;  box-shadow: none!important; border: none!important; clear: both; }
.menu_sluzby a.item { font-weight: bolder !important;  
				;margin-right: 6px; opacity: 1; 
				box-shadow: 10px 10px 32px -11px black; 
				font-size: 2vh;
        font-weight: bold!important;
				background-color: rgba(250, 250, 250, 1)!important;
				/*background: linear-gradient(to bottom,#fff 20%,#E4E4E4 100%) !important;*/
				color: #4286ca!important;
			}
.ui.menu .item:before {background: none;}
.menu_sluzby a i i.corner {text-shadow: none!important; }
.menu_sluzby a.ict i i.corner {bottom: 34%;    right: 27%; }
.menu_uvod a.ict i i.corner {bottom: 19px;    right: 15px; text-shadow: none!important; }


.ui.labeled.icon.menu .item>.icon:not(.dropdown) {margin: 0 auto 0.3rem!important;}
.menu_sluzby a.item i.icons .icon {margin-right: 0px }
/*
.menu_sluzby a.item:hover   { background-color: #3C6FA8 !important;}
.menu_sluzby a.item.active  { background-color: #1C4A7E !important;} */
.menu_sluzby a.item.active i, 
.menu_sluzby a.item.active , 
.menu_sluzby a.item:hover , 
.menu_sluzby a.item:hover i , 
.menu_sluzby a.item:hover i i.corner, 
.menu_sluzby a.item.active i i.corner { opacity: 1 !important;}
.menu_sluzby a.item:hover {
    -webkit-transform: scale(1.1,1.1);
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 200ms!important;
    -moz-transform: scale(1.1,1.1);
    -moz-transition-timing-function: linear;
    
    -moz-transition-duration: 200ms!important;
}



.menu_sluzby  a.ict:hover, .menu_sluzby.uvod a.ict.active {color: white!important; background: rgba(251,204,24, 0.8)!important} 
.menu_sluzby  a.ict:hover, .menu_sluzby a.ict.active {color: white!important; background: rgba(251,204,24, 1)!important} 
.menu_sluzby  a.zabava:hover, .menu_sluzby a.zabava.active  {color: white!important;background: rgba(216,35,184, 0.8)!important} 
.menu_sluzby  a.hlas:hover, .menu_sluzby a.hlas.active  {color: white!important; background: rgba(91,216,52, 0.8) !important} 
.menu_sluzby  a.tech:hover, .menu_sluzby a.tech.active  {color: white!important; background: rgba(187,178,255, 0.8)!important} 
.menu_sluzby  a.balicky:hover, .menu_sluzby a.balicky.active  {color: white!important; background: rgba(179,101,74, 0.8)!important} 




.ui.menu_uvod .item {
font-size: 2rem;

margin-right: 26px!important;
color: white!important;
background-color: rgba(0, 0, 0, 0.4)!important;
}

.ui.menu_uvod a.item:hover i i.corner {text-shadow: 1px 1px  #E6E4E4!important; }

.slogan_uvod {height: 50px; font-size: 2rem; line-height: 2.5rem; text-shadow: 1px 1px #1C4A7E; color: white; text-align: center;margin-top: 200px	;margin-bottom: 100px; }
.sloganb    {display: none; margin-bottom: 43px  }
.sloganb_in {display: none; font-size: 1.5em;}
.sloganb_in  .itb {    font-weight: bold;}
.sloganb_in:hover {     padding: 21px 33px 50px 33px; }

.ui.block.huge.header {padding-bottom: 8px;}
.ui.big.button {padding-bottom: 8px;}
i.large.icon {line-height: inherit;}

.mapa.desktop:hover {
	  filter: none;
  cursor: pointer!important ;
  -webkit-transform: scale(1.05,1.05);
    -webkit-transition-timing-function: linear;
    -webkit-transition-duration: 500ms!important;
    -moz-transform: scale(1.1,1.1);
    -moz-transition-timing-function: linear;

    -moz-transition-duration: 500ms!important;
}

ul.benefits, ul.benefits ul  {list-style: none !important; margin-left: 0px !important; padding-left: 0px !important; cursor: pointer;}
ul.benefits li, ul.benefits ul li {margin-bottom: 10px}
.benefits .intro:hover {color: navy  ;}
.vyhody ul li {padding-left:50px; }
.i_server {background: url('../images/icons/i_server.png') top left no-repeat; }
.i_mapa { background: url('../images/icons/i_map.png') top left no-repeat; }
.i_garance { background: url('../images/icons/i_garance.png') top left no-repeat; }
.i_komunikace { background: url('../images/icons/i_komunikace.png') top left no-repeat; }
.i_expres { background: url('../images/icons/i_car.png') top left no-repeat; }
.i_organizace { background: url('../images/icons/i_organizace.png') top left no-repeat; }
.i_sluzby { background: url('../images/icons/i_sluzby.png') top left no-repeat; }
.i_ceny { background: url('../images/icons/i_gift.png') top left no-repeat; } 

.obsah .ui.vertical.menu.vlevo {border-color: #4286ca!important; border-radius: 0px;}

.obsah .ui.vertical.menu {
width: 180px;
white-space: normal!important;
}


.obsah h3 {margin-bottom: 20px;}

.internet_right_tech a:hover {color: orange!important}
.obsah .ui.button {text-align: left;}

.ui.menu.menu_hlavni {
font-family: Arial,Helvetica,sans-serif;
border-radius: 0!important;
background: none!important;
box-shadow: none !important;
border: none!important;
}
.ui.menu.item {color: white!important}

.menu_paticka  {
	background: black!important;
	border-radius: 0!important;

}
.menu_paticka .item {
font-size: 2vh!important;
}

.menu_tab .ui.tabular.menu {
border-bottom: 1px solid #4286ca!important;
}

.ui.inverted.menu {
	width: 1140px !important;
    margin-bottom: 0px !important;
  margin-left: auto!important;
  margin-right: auto!important;

}

.ui.block.header,.ui.card, .ui.cards>.card, .ui.card>:last-child, .ui.cards>.card>:last-child,
.ui.card>:last-child, .ui.cards>.card>:last-child,
.ui.top.attached.header
 {border-radius: 0px !important;}
.ui.basic.buttons {border:0px; border-radius: 0px !important}


.ui.attached.tabular.podmenu {

}

.ui.podmenu .item {
border-top: 0px!important;
border-left: 0px!important;
border-color: #4286ca!important;
color: #4286ca!important;
}
.ui.card>.button, .ui.card>.buttons, .ui.cards>.card>.button, .ui.cards>.card>.buttons {
     margin: 0px; 
     width: calc(100%); 
    }

.ui.tabular.podmenu .active.item, .ui.top.attached.menu>.item:first-child, .ui.menu>.item:first-child {
border-radius: 0!important;
}

.ui.attached.segment, .ui.segment {
margin: 0!important;
border: 0px!important;
width: 100%!important;
}



.menu_top .ui.tab.segment {
		background: none;
}



.ui.pointing.secondary.menu {margin-bottom: 0px}
.menu_top  .ui.secondary.pointing.menu {border-bottom: none;}
.menu_top  .ui.secondary.pointing.menu a {text-shadow: 1px 1px #4366A7; color: white!important}
.menu_top.uvod    {display: none;}
.ui.secondary.pointing.menu .item {padding-bottom: 5px}
.ui.secondary.pointing.menu .item {padding-bottom: 5px}
.ui.secondary.pointing.menu .item:hover {text-shadow: 1px 1px black}
.ui.secondary.pointing.menu .active.item, .ui.secondary.pointing.menu .active.item:hover {border-color: white; text-shadow: 1px 1px black}

.ui.vertical.basic.buttons .button {margin-bottom: 5px!important; border-radius: 0 0 0 0!important;}
.ui.vertical.basic.buttons .button:hover {color:orange!important;  box-shadow: 0 0 0 1px orange inset!important; ;}

.intro_button {color: navy}
.intro_button:hover {color: orange; cursor: pointer;}
.vyhody.ui.accordion .title:hover, .vyhody.ui.accordion .title.active, .ui.accordion .title:hover,
.ui.accordion .title.active {color: #ED7403!important; }
.vyhody.ui.accordion .title:hover, .vyhody.ui.accordion .title.active {background-color: #FAFAFA !important;}
.vyhody.ui.accordion .title {padding-left: 5px!important}
.vyhody.ui.accordion .content {padding-left: 45px !important}
.ui.accordion.faq .content {padding-left: 23px !important}
.vyhody.ui.accordion .content ul {padding-left: 0px !important; list-style: none;}
.vyhody.ui.accordion .content ul li {padding-bottom: 10px !important; font-style: normal!important; }

ol.ui.list.postup li:before {
    font-weight: bold;
}
.ui.rating {display: block; }

.internet_right {float: right; font-size: 11px}
.internet_right_tech { text-align: left; width: 220px; padding-top: 20px; font-size: 14x; float: right;}

.obsah .clanek .internet_right_tech a {color: black; text-decoration: none !important;}
.submap {    font-size: 12px;
    clear: both;
    padding-top: 30px;
	padding-left: 10px}
.page .ui.header  {background: #4286ca!important; color: white!important}
.fb_itb {position: 	absolute!important;	bottom: 50px!important; display: none;}
.reference img {
	filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  opacity: 0.7;
  margin-right:40px; 
  margin-bottom:20px; 
}
.reference img:hover {
  filter: none;
  cursor: pointer!important ;
  -webkit-filter: grayscale(0);
  -webkit-transform: scale(1.1,1.1);
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-duration: 500ms!important;
    -moz-transform: scale(1.1,1.1);
    -moz-transition-timing-function: ease-in;
    text-shadow: 2px 2px #E6E4E4;
    -moz-transition-duration: 500ms!important;
    opacity: 1;
}

.fix-logo {
    position: fixed!important;
    top: -15px!important;
    z-index: 1000;
    margin-left: -620px;
    }
.remove-slogan {opacity: 0!important ;}    
.fix-submenu {
    position: fixed;
    top: 70px;
    }
#akceman {    position: fixed; cursor: pointer; 
    bottom: 51px;    z-index: 1901;    left: 46%;	margin-left: -642px;
    padding: 20px; border: 1px solid #72B1F7; background: rgba(255,255,255,0.8)
}  

#man {    position: fixed;
	display: none;
    bottom: 5.5%;
    z-index: 1901;
    left: 58%;
	margin-left: -642px;
}    

.sma {   font-size: 0.5em; }
.sma2 {   font-size: 12px;  }

#man img {display: nonef; cursor: pointer;}
#man div { position: absolute; display: none;  border: 1px solid #72B1F7; background: rgba(255,255,255,0.95); -webkit-box-shadow: 3px 4px 5px -1px rgba(0,0,0,0.13);
-moz-box-shadow: 3px 4px 5px -1px rgba(0,0,0,0.13);
box-shadow: 3px 4px 5px -1px rgba(0,0,0,0.13);}
#man #b1 {bottom: 185px;    left: 51px;    width: 12px;    height: 12px; }
#man #b2 {bottom: 186px;    left: 70px;    width: 27px;    height: 27px;}
#man #b3 {bottom: 184px;    left: 108px;    width: 252px;    height: 114px; padding: 10px }
#man #b3 .icon {float: right; margin-right: 0px}
#man #b3 .icon:hover {color: orange; cursor: pointer;}


.obsah .clanek a.kom_btn {cursor: pointer!important; text-decoration: none!important; padding: 0px 10px !important;}
.ui.block.header .close_btn {float: right; margin: 0px; padding: 0px;
    cursor: pointer;
    width: 24px;
}}





/*******************************
          Responsive
*******************************/

/* Mobile Only */
@media only screen and (max-width : 768px) {

.sloganb {font-size: 4vw; margin-top: 0px; margin-bottom: 0px; height: 5rem!important;}
.menu_sluzby.menu_uvod .item {font-size: 1rem; flex-wrap: wrap;}
}

@media only screen and (max-height: 700px) {

	#man {display: none !important;}
}