.main_slider .icons {
    width: 100%;
    position: relative;
    margin-top: -24vh; }

@-webkit-keyframes upDown {
  0% {
    -webkit-transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(86.52658px); } }

@keyframes upDown {
  0% {
    transform: translateY(0px); }
  100% {
    transform: translateY(86.52658px); } }

@-webkit-keyframes upDown-sm {
  0% {
    -webkit-transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(173.05315px); } }

@keyframes upDown-sm {
  0% {
    transform: translateY(0px); }
  100% {
    transform: translateY(173.05315px); } }

@-webkit-keyframes upDown-lg {
  0% {
    -webkit-transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(280px); } }

@keyframes upDown-lg {
  0% {
    transform: translateY(0px); }
  100% {
    transform: translateY(280px); } }

@-webkit-keyframes upDown-2 {
  0% {
    -webkit-transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(calc( 86.52658px - (8vw + 10px))); } }

@keyframes upDown-2 {
  0% {
    transform: translateY(0px); }
  100% {
    transform: translateY(calc( 86.52658px - (8vw + 10px))); } }

@-webkit-keyframes upDown-2-sm {
  0% {
    -webkit-transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(calc( 173.05315px - (8vw + 10px))); } }

@keyframes upDown-2-sm {
  0% {
    transform: translateY(0px); }
  100% {
    transform: translateY(calc( 173.05315px - (7vw + 10px))); } }

@-webkit-keyframes upDown-2-lg {
  0% {
    -webkit-transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(calc( 280px - (6vw + 10px))); } }

@keyframes upDown-2-lg {
  0% {
    transform: translateY(0px); }
  100% {
    transform: translateY(calc( 280px - (6vw + 10px))); } }

@-webkit-keyframes translate {
  0% {
    -webkit-transform: translateX(-100%); }
  50%, 100% {
    -webkit-transform: translateX(100vw); } }

@keyframes translate {
  0% {
    transform: translateX(-100%); }
  50%, 100% {
    transform: translateX(100vw); } }

div.icons .mover {
  position: absolute;
  top: 0;
  left: 0;
  width: 8vw;
  height: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-animation: translate 32.36s infinite linear;
  animation: translate 32.36s infinite linear; }
  
  @media (min-width: 768px) {
    div.icons .mover {
      width: 7vw; } }
	  
  @media (min-width: 1200px) {
    div.icons .mover {
      width: 6vw; } }
	  
  @supports (-ms-ime-align: auto) {
    div.icons .mover {
      pointer-events: none; } }
  div.icons .mover:hover {
    z-index: 100; }
  div.icons .mover.m-2 {
    -webkit-animation-delay: 1.15571s;
    animation-delay: 1.15571s; }
  div.icons .mover.m-3 {
    -webkit-animation-delay: 2.31143s;
    animation-delay: 2.31143s; }
  div.icons .mover.m-4 {
    -webkit-animation-delay: 3.46714s;
    animation-delay: 3.46714s; }
  div.icons .mover.m-5 {
    -webkit-animation-delay: 4.62286s;
    animation-delay: 4.62286s; }
  div.icons .mover.m-6 {
    -webkit-animation-delay: 5.77857s;
    animation-delay: 5.77857s; }
  div.icons .mover.m-7 {
    -webkit-animation-delay: 6.93429s;
    animation-delay: 6.93429s; }
  div.icons .mover.m-8 {
    -webkit-animation-delay: 8.09s;
    animation-delay: 8.09s; }
  div.icons .mover.m-9 {
    -webkit-animation-delay: 9.24571s;
    animation-delay: 9.24571s; }
  div.icons .mover.m-10 {
    -webkit-animation-delay: 10.40143s;
    animation-delay: 10.40143s; }
  div.icons .mover.m-11 {
    -webkit-animation-delay: 11.55714s;
    animation-delay: 11.55714s; }
  div.icons .mover.m-12 {
    -webkit-animation-delay: 12.71286s;
    animation-delay: 12.71286s; }
  div.icons .mover.m-13 {
    -webkit-animation-delay: 13.86857s;
    animation-delay: 13.86857s; }
  div.icons .mover.m-14 {
    -webkit-animation-delay: 15.02429s;
    animation-delay: 15.02429s; }
  div.icons .mover.m-15 {
    -webkit-animation-delay: 16.18s;
    animation-delay: 16.18s; }
  div.icons .mover.m-16 {
    -webkit-animation-delay: 17.33571s;
    animation-delay: 17.33571s; }
  div.icons .mover.m-17 {
    -webkit-animation-delay: 18.49143s;
    animation-delay: 18.49143s; }
  div.icons .mover.m-18 {
    -webkit-animation-delay: 19.64714s;
    animation-delay: 19.64714s; }
  div.icons .mover.m-19 {
    -webkit-animation-delay: 20.80286s;
    animation-delay: 20.80286s; }
  div.icons .mover.m-20 {
    -webkit-animation-delay: 21.95857s;
    animation-delay: 21.95857s; }
  div.icons .mover.m-21 {
    -webkit-animation-delay: 23.11429s;
    animation-delay: 23.11429s; }
  div.icons .mover.m-22 {
    -webkit-animation-delay: 24.27s;
    animation-delay: 24.27s; }
  div.icons .mover.m-23 {
    -webkit-animation-delay: 25.42571s;
    animation-delay: 25.42571s; }
  div.icons .mover.m-24 {
    -webkit-animation-delay: 26.58143s;
    animation-delay: 26.58143s; }
  div.icons .mover.m-25 {
    -webkit-animation-delay: 27.73714s;
    animation-delay: 27.73714s; }
  div.icons .mover.m-26 {
    -webkit-animation-delay: 28.89286s;
    animation-delay: 28.89286s; }
  div.icons .mover.m-27 {
    -webkit-animation-delay: 30.04857s;
    animation-delay: 30.04857s; }
  div.icons .mover.m-28 {
    -webkit-animation-delay: 31.20429s;
    animation-delay: 31.20429s; }
  div.icons .mover .ball {
    width: 100%;
    position: relative;
    -webkit-animation: upDown 8.09s alternate infinite ease-in-out;
    -webkit-animation-delay: inherit;
    -webkit-animation-play-state: inherit;
    animation: upDown 8.09s alternate infinite ease-in-out;
    animation-delay: inherit;
    animation-play-state: inherit; }
	
    @media (min-width: 768px) {
      div.icons .mover .ball {
        -webkit-animation-name: upDown-sm;
        animation-name: upDown-sm; } }
		
    @media (min-width: 1200px) {
      div.icons .mover .ball {
        -webkit-animation-name: upDown-lg;
        animation-name: upDown-lg; } }
		
    @media (min-width: 768px) {
	 
      div.icons .mover .ball:hover {
        z-index: 1000; }
        div.icons .mover .ball:hover::before {
          -webkit-transform: scale(1.2);
          transform: scale(1.2);
          box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.14); }
        div.icons .mover .ball:hover .info {
          height: auto;
          padding: 10px;
          opacity: 1;
          z-index: 1000;
          -webkit-transform: translateY(100%);
          transform: translateY(100%); }
          div.icons .mover .ball:hover .info h4, div.icons .mover .ball:hover .info p {
            display: block; }
          div.icons .mover .ball:hover .info::before {
            border-bottom-color: #000; } }
    div.icons .mover .ball::before {
      content: '';
      display: block;
      padding-top: 100%;
      border-radius: 50%;
      background: transparent 50% 50% / contain no-repeat;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
      transition: transform .1618s; }
    div.icons .mover .ball.b-1::before {
      background-image: url(../images/img_01.png); }
    div.icons .mover .ball.b-2::before {
      background-image: url(../images/img_02.png); }
    div.icons .mover .ball.b-3::before {
      background-image: url(../images/img_03.png); }
    div.icons .mover .ball.b-4::before {
      background-image: url(../images/img_04.png); }
    div.icons .mover .ball.b-5::before {
      background-image: url(../images/img_05.png); }
    div.icons .mover .ball.b-6::before {
      background-image: url(../images/img_06.png); }
    div.icons .mover .ball.b-7::before {
      background-image: url(../images/img_07.png); }
    div.icons .mover .ball.b-8::before {
      background-image: url(../images/img_08.png); }
    div.icons .mover .ball.b-9::before {
      background-image: url(../images/img_09.png); }
    div.icons .mover .ball.b-10::before {
      background-image: url(../images/img_010.png); }
    div.icons .mover .ball.b-11::before {
      background-image: url(../images/img_011.png); }
    div.icons .mover .ball.b-12::before {
      background-image: url(../images/img_012.png); }
    div.icons .mover .ball.b-13::before {
      background-image: url(../images/img_013.png); }
    div.icons .mover .ball.b-14::before {
      background-image: url(../images/img_014.png); }
    div.icons .mover .ball.b-15::before {
      background-image: url(../images/img_015.png); }
    div.icons .mover .ball.b-16::before {
      background-image: url(../images/img_016.png); }
    div.icons .mover .ball.b-17::before {
      background-image: url(../images/img_017.png); }
    div.icons .mover .ball.b-18::before {
      background-image: url(../images/img_018.png); }
    div.icons .mover .ball.b-19::before {
      background-image: url(../images/img_019.png); }
    div.icons .mover .ball.b-20::before {
      background-image: url(../images/img_020.png); }
    div.icons .mover .ball.b-21::before {
      background-image: url(../images/img_021.png); }
    div.icons .mover .ball.b-22::before {
      background-image: url(../images/img_022.png); }
    div.icons .mover .ball.b-23::before {
      background-image: url(../images/img_023.png); }
    div.icons .mover .ball.b-24::before {
      background-image: url(../images/img_024.png); }
    div.icons .mover .ball.b-25::before {
      background-image: url(../images/img_025.png); }
    div.icons .mover .ball.b-26::before {
      background-image: url(../images/img_026.png); }
    div.icons .mover .ball.b-27::before {
      background-image: url(../images/img_027.png); }
    div.icons .mover .ball.b-28::before {
      background-image: url(../images/img_028.png); }
    div.icons .mover .ball .info {
      position: absolute;
      bottom: 0;
      width: 200px;
      height: 0;
      margin: 0;
      margin-left: calc(4vw - 100px);
      padding: 0;
      border-radius: 3px;
      background-color: #000;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
      transform-origin: 50% 0;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 0;
      transition: opacity .1618s;
	  font-size:12px; 
	  font-weight:700; 
	  color:#fff;
	  text-align:center;}
      @media (min-width: 768px) {
        div.icons .mover .ball .info {
          margin-left: calc(3.5vw - 100px); } }
      @media (min-width: 1200px) {
        div.icons .mover .ball .info {
          margin-left: calc(3vw - 100px); } }
      div.icons .mover .ball .info h4, div.icons .mover .ball .info p {
        display: none; text-align:center; margin-bottom:0;}
      div.icons .mover .ball .info::before {
        content: '';
        position: absolute;
        top: -20px;
        left: calc(50% - 10px);
        width: 0;
        height: 0;
        border: 10px solid transparent;
        z-index: inherit; }
  div.icons .mover:nth-of-type(even) {
    top: calc( 8vw + 10px); }
    @media (min-width: 768px) {
      div.icons .mover:nth-of-type(even) {
        top: calc( 7vw + 10px); } }
    @media (min-width: 1200px) {
      div.icons .mover:nth-of-type(even) {
        top: calc( 6vw + 10px); } }
    div.icons .mover:nth-of-type(even) .ball {
      -webkit-animation: upDown-2 8.09s alternate infinite ease-in-out;
      -webkit-animation-delay: inherit;
      -webkit-animation-play-state: inherit;
      animation: upDown-2 8.09s alternate infinite ease-in-out;
      animation-delay: inherit;
      animation-play-state: inherit; }
      @media (min-width: 768px) {
        div.icons .mover:nth-of-type(even) .ball {
          -webkit-animation-name: upDown-2-sm;
          animation-name: upDown-2-sm; } }
      @media (min-width: 1200px) {
        div.icons .mover:nth-of-type(even) .ball {
          -webkit-animation-name: upDown-2-lg;
          animation-name: upDown-2-lg; } }

@media (min-width: 768px) {  
  div.icons:hover .mover {
    cursor: pointer;
    -webkit-animation-play-state: paused;
    animation-play-state: paused; } }

@media screen and (max-width: 768px) {	
	   .main_slider .icons {margin-top: -6vh;}
}
@media (min-width: 992px) {  
	.main_slider .icons {margin-top: -6vh;}
 }
 @media (min-width: 1200px) {  
	.main_slider .icons {margin-top: -24vh;}
 }