@media only screen and (max-width: 768px) {
.plovouci .ba-grid-column-wrapper.span10 {
   
    width:calc(100% - 140px);
}

.plovouci .ba-grid-column-wrapper.span2 {
    
    width:140px;
}

}
/*svetylka*/
.christmas-lights li {
    --christmas-lights-1: #057d70; /*color - 1*/
    --christmas-lights-2: #d41a21; /*color - 2*/
    --christmas-lights-3: #ffd27c; /*color - 3*/
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-name: flash-1;
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    margin: 25px 20px;
    position: relative;
    width: 20px;
}
  
.christmas-lights {
    left: 0;
    margin: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: -15px;
    white-space: nowrap;
    width: 100%;
    z-index: 100;
}
  
.christmas-lights[data-position="bottom"] {
    top: auto;
    bottom: -15px;
    transform:scale(-1)
}
  
.christmas-lights[data-position="right"],
.christmas-lights[data-position="left"] {
    transform: rotate(-90deg);
    left: -10px;
    top: 0;
    right: auto;
    bottom: 0;
    width: 100vh;
}
  
.christmas-lights[data-position="right"] {
    transform: rotate(90deg);
    left: auto;
    right: -15px;
}
  
.christmas-lights li:before {
    content: "";
    position: absolute;
    background: #505050;
    width: 10px;
    height: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    top: -9px;
    left: 5px;
}
  
.christmas-lights li:after {
    content: "";
    top: -23px;
    left: 10px;
    position: absolute;
    width: 60px;
    height: 20px;
    border-bottom: solid #505050 2px;
    border-radius: 50%;
}
  
.christmas-lights li:last-child:after {
    content: none;
}
  
.christmas-lights li:first-child {
    margin-left: -40px;
}
  
.christmas-lights li:nth-child(2n+1) {
    background: var(--christmas-lights-1);
    box-shadow: 0px 5px 24px 3px rgb(249 212 129);
    animation-name: flash-2;
    animation-duration: 0.4s;
}
  
.christmas-lights li:nth-child(4n+2) {
    background: var(--christmas-lights-2);
    box-shadow: 0px 5px 24px 3px var(--christmas-lights-2);
    animation-name: flash-3;
    animation-duration: 1.1s;
}
  
.christmas-lights li:nth-child(odd) {
    animation-duration: 1.8s;
}
  
.christmas-lights li:nth-child(3n+1) {
      animation-duration: 1.4s;
}
  
@keyframes flash-1 {
    0%, 100% {
        background: var(--christmas-lights-1);
        box-shadow: 0px 5px 24px 3px var(--christmas-lights-1);
    }
    50% {
        background: var(--christmas-lights-2);
        box-shadow: 0px 5px 24px 3px var(--christmas-lights-2);
    }
}
  
@keyframes flash-2 {
    0%, 100% {
        background: var(--christmas-lights-2);
        box-shadow: 0px 5px 24px 3px var(--christmas-lights-2);
    }
    50% {
        background: var(--christmas-lights-3);
        box-shadow: 0px 5px 24px 3px var(--christmas-lights-3);
    }
}
  
@keyframes flash-3 {
    0%, 100% {
        background: var(--christmas-lights-3);
        box-shadow: 0px 5px 24px 3px var(--christmas-lights-3);
    }
    50% {
        background: var(--christmas-lights-1);
        box-shadow: 0px 5px 24px 3px var(--christmas-lights-1);
    }
}
 
@media (max-width: 1024px){
  .christmas-lights[data-position="left"] {
      left: -14px;
  }
 
  .christmas-lights[data-position="right"] {
      right: -14px;
  }
   
  .christmas-lights[data-position="left"],
  .christmas-lights[data-position="right"] {
    height: 100vh;
  }
}
/*konec_svetylka*/
/*snezeni*/
#snow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1000;
}
/*konec snezeni*/

/*zapomenute jmeno a heslo*/
form.form-validate.form-horizontal.well {
 text-align:center;
 margin:auto;
 border:none!important;
 padding:20px 30px 25px 30px!important;
-webkit-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.15);
}

form.form-validate.form-horizontal.well input#jform_email {
    border: 1px solid rgba(68,68,68,0.4);
    padding: 7px 15px 7px 15px;

}


/*konec jmena a hesla*/

.obrazeknabidka img{
    height:280px;
    object-fit:cover;
}
@media only screen and (max-width: 800px) {
.infoweb ul{
    margin-left:0px;
}    
}


.tabulkovesrovnani .accordion-inner {
    padding-bottom:0px!important;
}

.tabulkovesrovnani div#item-15998291510 {
    margin-bottom:0px;
}
.nadpistarifu {
    border-bottom:1px solid rgba(0,0,0,0.25);
    padding-top:5px;
    padding-bottom:2px;
    
}
.tvorbawebu h2{
text-align:left;
font-size:30px!important;
color:#444444;
margin-bottom:10px;  
line-height:35px!important;  
font-weight:500;
}
.tlacitkoprihlas {
    margin-top:10px;
}
/*toto je pro detail pozice*/
.ba-field-wrapper.ba-label-position-left .ba-field-label {
    display:none!important;
}
.uvodnipopis {
    background-color:#a8dbf6;
    padding:10px 15px 10px 15px;
    border:none!important;
    
}
.uvodnipopis p {
    font-size:21px;
    line-height:28px;
    font-weight:400;
}
/*konec detail pozice*/

/*toto je css ke colapse*/
.mujfaq .collapsible {
  background-color: white;
  color: white;
  cursor: pointer;
  padding: 0px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.mujfaq .active, .collapsible:hover {
 /* background-color: #555;*/
}
.mujfaq .leva{
width:100px;
float:left;

    padding-top:10px;

}
.mujfaq .prava {
float: left;
background-color: blue;
width:calc(100% - 140px);
margin-left:40px;
float:left;
border-radius:10px;
}
.mujfaq .content .prava2 {
float: left;
background-color: blue;
width:calc(100% - 140px);
margin-right:40px;
float:left;
border-radius:10px;
}
.mujfaq .content {
    margin-bottom:35px;
}
.mujfaq .content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  /*background-color: #f1f1f1;*/
}

/*konec colapse css*/

.userdata ul.unstyled a{
   color:rgba(27, 27, 29, 0.65);
   font-weight:400;
   font-size:19px;
}
h1.intro-post-title {
    text-transform: uppercase!important;
}
/*floating menu*/
div#item-15994848460 {
    padding-left:0px!important;
    padding-right:0px!important;
    padding-top:0px!important;
    padding-bottom:0px!important;
}
/*konec floating menu*/
/*srovnání tarifu tabulka*/
#item-15998289900 .accordion-inner{
    padding-left:0px;
    padding-right:0px;
}
/*konec*/
div#item-15988519260 h3.page-header {
    display:none;
}
div#item-15988519260 .logout-button{
    display:none;
}
 
.zvetsi{
transition:1s;
}
.zvetsi:hover{
transform: scale(1.06)
}
ul.nav-child.unstyled.small.fadeInUp:hover{
    background-color:transparent;
}
.muj{
  width:100%;

}
.muj .hexa p{
font-size:50px;
margin:0; 
color:#303030;
line-height:101px;
text-align:center;
margin-top:-3px;
margin-left:6px;
}
.muj .hexa i{
font-size:40px;
margin:0; 
color:#303030;
line-height:71px;
text-align:center;
margin-top:-3px;
margin-left:6px;
}
.muj .hexa{
  margin:auto;
  width:60px;
  background:#fff;
  height:100px;
  padding-top:0px;
  
  postion:relative;
  border-top:2px solid #303030;
  border-bottom:2px solid #303030;
}
.muj .hexa-inner{
  height:101px;
  position:relative;
  }
.muj .hexa-inner:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 50%;
  width: 2px;
  background: #303030;
  -webkit-transform: skew(35deg, 0deg);
  -moz-transform: skew(35deg, 0deg);
  -ms-transform: skew(35deg, 0deg);
  -o-transform: skew(35deg, 0deg);
  transform: skew(-36deg, 0deg);
}
.muj .hexa-inner:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 50%;
  width: 2px;
  background: #303030;
  -webkit-transform: skew(-145deg, 0deg);
  -moz-transform: skew(-145deg, 0deg);
  -ms-transform: skew(-145deg, 0deg);
  -o-transform: skew(-145deg, 0deg);
  transform: skew(-145deg, 0deg);
}
.muj .left-arrow{
 margin-left:-18.7px;
 float:left;
 margin-top:-1px;
}
.muj .right-arrow{
  transform:rotate(180deg);
  float:right;
  margin-right:-18.5px
}
.muj .hexa p{
  white-space:nowrap;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}



div#item-15995460050 .logout-button {
    padding-top:5px;
}
div#floatme {
    margin-top:-15px;
}
div#item-15995460050 div#form-login-username {
    display:none;
    
}
div#item-15995460050 div#form-login-password {
    display:none;
}

div#item-15995460050 div#form-login-submit {
    display:none;
}

div#item-15995460050 ul.unstyled {
    display:none;
}






body.com_users.profile form#login-form {
    margin-top:-20px;
}
div#item-15995460050 h3.page-header {
    display:none;
}
.logout-button {
    float:right;
}
div#item-15995460050 .login-greeting {
    display:none;
}
ul.nav-child.unstyled.small.bounceIn li{
    border:none;
}
.ba-blog-post-image{
float:left;
}
ul.nav-child.unstyled.small.fadeInUp li{
border:none!important;
}
.integration-wrapper li{
    border-top:2px solid white;
}
.integration-wrapper li:hover{
    border-top:2px solid var(--primary);
}
div#item-15994674560 {
    display:none;
}
div#prihlaseni{
    display:none;
}
div#item-15988563800 h3.page-header {
 display:none;
}
div#item-15988563800 h3.page-header {
 display:none;
}
div#item-15988563800 div#form-login-username {
 display:none;
}
div#item-15988563800 div#form-login-password {
 display:none; 
}
div#item-15988563800 div#form-login-submit {
 display:none; 
}
div#item-15988563800 ul.unstyled {
 display:none;
}
div#item-15988563800 .login-greeting {
display:none;
}
div#form-login-remember {
 display:none;
}
input.btn.btn-primary {
 padding:6px 10px 6px 10px;
}
input#prihlaseni {
 border:none;
background-color: var(--primary);
padding: 7px 11px 7px 11px;
border-radius:3px;
color: var(--title-inverse);
}
.hikashop_footer {
 display:none;
}
input#prihlaseni {
 margin-top:-15px;
}
div#item-15988563402 {
 text-align:right;
}
input#prihlaseni {
 float:right;
}
div#item-15988730521 div#item-15988730670 h3{
 display:none;
}
div#item-15988730521 form#login-form {
 border:2px solid var(--primary);
 width:290px;
 padding:20px 30px 20px 30px;
 border-radius:4px;
 margin:auto;
}
div#item-15988730521 button.btn.btn-primary.login-button {
 width:100%;
}
.reset-confirm .control-group {
display:block!important;
}
form.form-validate.form-horizontal.well {
 text-align:center;
 margin:auto;
}
.reset-confirm .control-group {
display:block!important;
}
.reset-complete .control-group {
 display:block!important;
}

form.form-validate.form-horizontal.well p{
 font-size:19px;
 line-height:22px;
 margin:0;
 padding-bottom:10px;
}
.control-group .control-label{
 width:100%; /*tady bylo předtím important*/
 text-align:left;
 line-height:20px;
 display:block!important;
 font-size:19px;
}
@media (max-width: 1280px){
.row-fluid.main-body .loginodkazy2{
 width:500px!important;
 }
.form-horizontal .controls {
 margin-left: 0 !important;
}
.body .login + div, .body .remind > form, .body .reset > form, .body .login > form {
 margin: 0 auto!important;
 max-width: 500px!important;
}
.login .control-group .control-label {
 text-align: left;
}
}
@media (max-width: 600px){
form.form-validate.form-horizontal.well {
 text-align:center;
 margin:auto;
 border:2px dashed rgb(53,63,153,0.3);
 border-radius:5px!important;
 padding:10px 20px 15px 20px!important;
}
body:not(.com_gridbox) .body {
 padding-left:15px;
 padding-right:15px;
}
form.form-validate.form-horizontal.well {
 width:100%!important;
}
}
.profile dl.dl-horizontal dt{
 text-align:left;
 width:280px;
}
.profile .dl-horizontal dd{
 margin-left:280px;
}
.profile{
 border-radius:5px!important;
 /*padding:20px 30px 25px 30px!important;*/
}
.row-fluid.main-body form.form-validate.form-horizontal.well input{
 font-size:17px;
 font-weight:300;
 height:40px;
}
.row-fluid.main-body form.form-validate.form-horizontal.well select{
margin-bottom:10px;
border:1px solid #dddddd;
}
.chzn-container, .chzn-container-single{
 float:left;
 height:40px;
 padding-bottom:10px;
 text-align:left;
}
a.chzn-single {
 margin-top:0px!important;
 padding-top:0px!important;
 margin-botttom:0px!important;
 padding-bottom:0px!important;
 height:40px!important;
 width:100%!important;
 
}
div#jform_params_language_chzn {
 width:100%!important;
}
div#jform_params_editor_chzn {
 width:100%!important;
}
div#jform_params_timezone_chzn {
 width:100%!important;
}
.chzn-container .chzn-drop{
 margin-top:-10px!important;
 width:100%!important;
}
.profile-edit fieldset {
 margin-bottom:20px;
}
.profile-edit a.btn {
 width:100%;
 margin-top:10px;
}
@media (max-width: 600px){
form.form-validate.form-horizontal.well {
 text-align: center;
 margin: auto;
 border: 2px dashed rgb(53,63,153,0.3);
 border-radius: 5px!important;
 padding: 10px 20px 15px 20px!important;
 width: calc(100% - 40px)!important;
 
}
}
select#jform_params_editor {
 float:left;
 width:100%;
 font-size: 17px;
 font-weight: 300;
 height: 40px;
}
select#jform_params_timezone {
 float:left;
 width:100%;
 font-size: 17px;
 font-weight: 300;
 height: 40px;
}
select#jform_params_language {
 float:left;
 width:100%;
 font-size: 17px;
 font-weight: 300;
 height: 40px;
}
.uvodnistrana input.btn.btn-primary {
 width:200px;
 padding:10px 15px 10px 15px;
}
input#prihlaseni {
 /* color:#46494d;*/
 color:var(--primary);
 background-color:white;
 border:1px solid var(--primary);
 border-radius:50px;
 font-size:15px;
 font-weight:600;
 padding: 9px 15px 9px 15px;
}
input#prihlaseni:hover {
background-color:var(--primary);
color:white;
}
input.btn.btn-primary {
 /* color:#46494d;*/
 color:var(--primary);
 background-color:white;
 border:1px solid var(--primary);
 border-radius:50px;
 font-size:15px;
 font-weight:600;
 padding: 9px 15px 9px 15px;
}
input.btn.btn-primary:hover {
background-color:var(--primary);
color:white;
}

@media only screen and (max-width: 800px) {
.tarif {
    margin-left:10px!important;
    width:calc(100% - 20px)!important;
}
}
@media only screen and (max-width: 1175px) {
.ba-forms-modal .span6.ba-form-column {
    width:100%;
margin-left:0px;
}
}
@media only screen and (min-width: 800px) and (max-width: 833px) {
div#item-16091665131 {
    margin:auto;
    padding-left:8px;
    
}
}
.tvorba_krok .popis h3{
    line-height:25px;
}

@media only screen and (max-width: 1400px) {
div#item-16091766282 {
    padding-left:25px;
}
}
@media only screen and (max-width: 1120px) {
div#item-16091766282 {
    padding-left:25px;
}
.partneri .partner img{
    width:80%;
}
div#item-1494846679 {
    padding-left:50px;
}
}



@media only screen and (max-width: 800px) {
p#leva {
    text-align:center!important;
}
p#prava {
    text-align:center!important;
}
  div#item-16091766282 {
    padding-left: 0px!important;
}
}



@media only screen and (max-width: 488px) {
.element {
    margin-bottom:10px;
    margin-left:10px;
}   
div#prvnielementhlavicka {
    margin-top:8px;
}
}
@media only screen and (max-width: 900px) {
.mojemenu .ba-grid-column-wrapper.span8 {   
   width:calc(100% - 150px);
   float:left;
}

.mojemenu .ba-grid-column-wrapper.span4.ba-tb-pt-10 { 
  float:right;
  width:150px;  
}
}