/*index page*/


    .hades.tparrows {
        cursor:pointer;
        background:#000;
        background:rgba(0,0,0,0.15);
        width:100px;
        height:100px;
        position:absolute;
        display:block;
        z-index:1000;
    }
    
    .hades.tparrows:before {
        font-family: "revicons";
        font-size:30px;
        color:#fff;
        display:block;
        line-height: 100px;
        text-align: center;
        transition: background 0.3s, color 0.3s;
    }
    .hades.tparrows.tp-leftarrow:before {
        content: "\e824";
    }
    .hades.tparrows.tp-rightarrow:before {
        content: "\e825";
    }
    
    .hades.tparrows:hover:before {
       color:#aaa;
       background:#fff;
       background:rgba(255,255,255,1);
     }
    .hades .tp-arr-allwrapper {
      position:absolute;
      left:100%;
      top:0px;
      background:#888; 
      width:100px;height:100px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)";
      filter: alpha(opacity=0);
      -moz-opacity: 0.0;
      -khtml-opacity: 0.0;
      opacity: 0.0;
      -webkit-transform: rotatey(-90deg);
      transform: rotatey(-90deg);
      -webkit-transform-origin: 0% 50%;
      transform-origin: 0% 50%;
    }
    .hades.tp-rightarrow .tp-arr-allwrapper {
       left:auto;
       right:100%;
       -webkit-transform-origin: 100% 50%;
      transform-origin: 100% 50%;
       -webkit-transform: rotatey(90deg);
      transform: rotatey(90deg);
    }
    
    .hades:hover .tp-arr-allwrapper {
       -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)";
      filter: alpha(opacity=100);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;  
        -webkit-transform: rotatey(0deg);
      transform: rotatey(0deg);
    
     }
    .hades .tp-arr-imgholder {
      background-size:cover;
      position:absolute;
      top:0px;left:0px;
      width:100%;height:100%;
    }
    .uranus .tp-bullet{
        border-radius: 50%;
      box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
      -webkit-transition: box-shadow 0.3s ease;
      transition: box-shadow 0.3s ease;
      background:transparent;
    }
    .uranus .tp-bullet.selected,
    .uranus .tp-bullet:hover {
      box-shadow: 0 0 0 2px #FFF;
      border:none;
      border-radius: 50%;
    
       background:transparent;
    }
    
    
    
    .uranus .tp-bullet-inner {
      background-color: rgba(255, 255, 255, 0.7);
      -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
      transition: background-color 0.3s ease, transform 0.3s ease;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      outline: none;
      border-radius: 50%;
      background-color: #FFF;
      background-color: rgba(255, 255, 255, 0.3);
      text-indent: -999em;
      cursor: pointer;
      position: absolute;
    }
    
    .uranus .tp-bullet.selected .tp-bullet-inner,
    .uranus .tp-bullet:hover .tp-bullet-inner{
     transform: scale(0.4);
     -webkit-transform: scale(0.4);
     background-color:#fff;
    }