/* ------------------------- MENU_SAIT --------------------------*/
#menu-block {
  padding: 0;
  margin: 0;
}
/*стили всего блока меню, пунктов и ссылок*/
.vertical-menu {
  display: block;
  position: absolute;
  top: 560px;
  background: none;
  padding: 0;
  margin: 0;
  width: 280px; /*ширина меню и выпадающих блоков*/
}
.vertical-menu li {
  position: relative;
  list-style: none;
  outline: none;
  background: #00CCCC;
  background: -moz-linear-gradient(top, #1DAAE0 0%, #0000FF 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1DAAE0), color-stop(100%,#0000FF));
  background: -webkit-linear-gradient(top, #1DAAE0 0%,#0000FF 100%);
  background: -o-linear-gradient(top, #1DAAE0 0%,#0000FF 100%);
  background: -ms-linear-gradient(top, #1DAAE0 0%,#0000FF 100%);
  background: linear-gradient(to bottom, #1DAAE0 0%,#0000FF 100%);
  border: solid 1px #0066CC;
  border-radius: 5px;
  padding: 0;
  margin: 2px;
/*анимация для пунктов*/
  -webkit-transition: margin 0.5s ease, box-shadow 0.5s ease, background 0.5s ease;
  -moz-transition: margin 0.5s ease, box-shadow 0.5s ease, background 0.5s ease;
  -o-transition: margin 0.5s ease, box-shadow 0.5s ease, background 0.5s ease;
  transition: margin 0.5s ease, box-shadow 0.5s ease, background 0.5s ease;
}
.vertical-menu li:hover {
  background: #ccf;
  border: solid 1px transparent;
  border-radius: 5px;
  box-shadow: inset 0 0 8px #999999;
  margin: 2px 10px;
}
.vertical-menu a {
  display: block;
  text-decoration: none;
  text-align: left;
  font: normal normal 15px Verdana; /*шрифт всех пунктов*/
  color: white;
  box-shadow: none;
  padding: 7px; /*регулируем выоту всех кнопок меню*/
  margin: 0;
}
.vertical-menu a:hover {
  color: #0066FF;
  text-shadow: 1px 0 4px #0033FF, 2px 0 5px #00FF33;
}
/*стиль пункта с подменю*/
.drop-link > a {
  margin: 0;
  -webkit-transition: margin 0.5s ease;
  -moz-transition: margin 0.5s ease;
  -o-transition: margin 0.5s ease;
  transition: margin 0.5s ease;
}
.drop-link > a:hover {
  margin: 0 0 0 10px;
}
.drop-link:hover {
  background: #ccf; /*выделяем ссылку родитель выпадающего блока*/
}
/*стили для уголков*/
.drop-link:after,
.drop-link:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
}
.drop-link:before {
  border: solid 14px;
  border-color: #00FF33 transparent transparent transparent;
  margin: 0 12px 0 0;
}
.drop-link:after {
  border: solid 10px;
  border-color: #000099 transparent transparent transparent;
  margin: 0 15px 0 0;
}
.drop-link:hover:before {
  border: solid 16px;
  border-color: transparent #00FF33 transparent transparent;
  margin: -3px 0 0 0;
}
.drop-link:hover:after {
  border: solid 12px;
  border-color: transparent #000099 transparent transparent;
  margin-right: 0;
}
.drop-block {
  display: block;
  position: absolute;
  z-index: 1000;
  right: 104%; /*если меню справа - right: 100%;*/
  top: -9999em; /*скрываем выпадающие блоки*/
  background: #0099FF;
  border: solid 1px #00FF00;
  border-radius: 10px;
  box-shadow: -0.5em 1em 1em #666; /*если меню справа - box-shadow: -0.5em 1em 1em #666;*/
/*анимация для выпадающих блоков*/
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
  opacity: 0;
  padding: 0;
  margin: -10px -20px 0 0; /*если меню справа - margin: -10px -10px 0 0;*/
  min-width: 250px; /*обычная ширина*/
  width: auto; /*ширина если строка без пробелов и переносов*/
}
.drop-link:hover > .drop-block {
  top: 0; /*показываем выпадающие блоки*/
  opacity: 1;
}

/* ------------------------- PANEL-LEFT --------------------------*/
a.button22 {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 40px;
  line-height: 2.4em;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  user-select: none;
  color: #000;
  outline: none;
  border: 1px solid rgba(110,121,128,.8);
  border-top-color: rgba(0,0,0,.3);
  border-radius: 5px;
  background: rgb(206, 220, 231) linear-gradient(rgb(206,220,231), rgb(89,106,114));
  box-shadow:
   0 -1px rgba(10,21,28,.9) inset,
   0 1px rgba(255,255,255,.5) inset;
}
a.button22:hover {
  background: linear-gradient(#d2dfea, #71828c);
}
a.button22:active {
  line-height: 2.6em;
  background: linear-gradient(#bac6cf, #c5d3de 20%, #71828c);
  box-shadow: 0 -1px rgba(255,255,255,.4) inset;
}
a.button22:before {
  content: "";
  position: absolute;
  top: -10px; right: -10px; bottom: -10px; left: -10px;
  z-index: -1;
  border-radius: 8px;
  background: linear-gradient(rgba(200,200,200,.5), rgba(240,240,240,.5));
}
/* ВНЕШНИЙ БЛОК */
#panel {
    position: fixed; /* положение */
    top: 300px; /* отступ сверху */
    left: 0; /* отступ слева */
    background: #0066FF; /* цвет фона */
    width: 40px; /* ширина блока */
    height: 40px; /* высота блока */
    font: 14px Arial; /* размер и тип шрифта */
    color: #fff; /* цвет текста */
    text-align: center; /* выравнивание текста по центру */
    padding: 5px; /* отступы от границ внутри блока */

    -webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;

    -webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    }

/* СКРЫТЫЙ БЛОК */
#hidden_panel {
    position: fixed; /* положение */
    top: 300px; /* отступ сверху */
    left: -220px; /* отступ слева */
    background: lavender; /* цвет фона */
    opacity: 50;
    color: #000; /* цвет текста */
    width: 200px; /* ширина блока */
    height: 40px; /* высота блока */
    padding: 10px; /* отступы от границ внутри блока */
    text-align: center; /* выравнивание текста */

    -webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;

    -webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    }
#panel:hover {
    left: 220px; /* при наведении выдвигается на скрытые 200px + 20px отступы */
}
#panel:hover #hidden_panel {
    left: 0; /* отступ слева */
}
/* ВНЕШНИЙ БЛОК */
#pane2 {
    position: fixed; /* положение */
    top: 360px; /* отступ сверху */
    left: 0; /* отступ слева */
    background: #0086B3; /* цвет фона */
    width: 40px; /* ширина блока */
    height: 40px; /* высота блока */
    font: 14px Arial; /* размер и тип шрифта */
    color: #fff; /* цвет текста */
    text-align: center; /* выравнивание текста по центру */
    padding: 5px; /* отступы от границ внутри блока */

    -webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;

    -webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    }

/* СКРЫТЫЙ БЛОК */
#hidden_pane2 {
    position: fixed; /* положение */
    top: 360px; /* отступ сверху */
    left: -220px; /* отступ слева */
    background: lavender; /* цвет фона */
    color: #000; /* цвет текста */
    width: 200px; /* ширина блока */
    height: 40px; /* высота блока */
    padding: 10px; /* отступы от границ внутри блока */
    text-align: center; /* выравнивание текста */

    -webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;

    -webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    }
#pane2:hover {
    left: 220px; /* при наведении выдвигается на скрытые 200px + 20px отступы */
}
#pane2:hover #hidden_pane2 {
    left: 0; /* отступ слева */
}
/* ВНЕШНИЙ БЛОК */
#pane3 {
    position: fixed; /* положение */
    top: 420px; /* отступ сверху */
    left: 0; /* отступ слева */
    background: #0033FF; /* цвет фона */
    width: 40px; /* ширина блока */
    height: 40px; /* высота блока */
    font: 14px Arial; /* размер и тип шрифта */
    color: #fff; /* цвет текста */
    text-align: center; /* выравнивание текста по центру */
    padding: 5px; /* отступы от границ внутри блока */

    -webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;

    -webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    }

/* СКРЫТЫЙ БЛОК */
#hidden_pane3 {
    position: fixed; /* положение */
    top: 420px; /* отступ сверху */
    left: -220px; /* отступ слева */
    background: lavender; /* цвет фона */
    color: #000; /* цвет текста */
    width: 200px; /* ширина блока */
    height: 40px; /* высота блока */
    padding: 10px; /* отступы от границ внутри блока */
    text-align: center; /* выравнивание текста */

    -webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;

    -webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    }
#pane3:hover {
    left: 220px; /* при наведении выдвигается на скрытые 200px + 20px отступы */
}
#pane3:hover #hidden_pane3 {
    left: 0; /* отступ слева */
}
/* ВНЕШНИЙ БЛОК */
#pane4 {
    position: fixed; /* положение */
    top: 480px; /* отступ сверху */
    left: 0; /* отступ слева */
    background: #FF9900; /* цвет фона */
    width: 40px; /* ширина блока */
    height: 40px; /* высота блока */
    font: 14px Arial; /* размер и тип шрифта */
    color: #fff; /* цвет текста */
    text-align: center; /* выравнивание текста по центру */
    padding: 5px; /* отступы от границ внутри блока */

    -webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;

    -webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    }

/* СКРЫТЫЙ БЛОК */
#hidden_pane4 {
    position: fixed; /* положение */
    top: 480px; /* отступ сверху */
    left: -220px; /* отступ слева */
    background: lavender; /* цвет фона */
    color: #000; /* цвет текста */
    width: 200px; /* ширина блока */
    height: 40px; /* высота блока */
    padding: 10px; /* отступы от границ внутри блока */
    text-align: center; /* выравнивание текста */

    -webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;

    -webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    }
#pane4:hover {
    left: 220px; /* при наведении выдвигается на скрытые 200px + 20px отступы */
}
#pane4:hover #hidden_pane4 {
    left: 0; /* отступ слева */
}
/* ВНЕШНИЙ БЛОК */
#pane5 {
    position: fixed; /* положение */
    top: 540px; /* отступ сверху */
    left: 0; /* отступ слева */
    background: #9E9E9E; /* цвет фона */
    width: 40px; /* ширина блока */
    height: 40px; /* высота блока */
    font: 14px Arial; /* размер и тип шрифта */
    color: #fff; /* цвет текста */
    text-align: center; /* выравнивание текста по центру */
    padding: 5px; /* отступы от границ внутри блока */

    -webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;

    -webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    }

/* СКРЫТЫЙ БЛОК */
#hidden_pane5 {
    position: fixed; /* положение */
    top: 540px; /* отступ сверху */
    left: -220px; /* отступ слева */
    background: lavender; /* цвет фона */
    color: #000; /* цвет текста */
    width: 200px; /* ширина блока */
    height: 40px; /* высота блока */
    padding: 10px; /* отступы от границ внутри блока */
    text-align: center; /* выравнивание текста */

    -webkit-transition-duration: 0.3s; /* анимационное выдвижение для всех браузеров*/
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;

    -webkit-border-radius: 0 5px 5px 0; /* закругление границ для всех браузеров*/
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    }
#pane5:hover {
    left: 220px; /* при наведении выдвигается на скрытые 200px + 20px отступы */
}
#pane5:hover #hidden_pane5 {
    left: 0; /* отступ слева */
}
/* ------------------------- RADIO --------------------------*/
a.button27 {
  position: relative;
  display: inline-block;
  width: 230px;
  height: 2.5em;
  line-height: 2.4em;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  user-select: none;
  color: #000;
  outline: none;
  border: 1px solid rgba(110,121,128,.8);
  border-top-color: rgba(0,0,0,.3);
  border-radius: 5px;
  background: rgb(206, 220, 231) linear-gradient(rgb(206,220,231), rgb(89,106,114));
  box-shadow:
   0 -1px rgba(10,21,28,.9) inset,
   0 1px rgba(255,255,255,.5) inset;
}
a.button27:hover {
  background: linear-gradient(#d2dfea, #71828c);
}
a.button27:active {
  line-height: 2.6em;
  background: linear-gradient(#bac6cf, #c5d3de 20%, #71828c);
  box-shadow: 0 -1px rgba(255,255,255,.4) inset;
}
a.button27:before {
  content: "";
  position: absolute;
  top: -10px; right: -10px; bottom: -10px; left: -10px;
  z-index: -1;
  border-radius: 8px;
  background: linear-gradient(rgba(200,200,200,.5), rgba(240,240,240,.5));
}
/* ------------------------- MENUped --------------------------*/
input.button4 {
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .3em 1em;
  outline: none;
  border: none;
  border-radius: 3px;
  background: #3d0c97 linear-gradient(#3d0c97, #0757FE);
  box-shadow: inset #3d0c97 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
}
input.button4:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
input.button4:active {
  top: 1px;
  color: #fff;
  text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
  box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
@-webkit-keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
@keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
/* ------------------------- ROZKLAD --------------------------*/
input.button14 {
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .3em 1em;
  outline: none;
  border: none;
  border-radius: 3px;
  background: #3d0c97 linear-gradient(#3d0c97, #0757FE);
  box-shadow: inset #3d0c97 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
}
input.button14:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
input.button14:active {
  top: 1px;
  color: #fff;
  text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
  box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
@-webkit-keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
@keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
/* ------------------------- PANEL_VK --------------------------*/
input.button14 {
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .3em 1em;
  outline: none;
  border: none;
  border-radius: 3px;
  background: #0000FF linear-gradient(#0000FF, #0066FF);
  box-shadow: inset #3d0c97 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
}
input.button14:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
input.button14:active {
  top: 1px;
  color: #fff;
  text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
  box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
@-webkit-keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
@keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
/* ------------------------- PANEL_YT --------------------------*/
input.button17 {
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .3em 1em;
  outline: none;
  border: none;
  border-radius: 3px;
  background: #333333 linear-gradient(#333333, #999999);
  box-shadow: inset #3d0c97 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
}
input.button17:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
input.button17:active {
  top: 1px;
  color: #fff;
  text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
  box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
@-webkit-keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
@keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
/* ------------------------- PANEL_TW --------------------------*/
input.button15 {
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .3em 1em;
  outline: none;
  border: none;
  border-radius: 3px;
  background: #0066CC linear-gradient(#0066CC, #0099FF);
  box-shadow: inset #3d0c97 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
}
input.button15:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
input.button15:active {
  top: 1px;
  color: #fff;
  text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
  box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
@-webkit-keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
@keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
/* ------------------------- PANEL_OK --------------------------*/
input.button16 {
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .3em 1em;
  outline: none;
  border: none;
  border-radius: 3px;
  background: #996600 linear-gradient(#996600, #CC9933);
  box-shadow: inset #3d0c97 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
}
input.button16:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
input.button16:active {
  top: 1px;
  color: #fff;
  text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
  box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
@-webkit-keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
@keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
/* ------------------------- MENUped --------------------------*/
.mh-menu{
	height: 3200px;
	width: 590px;
	margin: 5px;
	position: relative;
}
.mh-menu li{
	width: 300px;
}
.mh-menu li a{
	display: block;
	width: 310px;
	padding: 0px 10px;
	text-align: right;
	position: relative;
	z-index: 1;
	height: 140px;
	border-right: 1px solid #ddd;
	color: #000000;
}
.mh-menu li:hover a{
	background: #99CCFF;
}
.mh-menu li a span{
	display:block;
}
.mh-menu li a span:first-child{
	font-weight: 700;
	font-size: 20px;
	color: #000000;
	padding-top: 0px;
	font-family: 'Alegreya SC', Georgia, serif;
}
.mh-menu li a span:nth-child(2){
	font-weight: 700;
	font-style: italic;
	font-size: 14px;
	font-family: 'Alegreya SC', Georgia, serif;
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	-ms-transition: color 0.2s linear;
	transition: color 0.2s linear;
}
.mh-menu li:nth-child(1):hover span:nth-child(2){
	color: #ae3637;
}
.mh-menu li:nth-child(2):hover span:nth-child(2){
	color: #c3d243;
}
.mh-menu li:nth-child(3):hover span:nth-child(2){
	color: #d38439;
}
.mh-menu li:nth-child(4):hover span:nth-child(2){
	color: #8e7463;
}
.mh-menu li img{
	position: absolute;
	z-index: 0;
	left: 0px;
	top: auto;
	opacity: 0;
	-webkit-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
	-moz-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
	-o-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
	-ms-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
	transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
}
.mh-menu li:hover img{
	left: 330px;
	opacity: 1;
}
/* ------------------------- Slider --------------------------*/
#fader { 
  position: absolute;
  width: 655px; 
  max-width: 660px;
  margin: 0 auto; 
  top: 35px;
  left: 0;
}

#fader img {
  position: absolute;
  background-color: #f3f4ef; border: 1px solid #dedede; padding: 3px;
  top: 0;
  left: 0;
  max-width: 100%;
  height: auto;
}
/* ------------------------- ZVONOK --------------------------*/
.socbutton23 {  
position: fixed;  
top: 150px;  
right: 100px;  
border: 1px solid #ddd;  
padding: 5px 5px 4px;  
width: 38px;  
-moz-border-radius: 4px;  
-webkit-border-radius: 4px;  
border-radius: 4px;  
}  
.socbutton19 .socicon a {  
width: 32px;  
height: 32px;  
cursor: pointer;  
}  
.socbutton19 .socicon a img { border: 0; margin: 2px 0; opacity: 0.6; }  
.socbutton19 .socicon a:hover img { margin: 2px 0; opacity: 1.0; }  
/* ------------------------- RIGHT --------------------------*/
.socbutton20 {  
position: fixed;  
top: 250px;  
right: 74px;  
border: 1px solid #ddd;  
padding: 5px 5px 4px;  
width: 38px;  
-moz-border-radius: 4px;  
-webkit-border-radius: 4px;  
border-radius: 4px;  
}  
.socbutton19 .socicon a {  
width: 32px;  
height: 32px;  
cursor: pointer;  
}  
.socbutton19 .socicon a img { border: 0; margin: 2px 0; opacity: 0.6; }  
.socbutton19 .socicon a:hover img { margin: 2px 0; opacity: 1.0; }  
/* ------------------------- KNOPKA_RIGHT --------------------------*/
.socbutton19 {  
position: fixed;  
top: 380px;  
right: 80px;  
border: 1px solid #ddd;  
padding: 5px 5px 4px;  
width: 38px;  
-moz-border-radius: 4px;  
-webkit-border-radius: 4px;  
border-radius: 4px;  
}  
.socbutton19 .socicon a {  
width: 37px;  
height: 37px;  
cursor: pointer;  
}  
.socbutton19 .socicon a img { border: 0; margin: 2px 0; opacity: 0.6; }  
.socbutton19 .socicon a:hover img { margin: 2px 0; opacity: 1.0; }
/* ------------------------- LEFT --------------------------*/
.socbutton21 {  
position: fixed;  
top: 250px;  
left: 13px;  
border: 1px solid #ddd;  
padding: 5px 5px 4px;  
width: 38px;  
-moz-border-radius: 4px;  
-webkit-border-radius: 4px;  
border-radius: 4px;  
}  
.socbutton19 .socicon a {  
width: 32px;  
height: 32px;  
cursor: pointer;  
}  
.socbutton19 .socicon a img { border: 0; margin: 2px 0; opacity: 0.6; }  
.socbutton19 .socicon a:hover img { margin: 2px 0; opacity: 1.0; }  
/* ------------------------- KNOPKA_LEFT --------------------------*/
.socbutton22 {  
position: fixed;  
top: 35%;  
left: 5px;  
border: 1px solid #ddd;  
padding: 5px 5px 4px;  
width: 38px;  
-moz-border-radius: 4px;  
-webkit-border-radius: 4px;  
border-radius: 4px;  
}  
.socbutton22 .socicon a {  
width: 32px;  
height: 32px;  
cursor: pointer;  
}  
.socbutton22 .socicon a img { border: 0; margin: 2px 0; opacity: 0.8; }  
.socbutton22 .socicon a:hover img { margin: 2px 0; opacity: 10.0; }  
/* ------------------------- KVPUBD_SHAPKA_GOLOVNA --------------------------*/
.socbutton11 {  
position: absolute;  
top: 10px;  
left: 30%;    
}  
.socbutton11 .socicon a {  
width: 910px;  
height: 80px;  
cursor: pointer;  
} 
/* ------------------------- NAVCHANIY --------------------------*/
.socbutton12 {  
position: absolute;  
top: 400px;  
center: -5px;    
}  
.socbutton12 .socicon a {  
width: 660px;  
height: 103px;  
cursor: pointer;  
} 
/* ------------------------- KVPUBD_SHAPKA --------------------------*/
.socbutton8 {  
position: relative;  
top: 4px;  
left: 1px;    
}  
.socbutton8 .socicon a {  
width: 660px;  
height: 90px;  
cursor: pointer;  
}  
/* ------------------------- KVPUBD --------------------------*/
.socbutton9 {  
position: relative;  
top: 10px;  
left: 2px;    
}  
.socbutton9 .socicon a {  
width: 660px;  
height: 120px;  
cursor: pointer;  
}  
/* ------------------------- KARTA --------------------------*/
.socbutton7 {  
position: relative;  
top: 4px;  
left: 1px; 
border: 1px solid #ddd;  
padding: 5px 5px 4px;  
width: 38px;  
-moz-border-radius: 4px;  
-webkit-border-radius: 4px;  
border-radius: 4px;   
}  
.socbutton7 .socicon a {  
width: 270px;  
height: 70px;  
cursor: pointer;  
}  
.socbutton7 .socicon a img { border: 0; margin: 2px 0; opacity: 0.6; }  
.socbutton7 .socicon a:hover img { margin: 2px 0; opacity: 1.0; } 
/* ------------------------- OSVITA --------------------------*/
a.button7 {
  font-weight: 700;
  color: white;
  text-decoration: none;
  padding: .8em 1em calc(.8em + 3px);
  border-radius: 3px;
  background: #0033FF;
  box-shadow: 0 -3px rgb(53,167,110) inset;
  transition: 0.2s;
} 
a.button7:hover { background: rgb(53, 167, 110); }
a.button7:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
} 
/* ------------------------- OSVITA1 --------------------------*/
a.button6 {
  font-weight: 700;
  color: white;
  text-decoration: none;
  padding: .8em 1em calc(.8em + 3px);
  border-radius: 3px;
  background: #0033FF;
  box-shadow: 0 -3px rgb(53,167,110) inset;
  transition: 0.2s;
} 
a.button6:hover { background: rgb(53, 167, 110); }
a.button6:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
} 
/* ------------------------- OSVITA2 --------------------------*/
a.button5 {
  font-weight: 700;
  color: white;
  text-decoration: none;
  padding: .8em 1em calc(.8em + 3px);
  border-radius: 3px;
  background: #0033FF;
  box-shadow: 0 -3px rgb(53,167,110) inset;
  transition: 0.2s;
} 
a.button5:hover { background: rgb(53, 167, 110); }
a.button5:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
} 
/* ------------------------- PRACIVNIKI --------------------------*/
a.button4 {
  font-weight: 700;
  color: white;
  text-decoration: none;
  padding: .8em 1em calc(.8em + 3px);
  border-radius: 3px;
  background: #0033FF;
  box-shadow: 0 -3px rgb(53,167,110) inset;
  transition: 0.2s;
} 
a.button4:hover { background: rgb(53, 167, 110); }
a.button4:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
} 
/* ------------------------- BAT_ZBORY --------------------------*/
input.button9 {
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .3em 1em;
  outline: none;
  border: none;
  border-radius: 3px;
  background: #006633 linear-gradient(#006633, #006633);
  box-shadow: inset #0757FE 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
}
input.button9:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
input.button9:active {
  top: 1px;
  color: #fff;
  text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
  box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
@-webkit-keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
@keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}

/* ------------------------- COMENTAR --------------------------*/
.knopikWrap { 
	position:fixed; 
	top:50%; 
	right:auto; 
	left:0; 
	max-width:500px;
	z-index:999
}
.knopikWrap.hidden { 
	right:100%; 
	left:auto;
}
.knopikWrap.sidePosRight {
	right:0; 
	left:auto;
}
.knopikWrap.sidePosRight.hidden {
	right:auto; 
	left:100%;
}
.knopikCont { 
	box-shadow:0 0 20px #999;
	border-radius:10px;
	padding:20px; 
	border:3px solid #f1f1f1;
	color:#fefefe;
	margin:0 0 0 5px;
	background-color:#244e71;
	background-image: -webkit-linear-gradient(top, #020303, #244e71, #020303);
	background-image: -moz-linear-gradient(top, #020303, #244e71, #020303);
	background-image: -ms-linear-gradient(top, #020303, #244e71, #020303);
	background-image: -o-linear-gradient(top, #020303, #244e71, #020303);
	background-image: linear-gradient(top, #020303, #244e71, #020303);
}
.sidePosRight .knopikCont {
	margin:0 5px 0 0
}
.knopikBut { 
	padding:0; 
	position:absolute; 
	top:50%; 
	border-radius:0 10px 10px 0;
	cursor:pointer;
	background-color: #244e71;
	background-image: -webkit-linear-gradient(top, #020303, #244e71, #020303);
	background-image: -moz-linear-gradient(top, #020303, #244e71, #020303);
	background-image: -ms-linear-gradient(top, #020303, #244e71, #020303);
	background-image: -o-linear-gradient(top, #020303, #244e71, #020303);
	background-image: linear-gradient(top, #020303, #244e71, #020303); 
}
.knopikBut:hover {
	background-color: #346a97;
	background-image: -webkit-linear-gradient(top, #020303, #346a97, #020303);
	background-image: -moz-linear-gradient(top, #020303, #346a97, #020303);
	background-image: -ms-linear-gradient(top, #020303, #346a97, #020303);
	background-image: -o-linear-gradient(top, #020303, #346a97, #020303);
	background-image: linear-gradient(top, #020303, #346a97, #020303); 
}
.sidePosRight .knopikBut{
	border-radius:10px 0 0 10px;
}
.knopikButPos {position:relative;}
.knopikButText {
	padding:7px 15px; 
	white-space:nowrap; 
	color:#fefefe; 
	text-transform:uppercase; 
	font:700 11px/1.2em Arial, Helvetica, sans-serif; 
	letter-spacing:2px
}

/*User Style*/
.kn_2 ul {
	padding:0;
	margin:0;
	list-style:none
}
.knopikCont a {
	color:#CCC
}
.knopikCont a:hover {
	color:#fff;
}

/* ------------------------- VERH --------------------------*/
#back-top {
	position: fixed;
        right: 20px;
	bottom: 30px;
	margin-left: -150px;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 58px;
	height: 58px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(http://web.archive.org/web/20160131154455im_/http://kvpubd-com-ua.1gb.ua/templates/gk_elvesocial/images/up.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}
/* ------------------------- STYLE5 --------------------------*/
.addthis_toolbox5 { 
position: fixed; 
top: 90%; 
right: 5px; 
padding: 5px 5px 4px;  
} 
.addthis_toolbox .custom_images a img { border: 0; margin: 2px 0; opacity: 0.6; } 
.addthis_toolbox .custom_images a:hover img { margin: 2px 0; opacity: 1.0; }
/* Template styles - template_css.css */
body {
	color:#0ACED3;
	background:#00CCCC;
}
/* ------------------------- KNOPKA --------------------------*/
.button1 {
  position: relative;
  color: white;
  font-weight: bold;
  text-decoration: none;
  text-shadow: -1px -1px #000;
  user-select: none;
  padding: .8em 2em;
  outline: none;
  background-color: #0000CC;
  background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
  background-repeat: no-repeat;
  background-size: 200% 100%, auto;
  background-position: 200% 0, 0 0;
  box-shadow: rgba(0,0,0,.3) 0 2px 5px;
} 
.button1:active {
  top: 1px;
  box-shadow: none;
}
.button1:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}
/* ------------------------- osvita --------------------------*/
ul.nice-menu {
  list-style: none;
  margin-top: 20px;
  width: 280px;
}

@-moz-keyframes expand {  
  0% {
    width: 5px;
    padding-left: 0px;
  }
  
  100% {
    width: 280px;
    padding-left: 0px;
  }
}

@-moz-keyframes expand-bounce {
  0% {
    width: 5px;
    padding-left: 0px;
  }
  
  50% {
    width: 280px;
  }
  
  70% {
    width: 2800px;
  }
  
  80% {
    width: 280px;
  }
  
  90% {
    width: 280px;
  }
  
  100% {
    width: 280px;
    padding-left: 0px;
  }
}

@-webkit-keyframes expand {  
  0% {
    width: 5px;
    padding-left: 0px;
  }
  
  100% {
    width: 280px;
    padding-left: 20px;
  }
}

@-webkit-keyframes expand-bounce {  
  0% {
    width: 5px;
    padding-left: 0px;
  }
  
  50% {
    width: 200px;
  }
  
  70% {
    width: 170px;
  }
  
  80% {
    width: 200px;
  }
  
  90% {
    width: 190px;
  }
  
  100% {
    width: 280px;
    padding-left: 20px;
  }
}

@-moz-keyframes shrink {
  
  0% {
    width: 200px;
    padding-left: 20px;
  }
  
  100% {
    width: 5px;
    padding-left: 0px;
  }
}

@-moz-keyframes shrink-bounce {
  
  0% {
    width: 200px;
    padding-left: 20px;
  }
  
  50% {
    width: 5px;
  }
  
  70% {
    width: 35px;
  }
  
  80% {
    width: 5px;
  }
  
  90% {
    width: 15px;
  }
  
  100% {
    width: 5px;
    padding-left: 0px;
  }
}

@-webkit-keyframes shrink {
  
  0% {
    width: 200px;
    padding-left: 20px;
  }
  
  100% {
    width: 5px;
    padding-left: 0px;
  }
}

@-webkit-keyframes shrink-bounce {
  
  0% {
    width: 200px;
    padding-left: 20px;
  }
  
  50% {
    width: 5px;
  }
  
  70% {
    width: 35px;
  }
  
  80% {
    width: 5px;
  }
  
  90% {
    width: 15px;
  }
  
  100% {
    width: 5px;
    padding-left: 0px;
  }
}

ul.nice-menu li {
  width: 5px;
  height: 30px;
  line-height: 20px;
  padding: 0px 0px 0px 0px;
  margin-top: 3px;
  background: transparent;
  width: 5px;
}

ul.nice-menu.tight li {
  margin-top: 0 !important;
}

ul.nice-menu li {
  -moz-animation-name: shrink;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease-in-out;
  -webkit-animation-name: shrink;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
}

ul.nice-menu.bounce li {
  -moz-animation-name: shrink-bounce;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease-in-out;
  -webkit-animation-name: shrink-bounce;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
}

ul.nice-menu li:hover {
  width: 280px;
  padding-left: 0px;
  -moz-animation-name: expand;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease-in-out;
  -webkit-animation-name: expand;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
}

ul.nice-menu.bounce li:hover {
  -moz-animation-name: expand-bounce;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease-in-out;
  -webkit-animation-name: expand-bounce;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
}

ul.nice-menu a {
  width: 280px;
  text-decoration: none;
  font-size: 14px;
  color: #FFF;
  text-shadow: 0px 0px 3px #333;
  font-weight: bold;
  position: absolute;
  padding: 5px 0px;
  padding-left: 20px;
}

ul.nice-menu li.green {
  background: #0000CC;
}

ul.nice-menu li.blue {
  background: #0000CC;
}

ul.nice-menu li.orange {
  background: #0000CC;
}

ul.nice-menu li.dark {
  background: #0000CC;
} 

ul.nice-menu li.red {
  background: #0000CC;
}


ul.nice-menu li.bright {
  background: #0000CC;
}	
/* ------------------------- FOTOGALERY --------------------------*/
#gallery {
  position: relative;
  padding-top: 50%;
  -moz-user-select: none; user-select: none;
}

#gallery img {
  position: absolute;
  top: 25%;
  left: 12.5%;
  max-width: 24.5%;
  max-height: 49.5%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: zoom-in;
  transition: .2s;
}
#gallery img:nth-child(4n-2) {left: 37.5%;}
#gallery img:nth-child(4n-1) {left: 62.5%;}
#gallery img:nth-child(4n) {left: 87.5%;}
#gallery img:nth-child(n+5) {top: 75%;}

#gallery img:focus {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  outline: none;
  pointer-events: none;
}

#gallery img:focus ~ div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  cursor: zoom-out;
}

/* ------------------------- STYLE7 --------------------------*/
.addthis_toolbox7 {
  position: absolute; 
  top: 95%; 
  right: 70%;
  color: white;
  font-weight: bold;
  text-decoration: none;
  text-shadow: -1px -1px #000;
  user-select: none;
  padding: .8em 2em;
  outline: none;
  background-color: #00CCFF;
  background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
  background-repeat: no-repeat;
  background-size: 200% 100%, auto;
  background-position: 200% 0, 0 0;
  box-shadow: rgba(0,0,0,.3) 0 2px 5px;
} 
.addthis_toolbox7:active {
  top: 1px;
  box-shadow: none;
}
.addthis_toolbox7:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}
/* ------------------------- KNOPKA_VERH --------------------------*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(http://web.archive.org/web/20160131154455im_/http://kvpubd-com-ua.1gb.ua/templates/gk_elvesocial/images/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(http://web.archive.org/web/20160131154455im_/http://kvpubd-com-ua.1gb.ua/templates/gk_elvesocial/images/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
/* Basic link styles 
---------------------------------------------------------------*/
a{
	color:#ffffff;
}
a:hover{
	color:#f19120;
}
/* Page structure
------------------------------------------------------------*/ 
div#bg{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/b2.png'); background-attachment: fixed; background-position: center top; background-repeat: no-repeat; no-repeat center 0;
}
/* top */
div#userarea{
	background:transparent url(../../../templates/gk_elvesocial/images/style1/login_left.png) no-repeat left bottom;
}
div#userarea div{
	background:transparent url(../../../templates/gk_elvesocial/images/style1/login_right.png) no-repeat right bottom;
}
div#userarea span#login{
	border-right: 1px solid #AEFFFF;
}
/* menu */
div#menu{
            position: relative;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  color: hsl(88, 70%, 30%);
  text-shadow: rgba(255,255,255,.5) 0 -1px 0, rgba(0,0,0,.2) 0 .18em .15em;
  text-decoration: none;
  user-select: none;
  margin: .5em;
  padding: .5em .6em .4em .6em;
  border-radius: 8px;
  border-top: 1px solid rgba(255,255,255,.1);
  border-bottom: 1px solid rgba(0,0,0,.1);
  outline: none;
  background: #99cccc radial-gradient(rgba(255,255,255,0), rgba(255,255,255,.5));
  box-shadow:
   inset rgba(255,255,255,.6) 0 .3em .3em,
   inset rgba(0,0,0,.2) 0 -.1em .3em,
   rgb(128,161,103) 0 7px 1px,
   rgba(0,0,0,.2) 0 .5em 5px;
  transition: background .2s ease-in-out;
}

a.button:hover {
  background-color: hsl(88, 70%, 75%);
}
a.button:active {
  top: .2em;
  color: rgba(254,255,255,.9);
  text-shadow: rgba(0,0,0,.2) 0 1px 2px;
  box-shadow:
   inset rgba(255,255,255,.6) 0 .3em .3em,
   inset rgba(0,0,0,.2) 0 -.1em .3em,
   rgba(0,0,0,.4) 0 .1em 1px,
   rgba(0,0,0,.3) 0 .2em 6px;
}
a.button:after {
  content:  "";
  position:  absolute; 
  width:   90%;
  height:  60%;
  top:   0;
  left:   5%;    
  border-radius:    .5em .5em 1em 1em / .5em .5em 2em 2em;
  background-image: linear-gradient(rgba(255,255,255,.55), rgba(255,255,255,.3)); 
}
.button:active:after {
  opacity: .6;
}
div#horiz-menu ul ul{
	background: transparent url('../../../templates/gk_elvesocial/images/style1/submenu_bg.png') no-repeat left bottom; 
}
div#horiz-menu li li a,
div#horiz-menu li li span.separator{
	display:block;
	border-top:1px solid #72aaca;
}
div#horiz-menu li.active a,
div#horiz-menu li.active li.active a,
div#horiz-menu li.active li li.active a,
div#horiz-menu li.active li li li.active a,
div#horiz-menu li.active li li li li.active a,
div#horiz-menu li.active span.separator,
div#horiz-menu li.active li.active span.separator,
div#horiz-menu li.active li li.active span.separator,
div#horiz-menu li.active li li li.active span.separator,
div#horiz-menu li.active li li li li.active span.separator,
div#horiz-menu li.active li a:hover{
	color:#00FFFF;
}
div#horiz-menu li.active li a,
div#horiz-menu li.active li span.separator{
	color:#FFFFFF;
}
/* message */
#system-message dd.error ul {
	background-color:#FBAC29!important;
	color:#fff!important;
}
#system-message dd.message ul {
	background-color:#3c6c8a!important;
	color:#fff!important;
}
/* content */
div#content{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/content_bg_top.png') no-repeat 0 0;
	color:#000000;
}
div#content_bg{
	background:#FFFFFF;
}
/* bottom */
div#bottom{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/bottom_bg_top.png') no-repeat 0 0;
	color:#ffffff;
}
div#bottom_bg1{
	background: #0099FF url('../../../templates/gk_elvesocial/images/style1/bottom_bg.png') repeat-x 0 top;
}
div#bottom_bg2{
	background: transparent url('../../../templates/gk_elvesocial/images/style1/bottom_bg_abstract.png') no-repeat 0 bottom;	
}
/* footer */
div#footer{
	color:#000000;
	background:transparent url('../../../templates/gk_elvesocial/images/style1/footer_bg.png') no-repeat 0 0;
}
div#footer a:hover,
div#footer_menu ul li a{
	color:#999;
}
div#footer a,
div#footer_menu ul li a:hover{
	color:#0000FF;
}
/* Suffixes
------------------------------------------------------------*/
/* header */
div#header .moduletable,
div#header .moduletable_text,
div#header .moduletable_menu{
}
div#header .moduletable_blue{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/module_bg_blue.png') repeat-x 0 top;	
}
div#header .moduletable h3,
div#header .moduletable_text h3,
div#header .moduletable_menu h3{
	color:#3c6c8a;
	background:transparent url('../../../templates/gk_elvesocial/images/style1/module_hbg_white.png') repeat-x 0 0;
}
div#header .moduletable_blue h3{
	color:#fff;
	background:transparent url('../../../templates/gk_elvesocial/images/style1/module_hbg_bluepng') repeat-x 0 0;
}
div#header .moduletable .moduletable_content,
div#header .moduletable_text .moduletable_content,
div#header .moduletable_menu .moduletable_content{
	color:#3c6c8a;
}
div#header .moduletable_blue .moduletable_content{
	color:#fff;
}
/* content */
div#content .moduletable,
div#content .moduletable_text,
div#content .moduletable_menu{
	background:#fff;
}
div#content .moduletable_lightblue{
	background:#1139cd url('../../../templates/gk_elvesocial/images/style1/module_bg_light.png') repeat-x 0 top!important;
}
div#content .moduletable_white{
	border:1px solid #ececec;
	background:#fff;
}
div#content .moduletable_blue{
	background:#3d0c97 url('../../../templates/gk_elvesocial/images/style1/module_bg_darkblue.png') repeat-x 0 top;	
}
div#content .moduletable_green{
	background:#ffffff repeat-x 0 top;	
}
div#content .moduletable h3,
div#content .moduletable_text h3,
div#content .moduletable_menu h3{
	color:#3d0c97;	
}
div#content .moduletable_lightblue h3{
	color:#fff;
	background:transparent url('../../../templates/gk_elvesocial/images/style1/module_hbg_blue.png') repeat-x 0 0;	
}
div#content .moduletable_white h3{
	background:#f7f7f7;
	color:#3c6c8a;	
}
div#content .moduletable_blue h3{
	color:#fff;
	border-bottom:1px solid #CC33FF;	
}
div#content .moduletable_green h3{
	color:#fff;
	border-bottom:1px solid #ffffff;
}
div#content div.moduletable_green ul li{
	border-top:1px url('../../../templates/gk_elvesocial/css/style1.css') solid #ffffff;
}
div#content .moduletable .moduletable_content,
div#content .moduletable_text .moduletable_content,
div#content .moduletable_menu .moduletable_content{
	color:#808080;
}
div#content .moduletable_lightblue .moduletable_content{
	color:#fff;	
}
div#content .moduletable_white .moduletable_content{
	color:#808080;
}
div#content .moduletable_blue .moduletable_content{
	color:#fff;
}
div#content .moduletable_green .moduletable_content{
	color:#fff;
}
/* column */
div.column .moduletable,
div.column .moduletable_text,
div.column .moduletable_menu{
	background:#0099FF top!important;
}
div.column .moduletable h3,
div.column .moduletable_text h3,
div.column .moduletable_menu h3{
	color:#0093D9!important;
	background:transparent url('../../../templates/gk_elvesocial/images/style1/module_hbg_blue.png') repeat-x 0 0;	
}
div.column .moduletable .moduletable_content,
div.column .moduletable_text .moduletable_content,
div.column .moduletable_menu .moduletable_content{
	color:#fff!important;	
}
/* Restrictions & suffixes
------------------------------------------------------------*/
/* _white suffix */
div#content .moduletable_white a{
	color:#6ea6c8;
}
div#content .moduletable_white a:hover{
	color:#6ea6c8;	
}
div#content div.moduletable_white ul li{
	border-top:1px solid #ececec;
}
/* _blue suffix */
div#content .moduletable_blue a{
	color:#fff;
}
div#content .moduletable_blue a:hover{
	color:#fff;
}
div#content div.moduletable_blue ul li{
	border-top:1px solid #c6e0f2;
}
/* _green suffix */
div#content .moduletable_green a{
	color:#fff;
}
div#content .moduletable_green a:hover{
	color:#fff;
}
/* _lightblue suffix */
div#content .column .moduletable a,
div#content .column .moduletable_menu a,
div#content .column .moduletable_text a,
div#content .moduletable_lightblue a{
	color:#fff;
}
div#content .column .moduletable a:hover,
div#content .column .moduletable_menu a:hover,
div#content .column .moduletable_text a:hover,
div#content .moduletable_lightblue a:hover{
	color:#fff;	
}
div#content .column .moduletable ul li,
div#content .column .moduletable_menu ul li,
div#content .column .moduletable_text ul li,
div#content .moduletable_lightblue ul li{
	border-top:1px solid #88B7D5;
}
/* standard style in content */
div#component .moduletable ul li,
div#component .moduletable_menu ul li,
div#component .moduletable_text ul li{
	border-top:1px solid #ececec;
}
/* header */
div#header .moduletable a,
div#header .moduletable_text a,
div#header .moduletable_menu a{
	color:none;	
}
div#header .moduletable_blue a{
	color:#fff;
}
div#header .moduletable_blue a:hover{
	color:#fff;
}
div#header ul li{
	border-top:1px solid #bed8e8;
}
div#header .moduletable_blue ul li{
	border-top:1px solid #88b7d5;
}
/* content */
div#content a{
	color:#0033FF;
}
div#content a:hover{
	color:#999;
}
/* bottom */
div#bottom a{
	color:#fff;
}
div#bottom a:hover{
	color:#000000;
}
div#bottom ul li{
	border-top:1px solid #bde254;
}
/* Standard Joomla modules
------------------------------------------------------------*/
/* mod_breadcrumb */
div#content .breadcrumb{
	background:#f7f7f7;
}
div#content .breadcrumb .icon{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/breadcrumb_home.png') no-repeat 0 0;
}
div#content .breadcrumb .separator{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/breadcrumb_bullet.png') no-repeat 0 0;
}
div#content .breadcrumb a,
div#content .breadcrumb span{
	color:#3c6c8a;
}
div#content .breadcrumb a:hover{
	color:#69a3cb;
}
div#content .breadcrumb span.last{
	color:#69a3cb;
}
/* mod_search */
div#header input.inputbox,
div#header input.inputbox_menu,
div#header input.inputbox_text{
	border:1px solid #c7ddeb;
}
div#header input.inputbox_blue{
	border:1px solid #84b4d2;
}
div#content input.inputbox,
div#content input.inputbox_menu,
div#content input.inputbox_text,
div#content input.inputbox_white{
	border:1px solid #cfcfcf;
}
div#content input.inputbox_blue,
div#content input.inputbox_lightblue{
	border:1px solid #73a8ca;
}
div#content input.inputbox_green{
	border:1px solid #719815;
}
div#content .column input.inputbox,
div#content .column input.inputbox_menu,
div#content .column input.inputbox_text{
	border:1px solid #73a8ca;
}
div#bottom input.inputbox,
div#bottom input.inputbox_menu,
div#bottom input.inputbox_text{
	border:1px solid #719815;
}
/* mod_login */
#form-login-fpass a,
#form-login-flogin a,
#form-login-register a{
	color:#3c6c8a;
}
/* popups */
div#popup_login,
div#popup_register{
	background:url(../../../templates/gk_elvesocial/images/style1/popup_top.png) no-repeat 0 0;
}
div#close_button_login,
div#close_button_register{
	background:url(../../../templates/gk_elvesocial/images/style1/popup_close.png) no-repeat 0 top;
}
div#close_button_login:hover,
div#close_button_register:hover{
	background:url(../../../templates/gk_elvesocial/images/style1/popup_close.png) no-repeat 100% top;
}
div.popup_top{
	background:url(../../../templates/gk_elvesocial/images/style1/popup_middle.png) repeat-y 0 0;	
}
div.popup_bottom{
	background:url(../../../templates/gk_elvesocial/images/style1/popup_bottom.png) no-repeat 0 bottom;
}

/* Joomla style - jooomla_classes.css
--------------------------------------------------------- */
/* headings */
h1.componentheading,
.componentheading{
	color:#3C6C8A;
}
.contentdescription img{
	padding:0 11px 12px 0;
	background: transparent url('../../../templates/gk_elvesocial/images/style1/img_shadowpng') no-repeat right bottom;
}
/* readon */
a.readon,
.back_button a,
.button,
.button_green,
.button_lightblue,
.validate{
	color:#fff!important;
	border:1px solid #a2bb4e;
	background:#a2bb4e url('../../../templates/gk_elvesocial/images/style1/button_bg.png') repeat-x 0 0;
}
a.readon:hover,
.button:hover,
.button_green:hover,
.button_lightblue:hover,
.validate:hover{
	border:1px solid #f6bd2f;
	background:#f6bd2f url('../../../templates/gk_elvesocial/images/style1/button_bg.png') repeat-x 0 bottom;
}
.moduletable_blue a.readon,
.moduletable_blue .back_button a,
.button_blue,
.moduletable_white a.readon,
.moduletable_white .back_button a,
.button_white{
	color:#fff;
	border:1px solid #fff;
	background:#fff url('../../../templates/gk_elvesocial/images/style1/button_bg_blue.png') repeat-x 0 0;	
}
.moduletable_blue a.readon:hover,
.button_blue:hover,
.moduletable_white a.readon:hover,
.button_white:hover{
	color:#3c6c8a!important;
	border:1px solid #fff;
	background:#fff url('../../../templates/gk_elvesocial/images/style1/button_bg_blue.png') repeat-x 0 bottom;	
}
div#header a.readon,
div#header .back_button a,
.button,
div#bottom a.readon,
div#bottom .back_button a,
div#bottom .button,
div#content .moduletable_green a.readon,
div#content .moduletable_green .back_button a,
.button_green,
div#content .moduletable_lightblue a.readon,
div#content .moduletable_lightblue .back_button a,
.button_lightblue,
div#content .column .moduletable a.readon,
div#content .column .moduletable .back_button a,
div#content .column .moduletable_text a.readon,
div#content .column .moduletable_text .back_button a,
.button_text,
div#content .column .moduletable_menu a.readon,
div#content .column .moduletable_menu .back_button a,
.button_menu{
	border:1px solid #fff!important;
}
ul.pagination a,
ul.pagination li span{
	border:1px solid #e8e8e8;
}
/* inputbox */
input.inputbox,
input.inputbox_blue,
input.inputbox_lightblue,
input.inputbox_green,
input.inputbox_white{
	border:1px solid #d8d8d8;
	color:#999;
}
/* IMG caption */
img.caption{
	background: transparent url('../../../templates/gk_elvesocial/images/style1/img_shadow.png') no-repeat right bottom;
}
div.img_caption p{
	color: #999;
}
/* tables */
td.sectiontableheader{
	background:#EEF7FF;
}
td.sectiontableheader a {color: #3C6C8A!important; font-size: 14px;}
tr.sectiontableentry0:hover,
tr.sectiontableentry1:hover,
tr.sectiontableentry2:hover{
	background:#fafafa;
}
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td{
	border-bottom:1px solid #f7f7f7;
}

/* Gavick Modules - gk_stuff.css
------------------------------------------------------------------*/
/* GK Tab 
---------------------------------------------------------------*/
.gk_tab_item_space{
	color:#fff;
}
div.gk_tab_item-style1 p.gk_tab_news_text{
	color:#fff;
}
div.gk_tab_item-style1 p.gk_tab_news_info{
	color:#fff;
}
ul.gk_tab_ul-style1 li{
	color:#fff;
}
ul.gk_tab_ul-style1 li span{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/tab_2.png') no-repeat left bottom;
}
ul.gk_tab_ul-style1 li span span{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/tab_3.png') no-repeat right bottom;
}
ul.gk_tab_ul-style1 li span span span{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/tab_1.png') no-repeat left top;
}
ul.gk_tab_ul-style1 li span span span span{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/tab_4.png') no-repeat right top;
}
ul.gk_tab_ul-style1 li.active{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/atab_2.png') no-repeat left bottom;
}
ul.gk_tab_ul-style1 li.active span{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/atab_3.png') no-repeat right bottom;	
}
ul.gk_tab_ul-style1 li.active span span{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/atab_1.png') no-repeat left top;
}
ul.gk_tab_ul-style1 li.active span span span{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/atab_4.png') no-repeat right top;
}
ul.gk_tab_ul-style1 li.active span span span span{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/atab_top.png') no-repeat center top;
}
/* News Show Pro GK1 */
div.gk_npro_full_prev,
div.gk_npro_short_prev{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_arrows.png') no-repeat left -10px;
} 
div.gk_npro_full_next,
div.gk_npro_short_next{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_arrows.png') no-repeat right 0;	
}
div.gk_npro_full_prev:hover,
div.gk_npro_short_prev:hover{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_arrows.png') no-repeat left 0;
} 
div.gk_npro_full_next:hover,
div.gk_npro_short_next:hover{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_arrows.png') no-repeat right -10px;	
}
img.gk_npro_image{
	padding: 0 11px 12px 0;
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/img_shadow.png') no-repeat right bottom;
}
img.gk_npro_image_static{
	padding: 0 11px 12px 0;
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/img_shadow.png') no-repeat right bottom;
}
div.gk_npro_full_interface ul li,
div.gk_npro_full_interface ul li:first-child{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_bullets.png') no-repeat right 0;
}
div.gk_npro_full_interface ul li.active{ 
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_bullets.png') no-repeat left 0;
}
/* content std style */
#component .moduletable div.gk_npro_full_prev,
#component .moduletable div.gk_npro_short_prev{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_arrows.png') no-repeat left 0;
} 
#component .moduletable div.gk_npro_full_next,
#component .moduletable div.gk_npro_short_next{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_arrows.png') no-repeat right -10px;	
}
/* _blue */
.moduletable_blue div.gk_npro_full_prev,
.moduletable_blue div.gk_npro_short_prev{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_arrows.png') no-repeat left -50px;
} 
.moduletable_blue div.gk_npro_full_next,
.moduletable_blue div.gk_npro_short_next{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_arrows.png') no-repeat right -40px;	
}
.moduletable_blue div.gk_npro_full_prev:hover,
.moduletable_blue div.gk_npro_short_prev:hover{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_arrows.png') no-repeat left -40px;
} 
.moduletable_blue div.gk_npro_full_next:hover,
.moduletable_blue div.gk_npro_short_next:hover{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_arrows.png') no-repeat right -50px;	
}
.moduletable_blue img.gk_npro_image{
	padding: 0 11px 12px 0;
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/img_bshadow.png') no-repeat right bottom;
}
.moduletable_blue img.gk_npro_image_static{
	padding: 0 11px 12px 0;
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/img_bshadow.png') no-repeat right bottom;
}
.moduletable_blue div.gk_npro_full_interface ul li,
.moduletable_blue div.gk_npro_full_interface ul li:first-child{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_bullets.png') no-repeat right -22px;
}
.moduletable_blue div.gk_npro_full_interface ul li.active{ 
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_bullets.png') no-repeat left -22px;
}
/* _green & bottom */
#bottom div.gk_npro_full_prev,
#bottom div.gk_npro_short_prev,
.moduletable_green div.gk_npro_full_prev,
.moduletable_green div.gk_npro_short_prev{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_arrows.png') no-repeat left -70px;
} 
#bottom div.gk_npro_full_next,
#bottom div.gk_npro_short_next,
.moduletable_green div.gk_npro_full_next,
.moduletable_green div.gk_npro_short_next{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_arrows.png') no-repeat right -60px;	
}
#bottom div.gk_npro_full_prev:hover,
#bottom div.gk_npro_short_prev:hover,
.moduletable_green div.gk_npro_full_prev:hover,
.moduletable_green div.gk_npro_short_prev:hover{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_arrows.png') no-repeat left -60px;
} 
#bottom div.gk_npro_full_next:hover,
#bottom div.gk_npro_short_next:hover,
.moduletable_green div.gk_npro_full_next:hover,
.moduletable_green div.gk_npro_short_next:hover{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_arrows.png') no-repeat right -70px;	
}
#bottom img.gk_npro_image,
.moduletable_green img.gk_npro_image{
	padding: 0 11px 12px 0;
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/img_gshadow.png') no-repeat right bottom;
}
#bottom img.gk_npro_image_static,
.moduletable_green img.gk_npro_image_static{
	padding: 0 11px 12px 0;
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/img_gshadow.png') no-repeat right bottom;
}
#bottom div.gk_npro_full_interface ul li,
#bottom div.gk_npro_full_interface ul li:first-child,
.moduletable_green div.gk_npro_full_interface ul li,
.moduletable_green div.gk_npro_full_interface ul li:first-child{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_bullets.png') no-repeat right -33px;
}
#bottom div.gk_npro_full_interface ul li.active,
.moduletable_green div.gk_npro_full_interface ul li.active{ 
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_bullets.png') no-repeat left -33px;
}
#bottom div.gk_npro_mainwrap a.readon_class{
	text-decoration:none!important;
	background:none!important;
	border:none!important;
	line-height:normal!important;
	font-weight:bold;
}
#bottom div.gk_npro_mainwrap a.readon_class:hover{
	color:#384a01!important;
}
/* _white */
.moduletable_white div.gk_npro_full_prev,
.moduletable_white div.gk_npro_short_prev{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_arrows.png') no-repeat left -30px;
} 
.moduletable_white div.gk_npro_full_next,
.moduletable_white div.gk_npro_short_next{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_arrows.png') no-repeat right -20px;	
}
.moduletable_white div.gk_npro_full_prev:hover,
.moduletable_white div.gk_npro_short_prev:hover{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_arrows.png') no-repeat left -20px;
} 
.moduletable_white div.gk_npro_full_next:hover,
.moduletable_white div.gk_npro_short_next:hover{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_arrows.png') no-repeat right -30px;	
}
.moduletable_white img.gk_npro_image{
	padding: 0 11px 12px 0;
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/img_shadow.png') no-repeat right bottom;
}
.moduletable_white img.gk_npro_image_static{
	padding: 0 11px 12px 0;
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/img_shadow.png') no-repeat right bottom;
}
.moduletable_white div.gk_npro_full_interface ul li,
.moduletable_white div.gk_npro_full_interface ul li:first-child{
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_bullets.png') no-repeat right -11px;
}
.moduletable_white div.gk_npro_full_interface ul li.active{ 
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/nspro_bullets.png') no-repeat left -11px;
}
/* column - standard style */
.column img.gk_npro_image{
	padding: 0 11px 12px 0;
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/img_bshadow.png') no-repeat right bottom;
}
.column img.gk_npro_image_static{
	padding: 0 11px 12px 0;
	background:transparent url('../../../templates/gk_elvesocial/images/style1/gk_stuff/img_bshadow.png') no-repeat right bottom;
}

/* Typography - template_css.css
------------------------------------------------------------------*/
/* Code */
pre,
.code1,
.code2{
	background:#f7f7f7;
}
pre,
.code1{
	border-left:5px solid #f19120; 
}
.code2{
	border-top:5px solid #f19120;
	border-bottom:5px solid #f19120;
}
.code3{
	border-top:1px solid #f19120;
	border-bottom:1px solid #f19120;
}
.code3 h4{
	background:#fff;
	background:#f5f5f5;
}

/* Warnings */
p.info1,p.info2,p.info3,p.info4{background:transparent url('../../../templates/gk_elvesocial/images/icons/info.gif') no-repeat left center; }
p.warning1,p.warning2,p.warning3,p.warning4{background:transparent url('../../../templates/gk_elvesocial/images/icons/warning.gif') no-repeat left center; }
p.tips1,p.tips2,p.tips3,p.tips4{ background:transparent url('../../../templates/gk_elvesocial/images/icons/tips.gif') no-repeat left center; }

p.info2,
p.info4{
	border-top:#3399ff solid 1px;
	border-bottom:#3399ff solid 1px;
	background-position:3px center;
}
p.info3,
p.info4{
	background-color:#E6F1FF;
	background-position: 7px center;
}
p.warning2,
p.warning4{
	border-top:#f71212 solid 1px;
	border-bottom:#f71212 solid 1px;
	background-position: 3px center;
}
p.warning3,
p.warning4{
	background-color:#FFE5E0;
	background-position: 7px center;
}
p.warning4{
	border-top:#f71212 solid 1px;
	border-bottom:#f71212 solid 1px;
}
p.tips2,
p.tips4{
	border-top:#fde647 solid 1px;
	border-bottom:#fde647 solid 1px;
	background-position:3px center;
}
p.tips3,
p.tips4{
	background-color:#FDFFC7;
	background-position: 7px center;
}
p.tips4{
	border-top:#fde647 solid 1px;
	border-bottom:#fde647 solid 1px;
}

/* Blockquotes */
blockquote div.blockquote1{
	background:transparent url(../../../templates/gk_elvesocial/images/style1/gk_stuff/typography/open1.png)  no-repeat left bottom;
}
blockquote div.blockquote1 div{
	background:transparent url(../../../templates/gk_elvesocial/images/style1/gk_stuff/typography/close1.png)  no-repeat right top;
}
blockquote div.blockquote2{
	background:transparent url(../../../templates/gk_elvesocial/images/style1/gk_stuff/typography/open1.png)  no-repeat left top;
}
blockquote div.blockquote2 div{
	background:transparent url(../../../templates/gk_elvesocial/images/style1/gk_stuff/typography/close1.png)  no-repeat right top;
}
blockquote div.blockquote3{
	background:transparent url(../../../templates/gk_elvesocial/images/style1/gk_stuff/typography/open2.png) no-repeat left bottom;
}
blockquote div.blockquote3 div{
	background:transparent url(../../../templates/gk_elvesocial/images/style1/gk_stuff/typography/close2.png) no-repeat right top;
}
blockquote div.blockquote4{
	background:transparent url(../../../templates/gk_elvesocial/images/style1/gk_stuff/typography/open2.png) no-repeat left top;
}
blockquote div.blockquote4 div{
	background:transparent url(../../../templates/gk_elvesocial/images/style1/gk_stuff/typography/close2.png) no-repeat right top;
}

/* Legends */
div.legend1 h4,
div.legend2 h4,
div.legend3 h4,
div.legend4 h4,
div.legend5 h4,
div.legend6 h4{
	background: #f5f5f5;
}
div.legend3 h4:first-child,
div.legend5 h4:first-child{
	background:#e7e7e7;
}
div.legend4 h4:first-child,
div.legend6 h4:first-child{
	border:solid 1px #666;
}
div.legend1,
div.legend5,
div.legend6{
	border:solid 1px #666;
}
div.legend2,
div.legend3,
div.legend4{
	border-top:solid 1px #666;
	border-bottom:solid 1px #666;
}

/* Highlights */
.highlight-1{
	background:#ffffda;
}
.highlight-2{
	background:#f19120;
	color:#fff;
}
.highlight-3{
	background:#7caace;
	color:#fff;
}
.highlight-4{
	background:#3c6c8e;
	color:#fff;
}

/* Colors for spans */
span.clear{
	border-top:1px solid #f19120;
	border-bottom:1px solid #f19120;
	color:#f19120;
}
span.clear-1{
	border-top:1px solid #7caace;
	border-bottom:1px solid #7caace;
	color:#7caace;
}
span.clear-2{
	border-top:1px solid #3c6c8a;
	border-bottom:1px solid #3c6c8a;
	color:#3c6c8a;
}
span.color{
	color:#f19120;
}
span.color-1{
	color:#7caace;
}
span.color-2{
	color:#f19120;
	border-left:2px solid #f19120;
}
span.color-3{
	color:#7caace;
	border-left:2px solid #7caace;
}
span.color-4{
	color:#fff;
	background:#f19120;
}
span.color-5{
	color:#fff;
	background:#7caace;
}
span.color-6{
	color:#d48d1c;
	background:#ffe;
	border-top:1px solid #e9e9a1;
	border-bottom:1px solid #e9e9a1;
}
span.color-7{
	background:#3c6c8a;
	color:#fff;
}

/* unordered lists */
ul.circle1{list-style-image:url(../../../templates/gk_elvesocial/images/style1/gk_stuff/typography/bullet3ul.png);}
ul.circle2{list-style-type:circle;}
ul.bullet1{list-style-image:url(../../../templates/gk_elvesocial/images/style1/gk_stuff/typography/bullet_ol_1_dark.png);}
ul.bullet2{list-style-image:url(../../../templates/gk_elvesocial/images/style1/gk_stuff/typography/bullet1ul.png);}
ul.bullet3{list-style-image:url(../../../templates/gk_elvesocial/images/style1/gk_stuff/typography/bullet2ul.png);}
ul.bullet4{list-style-image:url(../../../templates/gk_elvesocial/images/style1/gk_stuff/typography/bullet_ol_1_color.png);}
ul.square1{list-style-type:square;}
ul.square2{list-style-image:url(../../../templates/gk_elvesocial/images/style1/gk_stuff/typography/bullet_squ1_dark.png);}
ul.square3{list-style-image:url(../../../templates/gk_elvesocial/images/style1/gk_stuff/typography/bullet_squ1_color.png);}

/* Numbers */
div.number1 span{
	background:transparent url(../../../templates/gk_elvesocial/images/style1/gk_stuff/typography/bullet_ol_2.png) no-repeat center center;
	color:#fff;
}
div.number2 span{
	background:transparent url(../../../templates/gk_elvesocial/images/style1/gk_stuff/typography/bullet_ol_2_color.png) no-repeat center center;
	color:#fff;
}

/* ------------------------- ELEKTRONA_BAZA --------------------------*/
.sky-mega-menu,
.sky-mega-menu * {
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
	background: none;
}
.sky-mega-menu {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


/**/
/* level 1 */
/**/
.sky-mega-menu {
	position: relative;
	z-index: 999;
	width: 640px;
	background: #33FFFF;
	box-shadow: 0 0 20px rgba(0,0,0,.3);
	font-size: 0;
	line-height: 0;
	text-align: right;
}
.sky-mega-menu:after {
	content: '';
	display: table;
	clear: both;
}
.sky-mega-menu li {
	position: relative;
	display: inline-block;
	float: left;
	padding: 5px;
	border-style: solid;
	border-color: rgba(0,0,0,.1);
	border-right-width: 1px;
	font-size: 13px;
	line-height: 45px;
	text-align: left;
	white-space: nowrap;
}
.sky-mega-menu li a {
	display: block;
	padding: 0 20px;
	text-decoration: none;
	color: #666;
	transition: background 0.4s, color 0.4s;
	-o-transition: background 0.4s, color 0.4s;
	-ms-transition: background 0.4s, color 0.4s;
	-moz-transition: background 0.4s, color 0.4s;
	-webkit-transition: background 0.4s, color 0.4s;
}
.sky-mega-menu li > div {
	position: absolute;
	z-index: 1000;
	top: 100%;
	left: -9999px;
	margin-top: 8px;
	background: #33FFFF;
	box-shadow: 0 0 8px rgba(0,0,0,.3);
	opacity: 0;
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	-o-transition: -o-transform 0.4s, opacity 0.4s;
	-ms-transition: -ms-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
}
.sky-mega-menu li > div:after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	height: 8px;
	background: transparent;	
}
.sky-mega-menu li > div:before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 24px;
	border-right: 5px solid transparent;
	border-bottom: 5px solid rgba(255,255,255,0.9);
	border-left: 5px solid transparent;
}
.sky-mega-menu li:hover > a,
.sky-mega-menu li.current > a {
	background: #2da5da;
	color: #fff;
}
.sky-mega-menu li:hover > div {
	left: 0;
	opacity: 1;
	-webkit-transform: translate(0, 0);
}
.sky-mega-menu .right {
	float: none;
	border-right-width: 0;
	border-left-width: 1px;
}
.sky-mega-menu .right > div {
	-o-transform-origin-x: 100%;
	-ms-transform-origin-x: 100%;
	-moz-transform-origin-x: 100%;
	-webkit-transform-origin-x: 100%;
}
.sky-mega-menu .right:hover > div {
	right: 0;
	left: auto;
}
.sky-mega-menu .right:hover > div:before {
	right: 24px;
	left: auto;
}
.sky-mega-menu .switcher {
	display: none;
}


/**/
/* level 2+ */
/**/
.sky-mega-menu li li {
	display: block;
	float: none;
	border-width: 0;
	border-top-width: 1px;
	line-height: 21px;
	white-space: normal;
}
.sky-mega-menu li li:first-child {
	border-top: 0;
}
.sky-mega-menu li li a {
	padding-top: 12px;
	padding-bottom: 12px;
}
.sky-mega-menu li li > div {
	top: 0;
	margin: 0 0 0 8px;
}
.sky-mega-menu li li > div:after {
	top: 0;
	right: 100%;
	bottom: auto;
	left: auto;
	width: 8px;
	height: 100%;
}
.sky-mega-menu li li > div:before {
	top: 22px;
	right: 100%;
	bottom: auto;
	left: auto;
	border-top: 5px solid transparent;
	border-right: 5px solid rgba(255,255,255,0.9);
	border-bottom: 5px solid transparent;
}
.sky-mega-menu li li:hover > div {
	left: 100%;
}
.sky-mega-menu .right li > div {
	margin: 0 8px 0 0;
	-o-transform-origin-x: 100%;
	-ms-transform-origin-x: 100%;
	-moz-transform-origin-x: 100%;
	-webkit-transform-origin-x: 100%;
}
.sky-mega-menu .right li > div:after {
	right: auto;
	left: 100%;
}
.sky-mega-menu .right li > div:before {
	right: auto;
	left: 100%;
	border-right: none;
	border-left: 5px solid rgba(255,255,255,0.9);
}
.sky-mega-menu .right li:hover > div {
	right: 100%;
	left: auto;
}


/**/
/* positions */
/**/
.sky-mega-menu-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
.sky-mega-menu-pos-bottom li > div {
	top: auto;
	bottom: 100%;
	margin: 0 0 8px;
	-o-transform-origin-y: 100%;
	-ms-transform-origin-y: 100%;
	-moz-transform-origin-y: 100%;
	-webkit-transform-origin-y: 100%;
}
.sky-mega-menu-pos-bottom li > div:after {
	top: 100%;
	bottom: auto;
}
.sky-mega-menu-pos-bottom li > div:before {
	top: 100%;
	bottom: auto;
	border-top: 5px solid rgba(255,255,255,0.9);
	border-right: 5px solid transparent;
	border-bottom: none;
	border-left: 5px solid transparent;
}
.sky-mega-menu-pos-bottom li li > div {
	top: auto;	
	bottom: 0;
}
.sky-mega-menu-pos-bottom li li > div:before {
	top: auto;
	bottom: 22px;
}
.sky-mega-menu-pos-bottom.sky-mega-menu-fixed {
	top: auto;
	bottom: 0;
}

.sky-mega-menu-pos-left li,
.sky-mega-menu-pos-right li {
	display: block;
	float: none;
	border-width: 0;
	border-top-width: 1px;
}
.sky-mega-menu-pos-left li:first-child,
.sky-mega-menu-pos-right li:first-child {
	border-top: 0;
}
.sky-mega-menu-pos-left li > div,
.sky-mega-menu-pos-right li > div {
	top: 0;	
}
.sky-mega-menu-pos-left li > div {
	margin: 0 0 0 8px;
}
.sky-mega-menu-pos-right li > div {
	margin: 0 8px 0 0;
	-o-transform-origin-x: 100%;
	-ms-transform-origin-x: 100%;
	-moz-transform-origin-x: 100%;
	-webkit-transform-origin-x: 100%;
}
.sky-mega-menu-pos-left li > div:after,
.sky-mega-menu-pos-right li > div:after {
	top: 0;
	bottom: auto;
	width: 8px;
	height: 100%;
}
.sky-mega-menu-pos-left li > div:after {
	right: 100%;
	left: auto;
}
.sky-mega-menu-pos-right li > div:after {
	right: auto;
	left: 100%;
}
.sky-mega-menu-pos-left li > div:before,
.sky-mega-menu-pos-right li > div:before {
	top: 22px;
	bottom: auto;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}
.sky-mega-menu-pos-left li > div:before {
	right: 100%;
	left: auto;
	border-right: 5px solid rgba(255,255,255,0.9);
}
.sky-mega-menu-pos-right li > div:before {
	right: auto;
	left: 100%;
	border-left: 5px solid rgba(255,255,255,0.9);
}
.sky-mega-menu-pos-left li:hover > div {
	left: 100%;
}
.sky-mega-menu-pos-right li:hover > div {
	right: 100%;
	left: auto;
}
.sky-mega-menu-pos-left .bottom > div,
.sky-mega-menu-pos-right .bottom > div {
	top: auto;
	bottom: 0;
	-o-transform-origin-y: 100%;
	-ms-transform-origin-y: 100%;
	-moz-transform-origin-y: 100%;
	-webkit-transform-origin-y: 100%;
}
.sky-mega-menu-pos-left .bottom > div:before,
.sky-mega-menu-pos-right .bottom > div:before {
	top: auto;
	bottom: 22px;
}
.sky-mega-menu-pos-right li li > div {
	margin: 0 8px 0 0;
	-o-transform-origin-x: 100%;
	-ms-transform-origin-x: 100%;
	-moz-transform-origin-x: 100%;
	-webkit-transform-origin-x: 100%;
}
.sky-mega-menu-pos-right li li > div:after {
	right: auto;
	left: 100%;
}
.sky-mega-menu-pos-right li li > div:before {
	right: auto;
	left: 100%;
	border-right: none;
	border-left: 5px solid rgba(255,255,255,0.9);
}
.sky-mega-menu-pos-right li li:hover > div {
	right: 100%;
	left: auto;
}
.sky-mega-menu-pos-left.sky-mega-menu-fixed {
	top: 0;
	right: auto;
	bottom: 0;
	left: 0;
	width: auto;
}
.sky-mega-menu-pos-right.sky-mega-menu-fixed {
	top: 0;
	right: 0;
	bottom: 0;
	left: auto;
	width: auto;
}


/**/
/* animations */
/**/
.sky-mega-menu-anim-slide li > div {
	-o-transform: translate(0, 60px);
	-ms-transform: translate(0, 60px);
	-moz-transform: translate(0, 60px);
	-webkit-transform: translate(0, 60px);	
}
.sky-mega-menu-pos-bottom.sky-mega-menu-anim-slide li > div {
	-o-transform: translate(0, -60px);
	-ms-transform: translate(0, -60px);
	-moz-transform: translate(0, -60px);
	-webkit-transform: translate(0, -60px);
}
.sky-mega-menu-anim-slide li:hover > div {
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);	
}
.sky-mega-menu-anim-scale li > div {
	-o-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
}
.sky-mega-menu-anim-scale li:hover > div {
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}
.sky-mega-menu-anim-flip {
	perspective: 2000px;
	-o-perspective: 2000px;
	-moz-perspective: 2000px;
	-webkit-perspective: 2000px;
}
.sky-mega-menu-anim-flip li > div {
	transform-style: preserve-3d;
	-o-transform: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform: rotateX(-75deg);
	-o-transform: rotateX(-75deg);
	-moz-transform: rotateX(-75deg);
	-webkit-transform: rotateX(-75deg);
}
.sky-mega-menu-anim-flip li:hover > div {
	transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
}


/**/
/* grid */
/**/
.sky-mega-menu .grid-column {
	float: left;
	border-color: #d9d9d9;
	border-left-width: 1px;
	border-left-style: solid;
}
.sky-mega-menu .grid-column:first-child {
	margin-left: 0;
	border-left: 0;
}
.sky-mega-menu .grid-column2,
.sky-mega-menu .grid-container2 {
	width: 155px;
}
.sky-mega-menu .grid-column3,
.sky-mega-menu .grid-container3 {
	width: 154px;
}
.sky-mega-menu .grid-column4,
.sky-mega-menu .grid-container4 {
	width: 311px;
}
.sky-mega-menu .grid-column5,
.sky-mega-menu .grid-container5 {
	width: 468px;
}
.sky-mega-menu .grid-column6,
.sky-mega-menu .grid-container6 {
	width: 480px;
}
.sky-mega-menu .grid-column7,
.sky-mega-menu .grid-container7 {
	width: 332px;
}
.sky-mega-menu .grid-column8,
.sky-mega-menu .grid-container8 {
	width: 623px;
}
.sky-mega-menu .grid-column9,
.sky-mega-menu .grid-container9 {
	width: 500px;
}
.sky-mega-menu .grid-column10,
.sky-mega-menu .grid-container10 {
	width: 779px;
}
.sky-mega-menu .grid-column11,
.sky-mega-menu .grid-container11 {
	width: 857px;
}
.sky-mega-menu .grid-column12,
.sky-mega-menu .grid-container12 {
	width: 935px;
}
.sky-mega-menu .grid-column13,
.sky-mega-menu .grid-container13 {
	width: 155px;
}


/**/
/* icons */
/**/
.sky-mega-menu li a > .fa {
	display: block;
	float: left;
	width: 16px;
	margin: 0 10px 0 -4px;
  font-size: 16px;
  line-height: inherit;
  text-align: center;
}
.sky-mega-menu li a > .fa-single {
	float: none;
	margin: 0;
}
.sky-mega-menu li a > .fa-indicator {
	position: relative;
	top: -1px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin: 0 -10px 0 10px;
	font-size: 9px;
	line-height: 1;
	text-align: right;
}
.sky-mega-menu li li a > .fa-indicator {
	top: 0;
	float: right;
	display: block;
	line-height: inherit;
}


/**/
/* forms */
/**/
.sky-mega-menu form fieldset {
	display: block;	
	padding: 25px 30px;
}
.sky-mega-menu form fieldset + fieldset {
	border-top: 1px solid rgba(0,0,0,.1);
}
.sky-mega-menu form section {
	margin-bottom: 20px;
}
.sky-mega-menu form .input,
.sky-mega-menu form .textarea,
.sky-mega-menu form .radio,
.sky-mega-menu form .checkbox,
.sky-mega-menu form .button {
	position: relative;
	display: block;
}
.sky-mega-menu form .input input,
.sky-mega-menu form .textarea textarea {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	height: 39px;
	padding: 8px 10px;
	outline: none;
	border: 2px solid #e5e5e5;
	border-radius: 0;
	background: #fff;
	font: 13px/19px 'Open Sans', Helvetica, Arial, sans-serif;
	color: #404040;
	appearance: normal;
	-moz-appearance: none;
	-webkit-appearance: none;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
}
.sky-mega-menu form .textarea textarea {
	height: auto;
	resize: none;
}
.sky-mega-menu form .button {
	float: right;
	height: 39px;
	overflow: hidden;
	margin-left: 20px;
	padding: 0 20px;
	outline: none;
	border: 0;
	background-color: #2da5da;
	font: 300 13px/39px 'Open Sans', Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	opacity: 0.8;
	transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
}
.sky-mega-menu form .fa-append {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 29px;
	height: 29px;
	padding-left: 3px;
	border-left: 1px solid #e5e5e5;
	font-size: 15px;
	line-height: 29px;
	text-align: center;
	color: #ccc;
}
.sky-mega-menu form .input .fa-append + input,
.sky-mega-menu form .textarea .fa-append + textarea {
	padding-right: 46px;
}
.sky-mega-menu form .row {
	margin: 0 -15px;
}
.sky-mega-menu form .row:after {
	content: '';
	display: table;
	clear: both;
}
.sky-mega-menu form .col {
	float: left;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.sky-mega-menu form .col-6 {
	width: 50%;
}
.sky-mega-menu form .input:hover input,
.sky-mega-menu form .textarea:hover textarea,
.sky-mega-menu form .checkbox:hover i {
	border-color: #8dc9e5;
}
.sky-mega-menu form .button:hover {
	opacity: 1;
}
.sky-mega-menu form .input input:focus,
.sky-mega-menu form .textarea textarea:focus,
.sky-mega-menu form .checkbox input:focus + i {
	border-color: #2da5da;
}
.sky-mega-menu .search {
	border-left: 0;
}
.sky-mega-menu .search .input {
	margin: 3px 3px 3px 3px;
}
.sky-mega-menu .search .input input {
	width: 240px;
	padding-right: 65px;
}
.sky-mega-menu .search .button {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}


/**/
/* pad */
/**/
@media screen and (max-width: 1000px) {
	.sky-mega-menu li a {
		padding: 0 15px;
	}
	.sky-mega-menu li a > .fa-indicator {
		margin-right: -5px;
	}
	
	.sky-mega-menu .grid-column2,
	.sky-mega-menu .grid-container2 {
		width: 117px;
	}
	.sky-mega-menu .grid-column3,
	.sky-mega-menu .grid-container3 {
		width: 300px;
	}
	.sky-mega-menu .grid-column4,
	.sky-mega-menu .grid-container4 {
		width: 235px;
	}
	.sky-mega-menu .grid-column5,
	.sky-mega-menu .grid-container5 {
		width: 294px;
	}
	.sky-mega-menu .grid-column6,
	.sky-mega-menu .grid-container6 {
		width: 500px;
	}
	.sky-mega-menu .grid-column7,
	.sky-mega-menu .grid-container7 {
		width: 412px;
	}
	.sky-mega-menu .grid-column8,
	.sky-mega-menu .grid-container8 {
		width: 471px;
	}
	.sky-mega-menu .grid-column9,
	.sky-mega-menu .grid-container9 {
		width: 530px;
	}
	.sky-mega-menu .grid-column10,
	.sky-mega-menu .grid-container10 {
		width: 589px;
	}
	.sky-mega-menu .grid-column11,
	.sky-mega-menu .grid-container11 {
		width: 648px;
	}
	.sky-mega-menu .grid-column12,
	.sky-mega-menu .grid-container12 {
		width: 707px;
	}
	.sky-mega-menu .grid-column13,
.sky-mega-menu .grid-container13 {
	width: 500px;
}
}


/**/
/* phone */
/**/
@media screen and (max-width: 767px) {
	body {
    -webkit-text-size-adjust: none;
  }
	.sky-mega-menu .grid-column {
		float: none;
		width: auto;
		margin: 0;
		border: 0;
		border-top: 1px solid #d9d9d9;
	}
	.sky-mega-menu .grid-column:first-child {
		border-top: 0;
	}
  .sky-mega-menu form fieldset {
  	display: block;
  	padding: 15px 20px;
  }
	.sky-mega-menu form section {
		margin-bottom: 10px;
	}
  .sky-mega-menu form .row {
  	margin: 0 -10px;
  }
  .sky-mega-menu form .col {
		padding-right: 10px;
		padding-left: 10px;
	}
	
	
	.sky-mega-menu-response-to-stack > li {
		display: block;
		float: none;
		border: 0;
		border-top: 1px solid #d9d9d9;
	}
	.sky-mega-menu-response-to-stack > li:first-child {
		border-top: 0;
	}
	.sky-mega-menu-response-to-switcher > li {
		display: none;
		float: none;
		border: 0;
	}
	.sky-mega-menu-response-to-switcher > .switcher {
		display: block;
	}
	.sky-mega-menu-response-to-switcher:hover > li {
		display: block;
		border-top: 1px solid #d9d9d9;		
	}
	.sky-mega-menu-response-to-switcher:hover > .switcher {
		display: none;	
	}
	.sky-mega-menu-response-to-stack li > div,
	.sky-mega-menu-response-to-stack li > [class^="grid-container"],
	.sky-mega-menu-response-to-switcher li > div,
	.sky-mega-menu-response-to-switcher li > [class^="grid-container"] {
		top: 100%;
		bottom: auto;
		width: auto;
		margin: 8px 0 0 0;		
		-o-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}
	.sky-mega-menu-response-to-stack li > div:after,
	.sky-mega-menu-response-to-switcher li > div:after {
		top: auto;
		right: auto;
		bottom: 100%;
		left: 0;
		width: 100%;
		height: 8px;
	}
	.sky-mega-menu-response-to-stack li > div:before,
	.sky-mega-menu-response-to-switcher li > div:before {
		display: none;
	}
	.sky-mega-menu-response-to-stack li a > .fa,
	.sky-mega-menu-response-to-switcher li a > .fa {
		margin: 0 15px 0 0;
	}
	.sky-mega-menu-response-to-stack li:hover > div,
	.sky-mega-menu-response-to-stack li:hover > [class^="grid-container"],
	.sky-mega-menu-response-to-switcher li:hover > div,
	.sky-mega-menu-response-to-switcher li:hover > [class^="grid-container"] {
		right: 0;
		left: 51px;
	}
	.sky-mega-menu-response-to-stack li li > div,
	.sky-mega-menu-response-to-switcher li li > div {
		top: 100%;
		width: auto;
		margin: 8px 0 0 0;
	}
	.sky-mega-menu-response-to-stack li li > div:after,
	.sky-mega-menu-response-to-switcher li li > div:after {
		top: auto;
		right: auto;
		bottom: 100%;
		left: 0;
		width: 100%;
		height: 8px;
	}
	.sky-mega-menu-response-to-stack li li:hover > div,
	.sky-mega-menu-response-to-switcher li li:hover > div {
		right: 0;
		left: 51px;
	}
	.sky-mega-menu-response-to-stack .search .input input,
	.sky-mega-menu-response-to-switcher .search .input input {
		width: 100%;
	}	
	
  .sky-mega-menu-response-to-icons li {
  	position: static;
  	font-size: 0;
	}
	.sky-mega-menu-response-to-icons li a {
		padding: 0 10px;
	}
	.sky-mega-menu-response-to-icons li > div,
	.sky-mega-menu-response-to-icons li > [class^="grid-container"] {
		width: 100%;
	}
	.sky-mega-menu-response-to-icons li > div:before {
		display: none;
	}
	.sky-mega-menu-response-to-icons li a > .fa {
		margin: 0;
	}	
	.sky-mega-menu-response-to-icons li a > .fa-indicator {
		position: static;
		display: block;
		float: right;
		margin-left: 10px;
		line-height: 45px;
	}
	.sky-mega-menu-response-to-icons li li {
		position: relative;
		font-size: 13px;
	}
	.sky-mega-menu-response-to-icons li li > div,
	.sky-mega-menu-response-to-icons .right li > div {
		top: 100%;
		margin: 8px 0 0 0;
	}
	.sky-mega-menu-response-to-icons li li > div:after,
	.sky-mega-menu-response-to-icons .right li > div:after {
		top: auto;
		right: auto;
		bottom: 100%;
		left: 0;
		width: 100%;
		height: 8px;
	}
	.sky-mega-menu-response-to-icons li li:hover > div,
	.sky-mega-menu-response-to-icons .right li:hover > div {
		right: 0;
		left: 41px;
		width: auto;
	}
	.sky-mega-menu-response-to-icons li li a > .fa {
		margin-right: 10px;
	}
	.sky-mega-menu-response-to-icons li li a > .fa-indicator {
		margin-right: 0px;
	}
	.sky-mega-menu-response-to-icons.sky-mega-menu-anim-flip li li > div {
		top: 100%;
		margin: 8px 0 0 0;
		transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		-webkit-transform: rotateX(0deg);
	}
	.sky-mega-menu-pos-bottom.sky-mega-menu-response-to-icons li li > div {
		top: auto;
		bottom: 100%;
		margin: 0 0 8px 0;
	}	
	.sky-mega-menu-pos-bottom.sky-mega-menu-response-to-icons li li > div:after {
		top: 100%;
		bottom: auto;
	}
}
/* ------------------------- SHAPKA --------------------------*/
#fader1 { 
  position: absolute;
  width: 999px;
  max-width: 999px; 
  margin: 0 auto; 
  top: 20px;
}

#fader1 img {
  position: absolute;
  top: 0;
  left: -16px;
  max-width: 100%;
  height: auto;
}
/* ------------------------- SHAPKA_POLOGENIE --------------------------*/
.socbutton29 {  
position: absolute;  
top: 30px; 
padding: 0; 
margin: 0 auto;    
width: 999px;    
}