<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*  break points styles  */
@media only screen and (max-width : 2200px){

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){

}
 
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){
	.spa-section&gt;section .slide-top,
	.spa-section&gt;section .slide-bottom,
	.spa-section&gt;section .slide-left,
	.spa-section&gt;section .slide-right{
   -webkit-transform: translate(0%, 0%) !important;
     -moz-transform: translate(0%, 0%) !important;
      -ms-transform: translate(0%, 0%) !important;
       -o-transform: translate(0%, 0%) !important;
          transform: translate(0%, 0%) !important;		
	}
  .spa-section .fade-in{
      opacity:1 !important;
  }
}
 
/* Small Devices, Tablets */
@media only screen and (max-width : 768px){
     .zoom-in, .zoom-out, .glass-in, .glass-out{
         width:auto !important;
         height:auto !important;
     }
} 

/* indyvidual */
	@media only screen and (max-width : 760px){  

}

@media only screen and (max-width : 576px){

}
 
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px){

}
 
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}

.spa-boxes&gt;section .container{
   overflow:hidden;
}
.spa-boxes &gt; section.header-box .container{
  overflow:visible;
}


/*  slide effects  */

.spa-section&gt;section .slide-top,
.spa-section&gt;section .slide-bottom,
.spa-section&gt;section .slide-left,
.spa-section&gt;section .slide-right{
-webkit-transition: all 2500ms cubic-bezier(0.055, 0.800, 0.185, 0.925);
   -moz-transition: all 2500ms cubic-bezier(0.055, 0.800, 0.185, 0.925);
     -o-transition: all 2500ms cubic-bezier(0.055, 0.800, 0.185, 0.925);
        transition: all 2500ms cubic-bezier(0.055, 0.800, 0.185, 0.925); /* custom */
//  transition-delay: 1s;
}   

.spa-section&gt;section .slide-left{
   -webkit-transform: translateX(-1400px);
     -moz-transform: translateX(-1400px);
      -ms-transform: translateX(-1400px);
       -o-transform: translateX(-1400px);
          transform: translateX(-1400px);
}       
.spa-section&gt;section .slide-right{
   -webkit-transform: translateX(1400px);
     -moz-transform: translateX(1400px);
      -ms-transform: translateX(1400px);
       -o-transform: translateX(1400px);
          transform: translateX(1400px);
}    

.spa-section&gt;section .slide-top{
   -webkit-transform: translateY(-1400px);
     -moz-transform: translateY(-1400px);
      -ms-transform: translateY(-1400px);
       -o-transform: translateY(-1400px);
          transform: translateY(-1400px);
}       
.spa-section&gt;section .slide-bottom{
   -webkit-transform: translateY(1400px);
     -moz-transform: translateY(1400px);
      -ms-transform: translateY(1400px);
       -o-transform: translateY(1400px);
          transform: translateY(1400px);
}  
 
.spa-section.active .slide-left,
.spa-section.active .slide-right,
.spa-section.active .slide-top,
.spa-section.active .slide-bottom{
   -webkit-transform: translate(0%, 0%);
     -moz-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
       -o-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
}

/*   zoom in action */
.zoom-in-action{
   position:relative;
   overflow:hidden;
}
.zoom-in-action img{
   display:block;
   position:relative;
   max-width:none;  
   -webkit-transition: all 1s linear;
   -moz-transition: all 1s linear;
   -o-transition: all 1s linear;
   -ms-transition: all 1s linear;
   transition: all 1s linear;  
   
  -webkit-transform: scale(0,0);
  -moz-transform: scale(0,0);
  -o-transform: scale(0,0);
  -ms-transform: scale(0,0);
  transform: scale(0,0);
}
.spa-section&gt;section.active .zoom-in-action img{
  -webkit-transform: scale(1.0,1.0);
  -moz-transform: scale(1.0,1.0);
  -o-transform: scale(1.0,1.0);
  -ms-transform: scale(1.0,1.0);
  transform: scale(1.0,1.0);
}

/*  fade in action */

.fade-in{
    opacity:0;
   -webkit-transition: opacity 1.5s linear 1.5s;
   -moz-transition: opacity 1.5s linear 1.5s;
   -o-transition: opacity 1.5s linear 1.5s;
   -ms-transition: opacity 1.5s linear 1.5s;
   transition: opacity 1.5s linear 1.5s; 
}
.spa-section&gt;section.active .fade-in{
  opacity:1;
}
.spa-section h2{
  margin-bottom: 40px;
  margin-top: 46px;
}    


/*  hover effects  */


/*  zoom in out  */
.zoom-in,
.zoom-out,
.glass-in,
.glass-out{
   position:relative;
   overflow:hidden;
}
.zoom-in img,
.zoom-out img,
.glass-in img,
.glass-out img{
   display:block;
   position:relative;
   max-width:none;
   left:-15px;
   top:-15px;  
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.zoom-in img{
  -webkit-transform: scale(0.9,0.9);
  -moz-transform: scale(0.9,0.9);
  -o-transform: scale(0.9,0.9);
  -ms-transform: scale(0.9,0.9);
  transform: scale(0.9,0.9);
}
.zoom-in:hover img{
  -webkit-transform: scale(1.0,1.0);
  -moz-transform: scale(1.0,1.0);
  -o-transform: scale(1.0,1.0);
  -ms-transform: scale(1.0,1.0);
  transform: scale(1.0,1.0);
}

.zoom-out img{
  -webkit-transform: scale(1.0,1.0);
  -moz-transform: scale(1.0,1.0);
  -o-transform: scale(1.0,1.0);
  -ms-transform: scale(1.0,1.0);
  transform: scale(1.0,1.0);
}
.zoom-out:hover img{
  -webkit-transform: scale(0.9,0.9);
  -moz-transform: scale(0.9,0.9);
  -o-transform: scale(0.9,0.9);
  -ms-transform: scale(0.9,0.9);
  transform: scale(0.9,0.9);
}

/*  glass in out  */
.glass-in .mask:before,
.glass-out .mask:before{
   content:"";
   width:100%;
   height:100%;
   display:block;
   background-color:rgba(1,1,1,0.4); 
   position:absolute;
   z-index:100;
   left:0px;
   top:0px;
}
.glass-in .mask:before{
   opacity:0;
}
.glass-out .mask:before{
   opacity:1;
}
.glass-in:hover .mask:before{
   opacity:1;
}
.glass-out:hover .mask:before{
   opacity:0;
}

/*  glass opacity  */

/*  glass in out  */
.glass-fade-in .mask:before,
.glass-fade-out .mask:before{
    -webkit-transition: opacity .20s ease-in-out;
    -moz-transition: opacity .20s ease-in-out;
    -ms-transition: opacity .20s ease-in-out;
    -o-transition: opacity .20s ease-in-out;
    transition: opacity .20s ease-in-out;
}                                 

/* carousel caption effect  */
/*
.carousel .carousel-caption,
.carousel .button{
animation-name:fadeIn;-webkit-animation-name:fadeIn;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-duration:1s;-webkit-animation-duration:1s;animation-delay:4s;-webkit-animation-delay:4s;opacity:0;
}

.carousel .carousel-content{
      -webkit-transform: translateX(-1400px);
     -moz-transform: translateX(-1400px);
      -ms-transform: translateX(-1400px);
       -o-transform: translateX(-1400px);
          transform: translateX(-1400px);

    animation-name:carouselInLeftDelay;
    -webkit-animation-name:carouselInLeftDelay;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    animation-duration:1s;
    -webkit-animation-duration:1s;
    animation-delay:2s;
    -webkit-animation-delay:2s;
}
*/


@keyframes carouselInLeftDelay{
  100% {
      -webkit-transform: translateX(-1400px);
     -moz-transform: translateX(-1400px);
      -ms-transform: translateX(-1400px);
       -o-transform: translateX(-1400px);
          transform: translateX(-1400px);
  }
}
@-webkit-keyframes carouselInLeftDelay{
  100% {
      -webkit-transform: translateX(0px);
     -moz-transform: translateX(0px);
      -ms-transform: translateX(0px);
       -o-transform: translateX(0px);
          transform: translateX(0px);
  }
}


/* rotate before  */
.rotate_before::before{
  -webkit-transform: rotate3d(0, -1, 0, 0deg);
  -moz-transform: rotate3d(0, -1, 0, 0deg);
  -ms-transform: rotate3d(0, -1, 0, 0deg);
  -o-transform: rotate3d(0, -1, 0, 0deg);
  transform:rotate3d(0, -1, 0, 0deg);
  -webkit-transform: transform 0.8s ease-in-out;
  -moz-transform: transform 0.8s ease-in-out;
  -ms-transform: transform 0.8s ease-in-out;
  -o-transform: transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
}
.rotate_before:hover:before{
  -webkit-transform: rotate3d(0, -1, 0, 360deg);
  -moz-transform: rotate3d(0, -1, 0, 360deg);
  -ms-transform: rotate3d(0, -1, 0, 360deg);
  -o-transform: rotate3d(0, -1, 0, 360deg);
  transform:rotate3d(0, -1, 0, 360deg);
}
/*  add lef line text  */</pre></body></html>