@colorAdd1: #742B0F; @colorAdd1bg: #E1D6D2;

.AddColor (@color: @colorAdd1) {
	display: block; padding: 10px 5px 10px 15px; text-decoration: none; text-align: left; min-height: 35px; color: #FFFFFF;
	background: @color;
	background: -webkit-linear-gradient(@color, @color - #111); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(@color, @color - #111); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(@color, @color - #111); /* For Firefox 3.6 to 15 */
	background: linear-gradient(@color, @color - #111); /* Standard syntax */
}


#headerBlock {
	position: absolute; background: #FFFFFF; width: 285px;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.7); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,.7); box-shadow: 0px 0px 6px rgba(0,0,0,.7);
}
#headerBlock ul {padding: 0; margin: 0; list-style-type: none;}
#headerBlock ul li {margin: 0; padding: 0;}

#headerBlock ul ul {padding: 1px 0; margin: 0; list-style-type: disc;}
#headerBlock ul ul li {margin: 0 0 0 30px; padding: 0;}
#headerBlock ul ul li a {display: block; padding: 0px 0px; text-decoration: none; font-size: 12px; color: #333333;}

/* jednotlive barvy menu */
#headerBlock ul li.add1 ul {background: @colorAdd1bg;}
#headerBlock ul li.add1 a.add {.AddColor(@colorAdd1)}


/* ANIMATED */
.animated {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px); }

  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }
.animated.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}


@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }

  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px); }

  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px); }

  100% {
    opacity: 1;
    transform: translateX(0); } }

.animated.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }
  
  
  @-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }

  100% {
    opacity: 1;
    transform: translateX(0); } }

.animated.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }
  
  
  /* PANELS */
  
  .panels .panel-item:first-child .panel-image {
  margin-top: 45px; }

.panel.panel-image {
  margin-bottom: 0;
  position: relative;
  display: block;
  text-decoration: none;
  display: block;
  border: 2px solid #eaedf2;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-top: 90px;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }
  .panel.panel-image:hover {
    text-decoration: none; }
  .panel.panel-image .panel-body {
    padding: 30px; }
    .panel.panel-image .panel-body p {
      color: #676f7a;
      line-height: 22px;
      margin: 0; }
    .panel.panel-image .panel-body .panel-title {
      font-weight: 500;
      font-size: 22px;
      margin: 0 0 20px 0; }
  .panel.panel-image .panel-icon {
    -webkit-transition: top 300ms;
    -moz-transition: top 300ms;
    -o-transition: top 300ms;
    transition: top 300ms; }
  @media (min-width: 768px) {
    .panel.panel-image {
      margin-top: 45px; } }
  .panel.panel-image .panel-icon {
    position: absolute;
    top: -45px;
    left: 50%;
    margin-left: -45px;
    text-align: center;
    line-height: 90px;
    width: 90px;
    height: 90px; }
    .panel.panel-image .panel-icon .icon {
      background-color: #8dc153;
      border: 10px solid white;
      color: white;
      display: inline-block;
      font-size: 45px;
      line-height: 70px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      width: 90px;
      height: 90px; }
  .panel.panel-image .panel-heading {
    padding: 0;
    border: none;
    max-height: 235px;
    overflow: hidden;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px; }
    .panel.panel-image .panel-heading img {
      display: block;
      height: auto;
      max-width: 100%;
      -moz-border-radius-topleft: 10px;
      -webkit-border-top-left-radius: 10px;
      border-top-left-radius: 10px;
      -moz-border-radius-topright: 10px;
      -webkit-border-top-right-radius: 10px;
      border-top-right-radius: 10px; }
  .panel.panel-image .panel-body {
    border: 2px solid #eaedf2;
    padding-top: 5px;
    border-top: none;
    text-align: center;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px; }
    .panel.panel-image .panel-body .panel-title {
      margin: 20px 0;
      color: #434955; }
  .panel.panel-image:hover .panel-icon {
    top: -43.2px; }
    @media (min-width: 992px) {
      .panel.panel-image:hover .panel-icon {
        top: -54px; } }