/* CSS Document */

body, ul, ol, h1, h2, h3 {
  margin: 0;
  padding: 0;
}

h4 { color: #C40; margin: 25px 0px 0px 0px; }
h5 { font-size: 1em; margin: 10px 0px 0px 5px; }

p {
  line-height: 17px;
}
p.skip_left { margin-left: 15px; }

body {
  background: url(/IMG/bg1920.jpg) top center;
  background-color: #f3f3f3;
  font-family: arial,tahoma;
  font-size: 12px;
  color: #4a4c4c;
}

a, input, span, img, div, span, label {
-webkit-transition-property: color, opacity, box-shadow, text-shadow, border, background-color, background-image, visibility, width, height, position;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: linear;

-o-transition-property: color, opacity, box-shadow, text-shadow, border, background-color, background-image, visibility, width, height;
-o-transition-duration: 0.5s;
-o-transition-timing-function: linear;

-moz-transition-property: color, opacity, box-shadow, text-shadow, border, background-color, background-image, visibility, width, height;
-moz-transition-duration: 0.5s;
-moz-transition-timing-function: linear;

transition-property: color, opacity, box-shadow, text-shadow, border, background-color, background-image, visibility, width, height;
transition-duration: 0.5s;
transition-timing-function: linear;
}

a:hover, input:hover, span:hover, img:hover, div:hover, span:hover, label:hover {
-webkit-transition-property: color, opacity, box-shadow, text-shadow, border, background-color, background-image, visibility, width, height;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: linear;

-o-transition-property: color, opacity, box-shadow, text-shadow, border, background-color, background-image, visibility, width, height;
-o-transition-duration: 0.2s;
-o-transition-timing-function: linear;

-moz-transition-property: color, opacity, box-shadow, text-shadow, border, background-color, background-image, visibility, width, height;
-moz-transition-duration: 0.2s;
-moz-transition-timing-function: linear;

transition-property: color, opacity, box-shadow, text-shadow, border, background-color, background-image, visibility, width, height;
transition-duration: 0.2s;
transition-timing-function: linear;
}


#container {
  min-height: 500px;
  background: url(/IMG/top.png) repeat-x top;
}

/*page*/
#page {
  margin: 0 auto;
  width: 960px;
  min-height: 500px;
  background-color: #fff;
}

/*header*/
#header {
  height: 179px;
  width: 960px;
  background: url(/IMG/header2.jpg) no-repeat;
}

.m1-menu {
  text-align: right;
  width: 960px;
  height: 50px;
  z-index: 99;
}

.m1 {
  height: 50px;
  float: left;
  margin-left: 160px;
  z-index: 99;
}
.sf-sub-indicator {
  display: inline;
  width: 100%;
  text-align: right;
}

ul.sf-menu {
  list-style-type: none;
  z-index: 99;
}

ul.sf-menu li {
  display: inline;
  z-index: 99;
}

ul.sf-menu li a {
  display: block !important;
  float: left !important;
  padding: 8px 10px !important;
  font-size: 16px !important;
  color: #cad8e5 !important;
  text-decoration: none !important;
/*  text-transform: uppercase;*/
/*  background: url(/IMG/bg_item.jpg) no-repeat right center; */
  z-index: 99;
} 

ul.sf-menu li a:hover {
/*  background: url(/IMG/bg_item_hover.jpg) no-repeat right center; */
  color: #fff !important;
  z-index: 99;
} 

a img { border-width: 0px; }

a#home {
  display: block !important;
  float: left !important;
  padding: 15px 10px 16px 10px !important; 
  font-size: 16px !important;
  color: #cad8e5 !important;
  text-decoration: none !important;
  text-transform: uppercase;
  background: url(/IMG/home.jpg) no-repeat left top;
  z-index: 99;
}


a#bg_item_1 {
  display: block !important;
  float: left !important;
  padding: 15px 10px 16px 60px !important; 
  font-size: 16px !important;
  color: #cad8e5 !important;
  text-decoration: none !important;
  text-transform: uppercase;
  background: url(/IMG/bg_item_1.jpg) no-repeat left center !important;
  z-index: 99; 
}

a#bg_item_1:hover {
  display: block !important;
  float: left !important;
  padding: 15px 10px 16px 60px !important; 
  font-size: 16px !important;
  color: #cad8e5 !important;
  text-decoration: none !important;
  text-transform: uppercase;
  background: url(/IMG/bg_item_1h.jpg) no-repeat left center !important;
  z-index: 99; 
}

a#bg_item_2 {
  display: block !important;
  float: left !important;
  padding: 15px 10px 16px 60px !important; 
  font-size: 16px !important;
  color: #cad8e5 !important;
  text-decoration: none !important;
  text-transform: uppercase;
  background: url(/IMG/bg_item_2.jpg) no-repeat left center !important;
  z-index: 99; 
}

a#bg_item_2:hover {
  display: block !important;
  float: left !important;
  padding: 15px 10px 16px 60px !important; 
  font-size: 16px !important;
  color: #cad8e5 !important;
  text-decoration: none !important;
  text-transform: uppercase;
  background: url(/IMG/bg_item_2h.jpg) no-repeat left center !important;
  z-index: 99;
}

a#bg_item_3 {
  display: block !important;
  float: left !important;
  padding: 15px 10px 16px 60px !important; 
  font-size: 16px !important;
  color: #cad8e5 !important;
  text-decoration: none !important;
  text-transform: uppercase;
  background: url(/IMG/bg_item_3.jpg) no-repeat left center !important;
  z-index: 99; 
}

a#bg_item_3:hover {
  display: block !important;
  float: left !important;
  padding: 15px 10px 16px 60px !important; 
  font-size: 16px !important;
  color: #cad8e5 !important;
  text-decoration: none !important;
  text-transform: uppercase;
  background: url(/IMG/bg_item_3h.jpg) no-repeat left center !important;
  z-index: 99; 
}

ul.sf-menu li ul li a {
/*  text-transform: lowercase !important;*/
	width: 100% !important;
/*  background: url(/IMG/menuli.jpg) no-repeat center !important; */
	font-size: 12px !important;
/*  padding-top: 8px !important; */

/*  background: none !important; */
	background-color: rgba(10,60,100, .8) !important;
	backdrop-filter: blur(4px);
	text-shadow: 1px 1px 2px BLACK;

  z-index: 99;
  width: 100% !important;
}

ul.sf-menu li ul li.last a {
/*   padding-bottom: 8px !important; */
  z-index: 99;
  display: block !important;
  width: 100% !important;

}

ul.sf-menu li ul li a:hover {
  background: none !important;
  background-color: rgba(42,100,140, .9) !important;
/*  background: url(/IMG/menuliahover.png) no-repeat center !important; */
  z-index: 99; 
}

ul.sf-menu li ul li {
  width: 90% !important;
/*   height: 30px !important; */
  text-align: left !important;
  text-indent: 5px;
  z-index: 99;
  display: block !important;
}

.info_count { position: absolute; margin-top: -5px; margin-left: 2px; padding: 2px 4px; color: WHITE; text-shadow: 1px 1px 2px BLACK; font-size: .8em; font-weight: bold; border-radius: 2px; background-color: #dd5703; box-shadow: 1px 1px 3px #555;
	background-image: -webkit-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
	background-image:    -moz-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
	background-image:     -ms-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
	background-image:      -o-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
	background-image:         linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
}

.first {
  width: 220px !important;  
}

.third {
  width: 235px !important;  
}



.sec {
  width: 140px !important;
}

.m2-menu {
  position: relative;
  top: 70px;
  width: 960px;
  height: 50px;
  z-index: 1;
}

.m2 {
  background: url(/IMG/menu2.png) no-repeat;
  height: 31px;
  float: right;
  padding-top: 8px;
   z-index: 1;
}

ul.menu2 {
  list-style-type: none;
  height: 39px;
  float: right;
   z-index: 1;
}

ul.menu2 li {
  display: inline;
/*  background: url(/IMG/point.png) no-repeat left center; */
  padding: 0 7px 0 7px;
   z-index: 1;
}

ul.menu2 li a {
  font-weight: bold;
  text-decoration: none;
  color: #4a4c4c;
  font-size: 15px;
   z-index: 1;
}

ul.menu2 li a:hover {
  color: #242724;  
   z-index: 1;
}

/*CONTENT*/
#content {
  background: url(/IMG/page.jpg) no-repeat top;
}
#rightbox {
  float: right;
  width: 270px;
}

#leftbox {
  width: 630px;
  min-height: 800px;
  padding-left: 30px;
  padding-bottom: 20px;
}

.hp-h1 {
  background: url(/IMG/h1-hp.jpg) repeat-x;
  height: 14px;
  padding: 15px 10px;
}

.hp-h1 h1 {
  font-size: 14px;
  color: #fff;
}

.hp-iptv {
  background: url(/IMG/hp-iptv.jpg) repeat-x;
  text-align: center;
  padding: 15px 0 10px 0;
}

.hp-iptv h2 {
  color: #fff;
  font-size: 30px;
  text-align: left;
  margin: 0px 12px;
}

.iptv_formule {
    margin-top: -1px;
}

.iptv {
  background: url(/IMG/iptv.jpg) no-repeat;
  width: 630px;
  height: 398px;
}

.iptv-text {
  width: 260px;
  float: right;
  position: relative;
  top: 25px;
  left: -20px;
}

.iptv-text h3 {
  color: #4a4c4c;
  font-size: 12px;
}

.iptv-text a {
  text-decoration: none;
  float: right;
  opacity: .8;
}

.iptv-text a:hover {
	opacity: 1;
}

.iptv-text a img {
  border: none;
}

.hp-sub {
  background: url(/IMG/bg_sub.jpg) no-repeat top;
  width: 600px;
  min-height: 270px;
  padding: 15px;
}

.hp-sub ul {
  list-style-type: none;
  margin-left: 15px;
  margin-top: 10px;
}

.hp-sub ul li {
  padding-left: 15px;
  margin: 5px 0px 0px 0px;
  background: url(/IMG/li.jpg) no-repeat left top;
  background-position: 0 4px;
}

.hp-sub ul.pismenka {
  padding: 0px;
  margin: 2px 0px 2px 30px;
  background: none;
}

.hp-sub ul.pismenka li.pismenka {
  padding: 0px;
  margin: 2px 0px 4px 0px;
  background: none;
  list-style-type: lower-alpha;
}

.hp-sub ul ul.pismenka {
  margin: 0px 0px 8px 50px;
  padding: 0px;
  background: none;
}

.hp-sub ul ul.pismenka li.pismenka {
  padding: 0px;
  margin: 1px 0px;
  background: none;
  list-style-type: lower-alpha;
}

.hp-sub ul li.nodot {
  padding: 0px;
  background: none;
}


.hp-sub a {
  color: #dd5703;
  text-decoration: underline;
}

.hp-sub a.tel {
	color: #4a4c4c;
  text-decoration: none;
}

.hp-sub a:hover {
  color: #F55703;
  text-decoration: underline;
}

.hp-sub a.tel:hover {
  color: #F55703;
  text-decoration: none;
}

.hp-sub h1 {
  border-bottom: 1px dotted #e9ebed;
  color: #2a3e51;
  text-transform: uppercase;
  font-size: 18px;
  padding-bottom: 7px;
}

.hp-sub h2 {
  font-size: 13px;
  padding: 10px 0 0 0;
}

/*news*/
.news {
  background: url(/IMG/news-top.jpg) no-repeat top;
  width: 240px;
  min-height: 500px;
  padding: 60px 15px 0 15px;
}

.news-cont {
  
}

.news-cont ul.sez {
  list-style-type: none;
}

.news-cont ul.sez li {
  margin-bottom: 30px;
}

.date {
  color: #dd5703;
}

.more {
  text-align: center;
}

.pozice td {
  border: 1px solid #EAEAEA;
}

.tv-start {
  border: 1px solid #196677;
  width: 195px;
}

.tv-start-top {
  background-color: #3F6D92;
  color: #FFF200;
  font-weight: bold;
  padding: 1px 0 1px 2px;
  font-size: 15px;
}

.nabidka {
  margin-top: 15px;
}

.nabidka td {
  vertical-align: top;
}

.nabidka-acc {
  margin-bottom: 10px;
  text-align: center;
}

.nabidka-acc td {
  vertical-align: middle;
  font-size: 11px;
  padding: 3px 0;
}

.tv-start-body {
  padding: 3px;
}

.tv-start-body strong {
  color: #3F6D92;
}

.balicek {
  border: 1px solid #F0F2F2;
  margin-bottom: 10px;
}


.bod {
  padding: 0px 10px 10px 10px;
}

.cena {
  padding: 10px;
  float: right;
}

.big {
  font-size: 16px;
  color: #3F6D92;
}

.big2 {
  font-size: 16px;
  color: #14A35C;
}

.cen {
 background-color: #3F6D92;
  color: #FFF200;
  font-weight: bold;
  padding: 6px !important;
  font-size: 15px;
  margin-bottom: 5px !important; 
}

.cen2 {
 background-color: #14A35C;
  color:#9CFC9C;
  font-weight: bold;
  padding: 6px !important;
  font-size: 15px;
  margin-bottom: 5px !important; 
}

.cen3 {
 background-color: #57535B;
  color:#fff;
  font-weight: bold;
  padding: 6px !important;
  font-size: 15px;
  margin-bottom: 5px !important; 
}

.gray {
  
  color: #97A1A5;
}

.fce h2 {
  background: url(/IMG/arrow.png) no-repeat left center;
  padding: 10px 0px 10px 30px !important;
  color: #DD5703 !important;
}

.fce p { padding: 0px 30px; margin: 0px 0px 15px 0px; }

/*footer*/
#footer {
  background: url(/IMG/footer.jpg) repeat-x;
  height: 30px;
  padding-top: 20px;
}

.foot {
  width: 960px;
  height: 30px;
  margin: 0 auto;
  color: #bfbfbf;
}     

.fleft {
  float: left;
}     

.fright {
  float: right;
}

.fright a {
  color: #bfbfbf;
  text-decoration: underline;
}

.illustration-img {
width: 250px;
/* height: 200px; */
border: 2px solid WHITE;
margin: 0px 0px 15px 20px;
box-shadow: 2px 2px 6px #555;
behavior: url(ie-css3.htc);
}

.ripe {
display: block;
width: 172px;
height: 55px;
margin: 0px;
border: 0px solid BLACK;
border-radius: 8px;
-moz-border-radius: 8px;
box-shadow: 0px 0px 0px #FFF;

-webkit-transition: all 0.7s linear;
   -moz-transition: all 0.7s linear;
    -ms-transition: all 0.7s linear;
     -o-transition: all 0.7s linear;
        transition: all 0.7s linear;

behavior: url(ie-css3.htc);
}

.ripe:hover {
z-index: 1;
box-shadow: 5px 5px 15px #000;

-webkit-transform: rotate(-5deg) scale(1.1);
-webkit-transition: all 0.1s linear;

-moz-transform: rotate(-5deg) scale(1.1);
-moz-transition: all 0.1s linear;

-ms-transform: rotate(-5deg) scale(1.1);
-ms-transition: all 0.1s linear;

-o-transform: rotate(-5deg) scale(1.1);
-o-transition: all 0.1s linear;

transform: rotate(-5deg) scale(1.1);
transition: all 0.1s linear;
}

.ripe-link {
border-radius: 8px;
-moz-border-radius: 8px;
}

.promo {
overflow: hidden;
position: relative;
border: 0px solid BLACK;
border-radius: 8px;
-moz-border-radius: 8px;
box-shadow: 0px 0px 0px #FFF;

-webkit-transition-property: rotate, scale, -webkit-box-shadow;
-webkit-transform: rotate(0deg) scale(1) rotate(0deg);
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: linear;

-o-transition-property: rotate, scale, box-shadow;
-o-transition-duration: 0.5s;
-o-transform: rotate(0deg) scale(1) rotate(0deg);
-o-transition-timing-function: linear;

-moz-transition-property: background, color, rotate, scale, -moz-box-shadow;
-moz-transform: rotate(0deg) scale(1) rotate(0deg);
-moz-transition-duration: 0.5s;
-moz-transition-timing-function: linear;

transition-property: rotate, scale, box-shadow;
transform: rotate(0deg) cale(1) rotate(0deg);
transition-duration: 0.5s;
transition-timing-function: linear;

behavior: url(ie-css3.htc);
}

.promo:hover {
box-shadow: 5px 5px 25px #000;
-moz-box-shadow: 5px 5px 15px #000;
-webkit-box-shadow: 5px 5px 15px #000;

-webkit-transition-property: rotate, scale, -webkit-box-shadow;
-webkit-transform: rotate(0deg) scale(1.2) rotate(-350deg);
-webkit-transition-duration: 0.75s;
-webkit-transition-timing-function: linear;

-o-transition-property: rotate, scale, box-shadow;
-o-transition-duration: 0.75s;
-o-transform: rotate(0deg) scale(1.2) rotate(-350deg);
-o-transition-timing-function: linear;

-moz-transition-property: background, color, rotate, scale, -moz-box-shadow;
-moz-transform: rotate(0deg) scale(1.2) rotate(-350deg);
-moz-transition-duration: 0.75s;
-moz-transition-timing-function: linear;

transition-property: rotate, scale, box-shadow;
transform: rotate(0deg) cale(1.2) rotate(-350deg);
transition-duration: 0.75s;
transition-timing-function: linear;
}


.promo-link {
border-radius: 8px;
-moz-border-radius: 8px;
}

.promo-akce {
display: block;
width: 250px;
font-size: 1.8em;
text-decoration: none;

color: WHITE;
padding: 10px;
border: 1px solid #331A00;
border-radius: 10px;
box-shadow: 0x 0px 10px rgb(221, 87, 3);

background-color: #EE6204;
background-image: url(/IMG/fallback-gradient.png);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EE6204), to(#C95203));
background-image: -webkit-linear-gradient(top, #EE6204, #C95203);
background-image:    -moz-linear-gradient(top, #EE6204, #C95203);
background-image:     -ms-linear-gradient(top, #EE6204, #C95203);
background-image:      -o-linear-gradient(top, #EE6204, #C95203);

-webkit-transition-property: box-shadow;
-webkit-transition-duration: 0.75s;
-webkit-transition-timing-function: linear;

-o-transition-property: box-shadow;
-o-transition-duration: 0.75s;
-o-transition-timing-function: linear;

-moz-transition-property: box-shadow;
-moz-transition-duration: 0.75s;
-moz-transition-timing-function: linear;

transition-property: box-shadow;
transition-duration: 0.75s;
transition-timing-function: linear;

}

.promo-akce:hover {
box-shadow: 0px 0px 10px #331A00;

-webkit-transition-property: box-shadow;
-webkit-transition-duration: 0.25s;
-webkit-transition-timing-function: linear;

-o-transition-property: box-shadow;
-o-transition-duration: 0.25s;
-o-transition-timing-function: linear;

-moz-transition-property: box-shadow;
-moz-transition-duration: 0.25s;
-moz-transition-timing-function: linear;

transition-property: box-shadow;
transition-duration: 0.25s;
transition-timing-function: linear;

}

.kontakty-pobocky { width: 100%; border-width: 0px; }
.kontakty-pobocky-subp { width: 100%; }
.kontakty-pobocky-subp td.head { font-weight: bold; padding-top: 20px; }
.kontakty-pobocky-subp td.adresa { padding: 0px 0px 12px 20px; }
.kontakty-pobocky-subp td.type { width: 50px; text-align: right; padding-right: 5px; color: #999; }
.kontakty-pobocky-subp td.type_ucet { width: 100px; text-align: right; padding-right: 5px; color: #999; font-size: .9em; }
.kontakty-pobocky-subp td span { color: #79A; font-size: .8em; }

.kontakty-provoz { margin-top: 15px; }
.kontakty-provoz td.head { font-weight: bold; }
.kontakty-provoz td.head td { vertical-align: top; }
.kontakty-provoz td.head .now { font-weight: normal; font-size: .8em; color: GRAY; }
.kontakty-provoz td.head .now span { font-weight: bold; font-size: 1.2em; }
.kontakty-provoz td.head .now span.open { color: #1A3; }
.kontakty-provoz td.head .now span.close { color: GRAY; }
.kontakty-provoz td.head .now span.opening { display: block; color: GRAY; font-weight: normal; font-size: 1em; }
.kontakty-provoz tr td.day { font-weight: bold; color: #DD5703; padding: 3px 0px; width: 25px; text-align: center; }
.kontakty-provoz tr.actual td.day { position: relative; background-color: #DD5703; color: WHITE; border-radius: 3px; z-index: 1;
	background-image: -webkit-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
	background-image:    -moz-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
	background-image:     -ms-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
	background-image:      -o-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
	background-image:         linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
}
.kontakty-provoz tr.actual td.day:after { content: ""; position: relative; display: inline-block; z-index: 0; margin: -14px -14px 0px 0px; top: 3px; left: -3px;  background-color: #DD5703; border: 0px solid transparent; width: 14px; height: 14px; transform: rotate(45deg); border-radius: 2px 5px 2px 15px;
	background-image: -webkit-linear-gradient(left top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
	background-image:    -moz-linear-gradient(left top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
	background-image:     -ms-linear-gradient(left top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
	background-image:      -o-linear-gradient(left top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
	background-image:         linear-gradient(left top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
}
.kontakty-provoz td.open { padding-left: 10px; }
.kontakty-provoz td.close { padding-left: 10px; color: #999; }
.kontakty-provoz td.svatek { padding-left: 10px; color: #5A0; }
.kontakty-provoz td.svatek span { color: GRAY; }

.kontakty-body {
white-space: nowrap;
border-bottom: 1px dashed #DDDDDD;
padding: 10px 0px 10px 0px;
}

.kontakty-osoba {
display: inline-block;
width: 230px;
text-align: left;
vertical-align: middle;
}

.kontakty-osoba .kontakty-name { text-align: right; display: block; font-weight: bold; }
.kontakty-osoba .kontakty-name span { font-weight: normal; }
.kontakty-osoba .kontakty-mail { text-align: right; display: block; }
.kontakty-osoba .kontakty-phon { text-align: right; display: block; font-weight: bold; }
.kontakty-osoba .kontakty-phon span { font-weight: normal; font-size: 80%; color: GRAY; }
.kontakty-body .qrcode { position: absolute; visibility: hidden; opacity: 0; margin-top: -35px; margin-left: -50px; padding: 8px; background-color: WHITE; border-radius: 5px; border: 1px solid #DDD; }
.kontakty-body:hover .qrcode { opacity: 1; visibility: visible; }

.kontakty-info {
display: inline-block;
width: 330px;
padding-left: 50px;
text-align: left;
vertical-align: middle;
}

.soubory-name {

}

.soubory-desc {

}

.soubory-size {

}

table.filelist a {
color: #000;
}

table.filelist a:hover {
color: #555;
}

.name {
width: 20em;
font-size: .8em;
padding: 4px 10px 4px 30px;
background-position: 0px center;
background-repeat: no-repeat;
}

.desc {
width: 30em;
font-decoration: none;
padding: 4px 10px 4px 10px;
}

.size {
width: 8em;
font-decoration: none;
padding: 4px 10px 4px 10px;
font-size: 60%;
font-weight: normal;
text-align: right;
}

.lichy {
background-color: #EEE;
}

.sudy {
background-color: #CCC;
}

.ok {
font-weight: bold;
}

.archive .name { background-image: url("/IMG/ico2/file-archive.png"); }
.deb .name { background-image: url("/IMG/ico2/file-deb.png"); }
.generic .name { background-image: url("/IMG/ico2/file-generic.png"); }
.make .name { background-image: url("/IMG/ico2/file-make.png"); }
.office .name { background-image: url("/IMG/ico2/file-office.png"); }
.source-alt .name { background-image: url("/IMG/ico2/file-source-alt.png"); }
.binary .name { background-image: url("/IMG/ico2/file-binary.png"); }
.document .name { background-image: url("/IMG/ico2/file-document.png"); }
.html .name { background-image: url("/IMG/ico2/file-html.png"); }
.man .name { background-image: url("/IMG/ico2/file-man.png"); }
.pdf .name { background-image: url("/IMG/ico2/file-pdf.png"); }
.source .name { background-image: url("/IMG/ico2/file-source.png"); }
.broken .name { background-image: url("/IMG/ico2/file-broken.png"); }
.dvi .name { background-image: url("/IMG/ico2/file-dvi.png"); }
.image .name { background-image: url("/IMG/ico2/file-image.png"); }
.metafont .name { background-image: url("/IMG/ico2/file-metafont.png"); }
.postscript .name { background-image: url("/IMG/ico2/file-postscript.png"); }
.text .name { background-image: url("/IMG/ico2/file-text.png"); }
.cdtrack .name { background-image: url("/IMG/ico2/file-cdtrack.png"); }
.font-bitmap .name { background-image: url("/IMG/ico2/file-font-bitmap.png"); }
.info .name { background-image: url("/IMG/ico2/file-info.png"); }
.midi .name { background-image: url("/IMG/ico2/file-midi.png"); }
.rpm .name { background-image: url("/IMG/ico2/file-rpm.png"); }
.unknown .name { background-image: url("/IMG/ico2/file-unknown.png"); }
.compressed .name { background-image: url("/IMG/ico2/file-compressed.png"); }
.font-truetype .name { background-image: url("/IMG/ico2/file-font-truetype.png"); }
.link .name { background-image: url("/IMG/ico2/file-link.png"); }
.miscdoc .name { background-image: url("/IMG/ico2/file-miscdoc.png"); }
.shellscript .name { background-image: url("/IMG/ico2/file-shellscript.png"); }
.vectorgfx .name { background-image: url("/IMG/ico2/file-vectorgfx.png"); }
.core .name { background-image: url("/IMG/ico2/file-core.png"); }
.font-type1 .name { background-image: url("/IMG/ico2/file-font-type1.png"); }
.log .name { background-image: url("/IMG/ico2/file-log.png"); }
.multiple .name { background-image: url("/IMG/ico2/file-multiple.png"); }
.sound .name { background-image: url("/IMG/ico2/file-sound.png"); }
.video .name { background-image: url("/IMG/ico2/file-video.png"); }

.desc {
color: #555;
font-size: 80%;
}

.err {
color: ORANGERED;
}


.volna_mista { margin-top: 30px; padding: 30px; padding-left: 40px; text-indent: -20px; border-radius: 5px; box-shadow: 1px 1px 5px #CCC; background-color: #FAFAFA; }
/*.volna_mista:not(:first-of-type) { border-top: 1px dotted #e9ebed; padding-top: 30px; }*/

.bubble_arrowed {
	position: absolute;
	display: inline-block;
	white-space: nowrap;
	background-color: #FEC;
	transform: translate(calc(-100% + 25px), calc(-100% - 13px));
	text-shadow: none;
	color: BLACK;
/* 	font-weight: normal !important; */
	font-size: 1.2em !important;
	box-shadow: 1px 1px 3px rgba(0,0,0, .4);
	padding: 8px;
	border: 2px solid #dd5703;
	border-radius: 10px;
	z-index: 99;
}
.bubble_arrowed:before {
	background-color: #FEC;
	content: "\00a0";
	display: block;
	height: 16px;
	position: absolute;
	top: calc(100% - 8px);
	transform: rotate( 29deg ) skew( 331deg );
	width: 20px;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0, .4);
	left: calc(100% - 36px);
	border: 2px solid #dd5703;
	border-width: 0px 2px 2px 0px;
	border-radius: 10px 0px 0px 0px;
}
.bubble_arrowed div {
/* 	background-color: rgba(); */
	border-radius: 5px;
/* 	float: right; */
	padding: 2px 4px;
	margin: 1px 0px;
/* 	background-image: linear-gradient(to bottom, rgba(255,255,255, .1), rgba(0,0,0, .1)); */
}
/*.bubble_arrowed div:before {
	background-color: transparent;
	content: "\00a0";
	display: block;
	height: 0px;
	position: absolute;
	width: 0px;
	left: calc(100% - 8px);
	margin-top: 2px;
	border: 4px solid transparent;
}*/


.poptavka-form { border-collapse: collapse; border-spacing: 0px; -align: cneter; margin: 0px auto 0px auto; width: 500px; border: 0px solid #DDD; }
.poptavka-form td { border: 0px solid #EEE; padding: 2px; }
.poptavka-form td:first-child { text-align: right; font-size: .8em; color: #555; }
.poptavka_uvod { padding: 20px 0px; }

.cenik-webhosting {  }
.cenik-webhosting td { border-bottom: 1px dashed #DDDDDD; padding: 10px 5px; }
.cenik-webhosting tr td:not(:first-child) { text-align: center; }

#webhosting_frame {  }
#webhosting_frame { box-sizing: border-box; }
#webhosting_frame span { display: inline-block; }
#webhosting_frame input { padding: 10px 15px; }
#webhosting_frame div.switch div.inputs {  }
#webhosting_frame div.switch div.inputs span { }
#webhosting_frame div.switch div.inputs span input[type=radio] { display: none; }
#webhosting_frame div.switch div.inputs span label { display: inline-block; margin: 3px; padding: 20px 30px; border-radius: 5px; box-shadow: inset 0px 0px 3px GRAY; }
#webhosting_frame div.switch div.inputs span input:checked + label { background-color: rgba(180,230,255,0.5); }

#webhosting_frame [data-email-domain] input { border-radius: 3px 0px 0px 3px; border-right-width: 0px; text-align: right; }
#webhosting_frame [data-email-domain] select { margin-left: -2px; border-left: 1px solid #DDD; border-radius: 0px 3px 3px 0px; padding: 9px 15px; background-color: #EEE; background-image: linear-gradient(to bottom, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);  }
#webhosting_frame [data-email-domain] select:active, #webhosting_frame [data-email-domain] input:focus { border-color: RED; }

.popt_form {  }
input[type=text], input[type=password], input[type=email], input[type=phone], input[type=number], textarea, select { padding: 4px 8px; border: 1px solid #AAA; border-radius: 3px; font-size: 1em; width: 200px; }
select { background-color: WHITE; }
textarea { width: 250px; height: 100px; }
label { font-weight: bold; }
input[type=submit] { padding: 10px 20px; }
input.submit_reset { padding: 10px 20px; color: GRAY; }
input.submit_reset:hover { color: BLACK; }
input.form_error { border: 1px solid RED; }

span.frm_address_info { margin-right: 10px; }
span.frm_povinne { color: #dd5703; font-weight: bold; }
div.shuffle_buttons { width: 400px; margin: 20px auto; }
div.shuffle_buttons input { float: right; margin: 0px 5px; display: inline-block; }
input.frm_psc { width: 70px; }

.table_pokryti { border: 0px dashed #DDD; border-collapse: collapse; }
.table_pokryti td { border: 1px dashed #DDD; border-width: 0px 0px 1px 0px; padding: 3px 10px; }

td.title { font-weight: bold; color: #06A; font-size: 1.2em; padding-top: 20px; }

.informace { margin: 20px auto; padding: 0px 0px 5px 0px; box-shadow: 0px 3px 10px #666; background-color: #E8FAFF; cursor: help;
background-image: -webkit-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:    -moz-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:     -ms-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:      -o-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:         linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
}
.informace .head { display: block; padding: 10px; background-color: #101818; color: WHITE; }
.informace .head p { margin: 10px 0px 5px 20px; font-size: 1.8em; }
.informace span { font-size: .8em; color: GRAY; }
.informace span.blink { font-size: .8em; color: CHOCOLATE; text-decoration: blink; }
.informace p { text-indent: -10px; margin-left: 30px; font-family: Verdana; }
.informace p.th { color: #E85; text-align: center; }

.vyroci { margin-bottom: 30px; padding: 60px 0px; background-image: url('/IMG/tmp/network.png'); width: 630px; height: 190px; text-align: center; }
.vyroci p { margin: 50px auto; color: #dd5703; text-shadow: 1px 1px 1px #333; font-weight: bold; }
.vyroci .prvni { font-size: 3.3em; margin: 15px auto; }
.vyroci .druhy { font-size: 1.5em; margin: 30px auto; }
.vyroci .treti { font-size: 7em; margin: 50px auto; }

.tv-start-stanice img { margin: 6px; }

.gmnoprint:last-child { opacity: .8; }
.gmnoprint:last-child:hover { opacity: 1; }
.gm-style-mtc:first-child > div:first-child { border-radius: 4px 0px 0px 4px !important; }
.gm-style-mtc:last-child > div:first-child { border-radius: 0px 4px 4px 0px !important; }
.gm-style-mtc > div:first-of-type { padding: 8px 4px !important; }
.gm-style-mtc > div:last-of-type { border-radius: 3px !important; }
.gm-style-mtc > div:last-of-type div { border-radius: 3px !important; }
.gm-style-mtc > div:last-of-type label { text-shadow: 1px 1px 3px transparent !important; }

.vyjadreni_navod {  }
.vyjadreni_navod p { margin: 0px; padding-left: 20px; text-indent: 15px; }

.vyjadreni_table, #map-canvas { width: 100%; height: 100%; margin: 0px; padding: 0px; font-family: Verdana, "Geneva CE", lucida, sans-serif; }
#map-canvas { float: left; height: 400px; }

.vyjadreni_table { font-size: .8em; }
.map_ceil { }
.map_fullscreen { z-index: 1000; position: fixed; width: 96%; height: 96%; top: 2%; left: 2%; box-shadow: 0px 0px 100px BLACK; border: 1px solid BLACK; border-radius: 10px; overflow: hidden; }
.map_fullscreen #map-canvas { border-width: 0px; height: 100%; }
.vyjadreni_table #panel { vertical-align: top; }
.vyjadreni_table #panel .hide { display: none; }
.vyjadreni_table td { padding: 0px; margin: 0px; }

form.vyjadreni { margin: 0px; }
form.vyjadreni span#path_label { color: GRAY; }
form.vyjadreni .panel label { display: inline-block; width: 200px; text-align: right; color: GRAY; font-weight: normal; }
form.vyjadreni .panel input[type=text], form.vyjadreni .panel input[type=email], form.vyjadreni .panel textarea, form.vyjadreni .panel select { border: 1px solid #AAA; border-radius: 3px; padding: 4px 8px; margin: 1px 0px; font-size: 1.2em; width: 250px; background-color: WHITE; }
form.vyjadreni .panel select { width: 268px; }
form.vyjadreni input[type=text].error, form.vyjadreni input[type=email].error, form.vyjadreni select.error, form.vyjadreni div.error { border: 1px solid ORANGERED; }
form.vyjadreni label.error, form.vyjadreni span#path_label.error { color: ORANGERED; }
form.vyjadreni .panel label#zad_f_label, form.vyjadreni .panel label#zad_p_label { width: auto; padding: 5px 0px; color: BLACK; margin-right: 8px; }
form.vyjadreni input[type=submit] { padding: 10px 20px; }
form.vyjadreni input[name=odeslat] {  }
form.vyjadreni input[name=reset] { opacity: .5; }

td.tools { vertical-align: middle; width: 0px; }

.map_tools { position: absolute; float: right; display: inline-block; z-index: 1000; padding: 0px; margin: 65px 0px 0px -55px; border: 0px solid GRAY; font-size: .9em; border-radius: 5px; overflow: hidden; box-shadow: 1px 1px 4px GRAY;  }
.map_tools div, .map_tools span {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.map_tools span { display: block; padding: 4px; margin: 0px; width: 40px; height: 40px;  text-align: center; background-color: rgba(255,255,255, .8); }
.map_tools:hover span { background-color: rgba(255,255,255, 1); }
.map_tools span:hover { background-color: rgba(220,245,255, 1);
background-image: -webkit-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:    -moz-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:     -ms-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:      -o-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:         linear-gradient(from top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
}
.map_tools span.enable div.light { background-color: ORANGE;
}
.map_tools span div.label { height: 20px; padding-top: 15px; }
.map_tools span div.light { border: 0px solid #AAA; padding: 2px 0px; }
.map_tools #fullscreen_button div.label { background: transparent url('/IMG/fullscreen.png') no-repeat center center; }

.mapa_pokryti { height: 600px; }

.radio_efect {  }
.radio_efect label { display: inline-block; padding: 15px 25px; border-radius: 3px; box-shadow: 1px 1px 2px BLACK;
background-image: -webkit-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:    -moz-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:     -ms-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:      -o-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:         linear-gradient(from top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
}
.radio_efect label:hover { background-color: #FEA; }
.radio_efect input[type=radio] { display: none; }
.radio_efect input[type=checkbox]:checked + label, .radio_efect input[type=radio]:checked + label { background-color: #FA0; }
.radio_efect input[type=checkbox]:checked + label:hover, .radio_efect input[type=radio]:checked + label:hover { background-color: #FC0; }

.bubble { background-color: #CFC; margin: 10px; padding: 10px 15px; border-radius: 5px;
background-image: -webkit-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:    -moz-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:     -ms-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:      -o-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:         linear-gradient(from top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
}

table.documents { text-align: left; margin: 30px auto; }
table.documents td.name { font-size: .9em; padding: 0px; white-space: nowrap;  }
table.documents td.size { font-size: .8em; color: #AAA; width: 100px; }
table.documents td.icon_box { width: 35px; }
table.documents img.icon { height: 32px; width: auto; }

.anketa_hlasovat { padding: 8px 15px; border-radius: 6px; background-color: #C40; color: WHITE; text-shadow: 1px 1px 2px BLACK; text-decoration: none; font-weight: bold; box-shadow: 1px 1px 3px GRAY, inset 0px 0px 3px BROWN;
background-image: -webkit-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:    -moz-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:     -ms-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:      -o-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:         linear-gradient(from top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
}
.anketa_hlasovat:hover { background-color: #E60; }
.anketa_answer_row { margin: 0px; font-size: 1.1em; }
.anketa_answer_row span { display: inline-block; height: 18px; }
.anketa_answer { display: inline-block; width: 50px; text-align: right; margin-right: 5px; }
.anketa_answer_a { background-color: #6F9; }
.anketa_answer_b { background-color: #F96; }
.anketa_percent_box { display: inline-block; width: 150px; padding: 0px; }
.anketa_percent_graph { margin-bottom: -4px; padding: 0px 1px; border-radius: 2px;
background-image: -webkit-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:    -moz-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:     -ms-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:      -o-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
background-image:         linear-gradient(from top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
}
.anketa_percent_num { display: inline-block; width: 55px; margin-left: -60px; text-align: right; }
.anketa_pocet_hlasu { text-align: right; font-style: italic; padding: 0px 5px; }


a.button { display: inline-block; padding: 7px 15px; border-radius: 4px; background-color: #DD5703; box-shadow: 1px 1px 3px #888; color: WHITE; text-shadow: 1px 1px 2px BLACK; text-decoration: none; font-weight: bold;
	background-image: -webkit-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
	background-image:    -moz-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
	background-image:     -ms-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
	background-image:      -o-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
	background-image:         linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .1)100%);
}
a.button:hover { background-color: #E70; text-decoration: none; color: WHITE; box-shadow: 1px 1px 1px #888; }

.info_frame { display: block; padding: 7px 20px 7px 40px; box-shadow: 1px 1px 3px #CCC; border-radius: 4px; color: #555 !important; text-shadow: 1px 1px 1px #DDD;
	background-image: -webkit-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .05)100%);
	background-image:    -moz-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .05)100%);
	background-image:     -ms-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .05)100%);
	background-image:      -o-linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .05)100%);
	background-image:         linear-gradient(top, rgba(255,255,255, .2)0%, rgba(255,255,255, .1)40%, rgba(0,0,0, 0)50%, rgba(0,0,0, .05)100%);
}
.info_frame .icon { display: inline-block; }
.info { background: rgba(200,220,255, .5) url('/IMG/info.png') no-repeat 3px center; background-size: 32px; }


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-2px, 0, 0);
    transform: translate3d(-2px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-2px, 0, 0);
    transform: translate3d(-2px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}