/*all*/
.hg-pe-n{
    pointer-events: none;
}
.hg-pe-all{
    pointer-events: all;
}
.hg-aft-a,
.hg-bef-a{
    content: '';
    position: absolute;
}
.bgcont{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;   
}
.bgcov{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;   
}
.hg-fh{
    height: 100vh;
}
.hg-fw{
    width: 100%;
}
.hg-clm-t{
    width: 49%;
}
.hg-t{
    position: relative;
    display: table;
}
.hg-tva{
    display: table-cell;
    vertical-align: middle;
}
.hg-clm{
    display: inline-table;
    position: relative;
}
.pc-h{
    display: none;
    pointer-events: none;
}
/*all*/
/*all-an*/

{
     -webkit-transition:all .3s ease-in-out;
     -webkit-transition-delay:all 3s;
     -o-transition:all .3s ease-in-out;
     -o-transition-delay:all 3s;
     -moz-transition:all .3s ease-in-out;
     -moz-transition-delay: all 3s;
     transition:all .3s ease-in-out;
     transition-delay:all 3s;   
}
{
     -webkit-transition:all .3s ease-in-out;
     -webkit-transition-delay:all 2s;
     -o-transition:all .3s ease-in-out;
     -o-transition-delay:all 2s;
     -moz-transition:all .3s ease-in-out;
     -moz-transition-delay: all 2s;
     transition:all .3s ease-in-out;
     transition-delay:all 2s; 
}
.hg-an-ob-l{
     -webkit-transition:all .6s ease-in-out;
     -webkit-transition-delay:all 0s;
     -o-transition:all .6s ease-in-out;
     -o-transition-delay:all 0s;
     -moz-transition:all .6s ease-in-out;
     -moz-transition-delay: all 0s;
     transition:all .6s ease-in-out;
     transition-delay:all 0s; 
}
.hg-an-ob-del{
     -webkit-transition:all .3s ease-in-out;
     -webkit-transition-delay: .3s;
     -o-transition:all .3s ease-in-out;
     -o-transition-delay: .3s;
     -moz-transition:all .3s ease-in-out;
     -moz-transition-delay:  .3s;
     transition:all .3s ease-in-out;
     transition-delay: .3s; 
}
footer .f-sl-l a.hg-clm:hover,
.l-sl-post a:hover,
body,
.ks_post::after,
#sl-links a svg path,
.leng-nav > p::before,
#main-nav-ks > li.menu-item-has-children  > a::before,
#main-nav-ks > li > .sub-menu,
.hg-an-ob{
     -webkit-transition:all .3s ease-in-out;
     -webkit-transition-delay:0s;
     -o-transition:all .3s ease-in-out;
     -o-transition-delay:0s;
     -moz-transition:all .3s ease-in-out;
     -moz-transition-delay: 0s;
     transition:all .3s ease-in-out;
     transition-delay:0s; 
}
.ks-pad{
    padding-left: 2%;
    padding-right: 2%;
}
.pag-sub-ps-prev svg,
.prev_sl svg,
#main-nav-ks > li.menu-item-has-children  > a::before,
.hg-tr-or{
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
{
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
}
{
    transform: translateX(20%) translateZ(0);
    -webkit-transform: translateX(20%) translateZ(0);
    -ms-transform: translateX(20%) translateZ(0);
}

@-webkit-keyframes hgrotat{
50% {  transform: rotate(360deg)  scale(.5); 
-webkit-transform: rotate(360deg)  scale(.5);
-ms-transform: rotate(360deg)  scale(.5); } 
100% {  transform: rotate(360deg)  scale(1); 
-webkit-transform: rotate(360deg)  scale(1);
-ms-transform: rotate(360deg)  scale(1); } 
}
@-moz-keyframes hgrotat{
100% {  transform: rotate(360deg); 
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg); } 
}
@keyframes hgrotat{
50% {  transform: rotate(360deg) scale(.5);
    -webkit-transform: rotate(360deg) scale(.5);
    -ms-transform: rotate(360deg) scale(.5); } 
100% {  transform: rotate(360deg) scale(1);
    -webkit-transform: rotate(360deg) scale(1);
    -ms-transform: rotate(360deg) scale(1); } 
}
@-webkit-keyframes loadred {
    0% {
        background: transparent;
    }
    100% {
        background: #ff0000;
    }
}
 
@-moz-keyframes loadred{
    0% {
        background: transparent;
    }
    100% {
        background: #ff0000;
    }
}
 
@keyframes loadred {
    0% {
        background: transparent;
    }
    100% {
        background: #ff0000;
    }
}

@-webkit-keyframes loady {
    0% {
        background: transparent;
    }
    100% {
        background: #ffff00;
    }
}
 
@-moz-keyframes loady{
    0% {
        background: transparent;
    }
    100% {
        background: #ffff00;
    }
}
 
@keyframes loady {
    0% {
        background: transparent;
    }
    100% {
        background: #ffff00;
    }
}

@-webkit-keyframes loadgrn {
    0% {
        background: transparent;
    }
    100% {
        background: #2fd82f;
    }
}
 
@-moz-keyframes loadgrn{
    0% {
        background: transparent;
    }
    100% {
        background: #2fd82f;
    }
}
 
@keyframes loadgrn {
    0% {
        background: transparent;
    }
    100% {
        background: #2fd82f;
    }
}

@-webkit-keyframes addcart {
    0% {
        right: 1em;
    }
    100% {
        right: -1em;
    }
}
 
@-moz-keyframes addcart{
    0% {
        right: 1em;
    }
    100% {
        right: -1em;
    }
}
 
@keyframes addcart {
    0% {
        right: 1em;
    }
    100% {
        right: -1em;
    }
}


@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@-moz-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@-webkit-keyframes textslide {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}
 
@-moz-keyframes textslide {
    0% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -moz-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}
 
@keyframes textslide {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0)
    }
}