HOME

Mini Shell 1.0
DIR:/home/cloudtechtree.com/www/wp-content/themes/pisces/assets/scss/fullpage/
Current File : /home/cloudtechtree.com/www/wp-content/themes/pisces/assets/scss/fullpage/_fullpage.scss
html.fp-enabled,
.fp-enabled body {
  margin: 0;
  padding: 0;
  overflow:hidden;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
html.fp-enabled{
  margin-top: 0 !important;
}
#superContainer {
  height: 100%;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
}
.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fp-slide {
  float: left;
}
.fp-slide, .fp-slidesContainer {
  height: 100%;
  display: block;
}
.fp-slides {
  z-index:1;
  height: 100%;
  overflow: hidden;
  position: relative;
  @include transition(all 0.3s ease-out);
}
.fp-section.fp-table, .fp-slide.fp-table {
  display: table;
  table-layout:fixed;
  width: 100%;
}
.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.fp-slidesContainer {
  float: left;
  position: relative;
}
.fp-controlArrow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  @include translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
  overflow: hidden;
  position: relative;
}
.fp-scroller{
  overflow: hidden;
}
.iScrollIndicator{
  border: 0 !important;
}
.fp-notransition {
  @include transition(none !important);
}
#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  @include opacity(1);
  @include translate3d(0,0,0);
}
#fp-nav.right {
  right: 17px;
}
#fp-nav.left {
  left: 17px;
}
.fp-slidesNav{
  position: absolute;
  z-index: 4;
  left: 50%;
  @include opacity(1);
  @include translate3d(0,0,0);
}
.fp-slidesNav.bottom {
  bottom: 17px;
}
.fp-slidesNav.top {
  top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position:relative;
}
.fp-slidesNav ul li {
  display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  @include transition(all 0.1s ease-in-out);
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
  width: 10px;
  height: 10px;
  margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
  cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
  width: auto;
  opacity: 1;
  @include transition(opacity 0.2s ease-in);
}
#fp-nav ul li .fp-tooltip.right {
  right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
  left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
  height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell,
.fp-responsive .fp-auto-height-responsive .fp-scrollable{
  height: auto !important;
}

.fp-responsive .fp-auto-height-responsive .fp-scrollable .fp-scroller{
  transform: none !important;
  -webkit-transform: none !important;
  will-change: none !important;
}

#la_full_page .la_fp_fixed_top{
  position: fixed !important;
  z-index: 999999;
  top: 0;
  width: 100%;
}
#la_full_page .la_fp_fixed_bottom{
  position: fixed !important;
  z-index: 999999;
  bottom: 0;
  width: 100%;
}

.animated{
  .animated{
    animation-delay: 350ms;
    .animated{
      animation-delay: 550ms;
    }
  }
}

.la-enable-fullpage{
  .la_fp_section{
    padding-left: 0;
    padding-right: 0;
    &,
    .la_fp_child_section{
      margin-left: 0;
      margin-right: 0;
    }
    .la_fp_child_section{
      &.vc_row-o-full-height{
        min-height: 100vh !important;
      }
    }
    .fp-scroller .vc_row-o-full-height{
        min-height: 0 !important;
    }
    .wpb_start_animation{
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
    }
    .wpb_animate_when_almost_visible:not(.wpb_start_animation){
      -webkit-animation-name: fadeOut;
      animation-name: fadeOut;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
    }

    /*full height mode */
    &.la-section-type-off{
      >.vc_row,
      .fp-scroller > .vc_row,
      > .fp-tableCell > .vc_row {
        height: 100%;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        &:after,
        &:before{
          display: none;
        }
        >.vc_column_container {
          display: flex;
          display: -webkit-flex;
          > .vc_column-inner{
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
          }
        }
      }
    }
  }

  #site-content{
    padding-left: 0;
    padding-right: 0;
  }
  &:not(.enable-header-transparency){
    .site-main{
      min-height: 85vh;
    }
  }
  &.enable-header-transparency{
    .site-main{
      min-height: 100vh;
    }
  }
  .site-main{
    > .container{
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      > .row{
        margin-left: 0;
        margin-right: 0;
      }
    }
    .fp-slidesContainer{
      > .vc_row{
        margin-left: 0;
        margin-right: 0;
      }
    }
    .vc_row-o-equal-height{
      > .fp-tableCell{
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        > .vc_column_container{
          display: flex;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          -webkit-box-align: stretch;
          -webkit-align-items: stretch;
          -ms-flex-align: stretch;
          align-items: stretch;
          > .vc_column-inner {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
          }
        }
      }
    }
  }

  &.fp-section-effect-default{
    .la_fp_section{
      transition: transform 350ms ease;
      -webkit-transition: -webkit-transform 350ms ease;
      transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
      -webkit-transform-origin: 50% 0;
      @media (min-width: 1200px) {
        @include scale(0.8);
      }
      &:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: transparent;
        transition: all 350ms ease;
        pointer-events: none;
      }
      &.fp-completely{
        &.active{
          @include scale(1);
          &:after{
            transform: scale(2);
            opacity: 0;
          }
        }
        &:not(#colophon){
          &:not(.active){
            &:after{
              opacity: 0;
              transition: all 400ms ease;
              background-color: #dcdcdc;
            }
          }
        }
      }
      &.last-before-footer{
        &:after{
          opacity: 0 !important;
        }
      }
      &:not(.active){
        &:not(.fp-completely){
          + .last-before-footer{
            @include scale(1);
          }
        }
      }
      &#colophon{
        @include scale(1);
      }
    }
  }

  &.fp-section-effect-style-1{
    .la_fp_section{
      &.dont-need-bg{
        background: none !important;
      }
      .fp-bg {
        z-index: -1;
        background-size: cover !important;
      }
    }
  }
}

.fp-responsive{
  .fp-section:after{
    display: none;
  }
}

.la-fp-arrows{
    .fp-nav-control-type-1 &{
      display: none;
    }
}

.fp-nav-control-type-2{
  #fp-nav{
    display: none;
  }
  &.fp-nav-control-position-right{
    .la-fp-arrows{
      right: 40px;
    }
  }
  .la-fp-arrows{
    position: fixed;
    z-index: 100;
    top: 50%;
    opacity: 1;
    @include translate2d(0,-50%);
    .total{
      display: none;
    }

    li{
      display: block;
      text-align: center;
      cursor: pointer;
      color: #343538;
      opacity: 0.4;
      i{
        font-family: "pisces";
        font-style: normal;
        font-size: 32px;
        font-weight: normal;
      }
      &:hover{
        opacity: 1;
      }
    }
    .num{
      font-weight: bold;
      opacity: 1;
    }
    .prev i:before{
      content: "\42";
    }
    .next i:before{
      content: "\43";
    }
    ul{
      margin: 0;
      padding: 0;
      list-style: none;
    }
  }
}


#la_full_page{
  .vc_parallax{
    > .fp-tableCell {
      &,
      > .fp-scrollable,
      > .fp-scrollable > .fp-scroller{
        background-image: inherit;
      }
      > .vc_parallax-inner{
        z-index: -1;
      }
    }
  }

  #colophon {
    display: block;
    width: 100%;
    height: auto!important;
    .fp-tableCell{
      display: block;
    }
    .footer-top > .container{
      padding-left: 0;
      padding-right: 0;
      > .row{
        margin-left: 0;
        margin-right: 0;
      }
    }
  }
  &:not(.fullpage-wrapper){
    .la_fp_section{
      opacity: 0;
    }
  }
}
.site-header.fp-header-is-transparency {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 10;
}
.la-enable-fullpage{
  &:not(.fp-responsive){
    .fullpage-wrapper[data-fp-animation="gallery"] {
      -webkit-transition-delay: 0.3s !important;
      transition-delay: 0.3s !important;
      .la_fp_section {
        @include transition(inherit);
        > .fp-tableCell{
          @include scale(0.9);
          @include transition(inherit);
        }
        &.fp-completely{
          &.active{
            > .fp-tableCell{
              @include scale(1);
            }
          }
          &:not(.active){
            > .fp-tableCell{
              @include transition(transform 0.5s);
            }
          }
        }
        &.no-effect{
          @include transform(none !important);
          > .fp-tableCell{
            @include scale(1);
          }
        }
      }
      #colophon{
        > .fp-tableCell{
          @include scale(1);
        }
      }
    }

    .fullpage-wrapper[data-fp-animation="scaledown"] {
      @include transform(none !important);
      min-height: 100vh;
      .la_fp_section {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        @include transition(inherit);
        > .fp-tableCell{
          @include transition(inherit);
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          &.is-active{
            opacity: 1;
            transform: translateY(0px) scale(1);
          }
          &.go-up{
            transform: translateY(100%) scale(1);
            opacity: 1;
          }
          &.go-down{
            transform: translateY(0px) scale(0.7);
            opacity: 0;
          }
        }
        &.active{
          &.fp-completely{
            z-index: 3;
          }
        }
        &.no-effect{
          > .fp-tableCell{
            opacity: 1;
            @include scale(1);
          }
        }
      }
      #colophon{
        top: auto;
        bottom: 0;
      }
    }

    .fullpage-wrapper[data-fp-animation="rotate"] {
      @include transform(none !important);
      min-height: 100vh;
      .la_fp_section {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-perspective: 1800px;
        -moz-perspective: 1800px;
        perspective: 1800px;
        @include transition(inherit);
        > .fp-tableCell{
          @include transition(inherit);
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          -webkit-transform-origin: center bottom;
          -moz-transform-origin: center bottom;
          -ms-transform-origin: center bottom;
          -o-transform-origin: center bottom;
          transform-origin: center bottom;
          &.is-active{
            opacity: 1;
            transform: translateY(0px) scale(1);
          }
          &.go-up{
            transform: translateY(100%) scale(1);
            opacity: 1;
          }
          &.go-down{
            transform: translateY(-100%) scale(1) rotateX(90deg);
            opacity: 0;
          }
        }
        &.active{
          &.fp-completely{
            z-index: 3;
          }
        }
        &.no-effect{
          > .fp-tableCell{
            opacity: 1;
            @include scale(1);
          }
        }
      }
      #colophon{
        top: auto;
        bottom: 0;
      }
    }

    .fullpage-wrapper[data-fp-animation="opacity"] {
      @include transform(none !important);
      min-height: 100vh;
      .la_fp_section {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        @include transition(inherit);
        > .fp-tableCell{
          @include transition(inherit);
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          &.is-active{
            opacity: 1;
            transform: scale(1) translateY(0px);
          }
          &.go-up{
            transform: scale(0.8) translateY(0px);
            opacity: 0;
          }
          &.go-down{
            transform: scale(1.2) translateY(0px);
            opacity: 0;
          }
        }
        &.active{
          &.fp-completely{
            z-index: 3;
          }
        }
        &.no-effect{
          > .fp-tableCell{
            opacity: 1;
            @include scale(1);
          }
        }
      }
      #colophon{
        top: auto;
        bottom: 0;
        > .fp-tableCell{
          opacity: 1;
          @include scale(1);
        }
      }
    }

    .fullpage-wrapper[data-fp-animation="opacity"] #colophon:not(.active) {
      opacity: 0;
    }

    .fullpage-wrapper[data-fp-animation="default"] {
      .la_fp_section {
        &.no-effect{
          @include transform(none !important);
        }
      }
    }
  }
  &.fp-responsive{
    .fullpage-wrapper{
      .la_fp_section {
        &.no-effect{
          @include transform(none !important);
        }
      }
    }
    .fullpage-wrapper[data-fp-animation="default"]{
      .last-before-footer{
        @include transform(none !important);
      }
    }
  }

  &:not(.enable-header-sticky){
    &:not(.fp-active-firstsection){
      .site-header-mobile,
      .site-header{
        opacity: 0;
      }
      .la-header-sticky-height,
      .la-header-sticky-height-mb{
        display: none;
      }
    }
  }
  .site-header-mobile,
  .site-header{
    &:not(.is-sticky){
      .site-header-inner{
        transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -webkit-transition: transform 0.5s, background .25s, visibility 0.25s, opacity 0.25s;
        transition: transform 0.5s, background .25s, visibility 0.25s, opacity 0.25s;
      }
    }
  }
}

.la-fp-arrows {
  display: none;
}

.la-enable-fullpage{
  #fp-nav{
    .num{
      display: none !important;
    }
  }
}

.fp-nav-control-type-number{
  #fp-nav{
    li {
      height: auto;
      text-align: center;
      width: auto;
      margin: 0 10px 20px;
      .fp-tooltip{
        top: 0;
      }
    }
    a{
      width: auto;
      height: auto;
      > span{
        &:first-child{
          display: none !important;
        }
      }
      &.active,
      &:hover{
        .num{
          color: #232324;
        }
      }
    }
    .num{
      display: block !important;
      color: #b8b8b8;
      font-size: 18px;
      margin: 8px;
      font-weight: 500;
    }
  }
}