/*.c-overlay{height: 100%;top: 0;padding-left: 15%;margin-left:-15%;width: 100%;-webkit-box-sizing: unset;box-sizing: unset;transform: translate(0)}*/
.c-overlay{height: 100%;top: 0;padding-left: 15%;margin-left:-15%;width: 100%;-webkit-box-sizing: unset;box-sizing: unset;}
/*.panels > .row:nth-child(odd) .c-overlay{padding-left: 0;margin-left:0; right:-15%;}*/
.panels > .row:nth-child(odd) .c-overlay{padding-left: 0;margin-left:0;padding-right: 15%;margin-right:-15%;}
/*.panels > .row:nth-child(odd) .c-overlay{padding-left: 0;margin-left:0;padding-right: 15%;margin-right:-15%;}*/
.h-prod-desc > :last-child{position: absolute;
bottom: -4.5em;
z-index: 999;
padding: 1em 0em 1em 1.5em;

}
.panels > .row:nth-child(odd) .h-prod-desc > .row:last-child{
  padding-left: 0;
  
}
.pnl2 .sldr.ns{top:5em; right:0%;}
.abs > div{ bottom: 0em;}
/* .abs > div{position: absolute !important; bottom: 2em;} */
.sldr-sb + a, .sldr > a.viw-dsk{display: none;}
.pnl2 .pnl-cookr.abs, .pnl1 .pnl-cookr.abs{padding-bottom: 0}

.netr-bg .bg{
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transition: all .8s ease-out;
  -moz-transition: all .8s ease-out;
  -ms-transition: all .8s ease-out;
  -o-transition: all .8s ease-out;
  transition: all .8s ease-in-out;
  position: absolute;
  right: 0;
}
.pnl-c:nth-child(odd) .netr-bg .bg{
  right: initial;
  left:0;
  /*background: red;*/
}
.pnl-c:nth-child(odd) .cookr-tx .cont .bdrt{
    -webkit-transform-origin: right 0;
  -moz-transform-origin: right 0;
  -ms-transform-origin: right 0;
  -o-transform-origin: right 0;
  transform-origin: right 0;
}

.pnl-c.act .netr-bg .bg{
  width: 0;
}
.pnl-c .h-prod-desc{background: transparent}
.anim-h.blu-bg{
  background: rgba(26, 117, 188, 1);
}
.anim-h.green-bg{
  background: rgba(101, 178, 0, 1);
}
.anim-h.grey-bg{
  background: rgba(127, 127, 127, 1);
}
.anim-h.oranj-bg{
  background: rgba(242, 142, 2, 1);
}
.anim-h.greb-bg{
  background: rgba(1, 189, 188, 1);
}
.anim-h.yelow-bg{
  background: rgba(255, 192, 0, 1);
}
.anim-h,.cookr-tx .cont .bdrt{
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(1,0);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
   -webkit-transition: all 1s ease-in-out 1s;
  -moz-transition: all 1s ease-in-out 1s;
  -ms-transition: all 1s ease-in-out 1s;
  -o-transition: all 1s ease-in-out 1s;
  transition: all 1s ease-in-out .5s;
}
.cookr-tx .cont .bdrt{
  width:100%;
  height:2px;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0,1);
   -webkit-transition: all 1s ease-out 1.85s;
  -moz-transition: all 1s ease-out 1.85s;
  -ms-transition: all 1s ease-out 1.85s;
  -o-transition: all 1s ease-out 1.85s;
  transition: all 1s ease-out 1.85s;
  border-top: 2px solid #1a75bc;
  padding-bottom: .75em;
}
.cookr-tx .cont{
  border-top:0;
}
  
.pnl-c.act .anim-h, .pnl-c.act .cookr-tx .cont .bdrt{
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1); 
  
} 

.pnl-c .anim-h .cont, .pnl-c .anim-h + div{
  opacity: 0;
     -webkit-transition: all .5s ease-in-out 1.8s;
  -moz-transition: all .5s ease-in-out 1.8s;
  -ms-transition:all .5s ease-in-out 1.8s;
  -o-transition: all .5s ease-in-out 1.8s;
  transition: all .5s ease-in-out 1.8s;
    -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
}
.cookr-tx .cont span{
  opacity:0;
   -webkit-transition: all 1.75s ease-out 3s;
  -moz-transition: all 1.75s ease-out 3s;
  -ms-transition: all 1.75s ease-out 3s;
  -o-transition: all 1.75s ease-out 3s;
  transition: all 1.75s ease-in-out 3s;

  

}

.cookr-tx .cont span.on{
  -webkit-transition: color .5s ease-out 0s !important;
  -moz-transition: color .5s ease-out 0s !important;
  -ms-transition: color .5s ease-out 0s !important;
  -o-transition: color .5s ease-out 0s !important;
  transition: color .5s ease-out 0s !important;
}
.cookr-tx .cont span.act{
   -webkit-transition: color .15s ease-out 0s !important;
  -moz-transition: color .15s ease-out 0s !important;
  -ms-transition: color .15s ease-out 0s !important;
  -o-transition: color .15s ease-out 0s !important;
  transition: color .15s ease-out 0s !important;
}


.pnl-c .pnl-cookr.abs{
  opacity:0;
  transform-origin: right bottom;
  /*transform: scale(.8);*/
  transform: translateX(50px) scale(.95);
  -webkit-transition: all .5s ease-out 2s;
  -moz-transition: all .5s ease-out 2s;
  -ms-transition: all .5s ease-out 2s;
  -o-transition: all .5s ease-out 2s;
  transition: all .5s ease-out 2s;
}
.pnl-c.act .pnl-cookr.abs{
  /*transform: scale(1, 1);*/
  transform: translateX(0px) scale(1);
  transform-origin: right bottom;
  opacity:1;
}
.pnl-c.act .anim-h .cont, .pnl-c.act .anim-h + div,.pnl-c.act .cookr-tx .cont span{
  opacity: 1;
   /*transform-origin: 0 center;*/
}
.pnl-c.act .cookr-tx .cont span:nth-child(1){
  -webkit-transition-delay: 1.15s;
  transition-delay: 1s;
}
.pnl-c.act .cookr-tx .cont span:nth-child(2){
  -webkit-transition-delay: 1.15s;
  transition-delay: 1.15s;
}
.pnl-c.act .cookr-tx .cont span:nth-child(3){
  -webkit-transition-delay: 1.25s;
  transition-delay: 1.25s;
}
.pnl-c.act .cookr-tx .cont span:nth-child(4){
  -webkit-transition-delay: 1.35s;
  transition-delay: 1.35s;
}
.pnl-c.act .cookr-tx .cont span:nth-child(5){
  -webkit-transition-delay: 1.45s;
  transition-delay: 1.45s;
}
.pnl-c.act .cookr-tx .cont span:nth-child(6){
  -webkit-transition-delay: 1.55s;
  transition-delay: 1.55s;
}
.pnl-c.act .cookr-tx .cont span:nth-child(7){
  -webkit-transition-delay: 1.65s;
  transition-delay: 1.65s;
}
.pnl-c.act .cookr-tx .cont span:nth-child(8){
  -webkit-transition-delay: 1.75s;
  transition-delay: 1.75s;
}
.pnl-c.act .cookr-tx .cont span:nth-child(9){
  -webkit-transition-delay:1.85s;
  transition-delay:1.85s;
}
.pnl-c.act .cookr-tx .cont span:nth-child(10){
  -webkit-transition-delay: 1.95s;
  transition-delay: 1.95s;
}
.pnl-c.act .cookr-tx .cont span:nth-child(11){
  transition-delay: 2s;
}
/*.cookr-tx{

}*/



/*.anim-h*/
/*.pnl2 .pnl-cookr.abs{position: absolute; left: 0;}
.pnl1 .pnl-cookr.abs{position: absolute; right: 0;}*/
@media screen and (max-width: 1300px) {
.pnl2 .sldr.ns{ right:0;}
}
@media screen and (max-width: 849px) {
  .h-prod-desc > :last-child{display: none;}
  .c-overlay{padding-left: 12%;margin-left:-12%;}
  .panels > .row:nth-child(odd) .c-overlay{padding-left: 0;margin-left:0;padding-right: 12%;margin-right:-12%;}
  .abs > div{position: relative !important; }
  .pnl2 .pnl-cookr.abs, .pnl1 .pnl-cookr.abs, .pnl2.ns-bg-lg .sldr-sb, .pnl2.ns-bg-lg .pnl-cookr.abs{padding-bottom: 1em; }
  .sldr-sb + a{display: inline-block;}
  .pnl2 .sldr.ns{top:0}
  
}

/*
----------- index page ------------------------
*/
.animated {
 
  animation-fill-mode: forwards;
}
@-webkit-keyframes boxanim{
  80% {
    top: 30%;
    opacity: 1;
    -webkit-transform: scale(1, .0051)  translate(0, -50%);
  }
to{
    top:50%;
    opacity: 1;
    -webkit-transform: scale(1, 1)  translate(0, -50%);
    -webkit-animation-timing-function: ease-out;
  }

}
@keyframes boxanim {
  80% {
    top: 30%;
    opacity: 1;
    -moz-transform: scale(1, .0051)  translate(0, -50%);
    -ms-transform: scale(1, .0051)  translate(0, -50%);
    -o-transform: scale(1, .0051)  translate(0, -50%);
    transform: scale(1, .0051)  translate(0, -50%);
  }
to{
    top:50%;
    opacity: 1;
    -webkit-transform: scale(1, 1)  translate(0, -50%);
    -ms-transform: scale(1, 1)  translate(0, -50%);
    -o-transform: scale(1, 1)  translate(0, -50%);
    transform: scale(1, 1)  translate(0, -50%);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@media screen and (max-width: 849px){
  @-webkit-keyframes boxanim{
  80% {
    top: 30%;
    opacity: 1;
    -webkit-transform: scale(1, .0051)  translate(0, -50%);
  }
to{
    top:50%;
    opacity: 1;
    -webkit-transform: scale(1, 1)  translate(0, -50%);
    -webkit-animation-timing-function: ease-out;
  }

}
@keyframes boxanim {
  80% {
    top: 0%;
    opacity: 1;
    -moz-transform: scale(1, .0051)  translate(0, 0%);
    -ms-transform: scale(1, .0051)  translate(0, 0%);
    -o-transform: scale(1, .0051)  translate(0, 0%);
    transform: scale(1, .0051)  translate(0, 0%);
  }
to{
    top:0%;
    opacity: 1;
    -webkit-transform: scale(1, 1)  translate(0, 0%);
    -ms-transform: scale(1, 1)  translate(0, 0%);
    -o-transform: scale(1, 1)  translate(0, 0%);
    transform: scale(1, 1)  translate(0, 0%);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
}


.boxanim {
  -webkit-animation: boxanim 1.25s ease-out .5s 1 forwards;
  -o-animation: boxanim 1.25s ease-out .5s 1 forwards;
  animation: boxanim 1.25s ease-out .5s 1 forwards;
}

.dsk-vw{display:block !important;}
.pnl-txt{
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
 
   z-index:2;	
   }
.txt-con{opacity:0; 
  -webkit-transition: all 1s ease-in 1.8s;
  -moz-transition: all 1s ease-in 1.8s;
  -ms-transition: all 1s ease-in 1.8s;
  -o-transition: all 1s ease-in 1.8s;
  transition: all 1s ease-in 1.8s;
}
.img-c img{
  -webkit-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -ms-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all .6s ease-in;
  opacity: 0;
  width: 100%;
}
.boxanim .txt-con,.img-c.act img{opacity:1;}
/*.boxanim .txt-con,.boxanim  ~ .img-c img{opacity:1;}*/
.sldr-sb img:first-child{ display: inline-block;}
.sldr-sb img{position:absolute; display: none;}
/*.sldr-sb img:visible{position:relative}*/

/*
----------- index page ------------------------
*/

/*
----------- product page ------------------------
*/
.scr-bnr{
  
  overflow: hidden;
   max-height: 1000px;
}
body.scroll .scr-bnr{
  max-height: 0px;
}
.lin{-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;}
.trans{-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all .6s ease-in-out;}
.scr-bnr ~ .pro-sldr h2{
  opacity:1; 
   /*max-height: 250px;*/
  -webkit-transition: all 1s ease-in-out .5s;
  transition: all 1s ease-in-out .5s;

}
.scroll .scr-bnr ~ .pro-sldr h2{
  opacity:0; 
  /*max-height: 0;
  padding: 0;*/
  -webkit-transition: all .5s ease-in-out 0s;
  transition: all .5s ease-in-out 0s;
}

.scr-hdr{max-height: 0;opacity:0; overflow: hidden;

-webkit-transition-delay: 0;
-moz-transition-delay: 0;
-ms-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
transition: all .5s ease-in-out 0s;
}
.scroll .scr-hdr{max-height: 250px;opacity:1;
-webkit-transition: all 1.5s ease-in-out .5s;
transition: all 1.5s ease-in-out .5s;
/*-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
-ms-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;*/
}
/*.bgd-bdr{background: #1b75bc; height: 2px; width: 100%;position: absolute;top: 0;right: 0;z-index: 5; opacity: 0;}
.bgd-bdr.pad{ background: #fff; width:47px;}
.bgd-bdr + .blu-bg, .scroll .bgd-bdr{opacity: 1;
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
-ms-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
}
/*.scroll .bgd-bdr:not(.pad){width: 100%; -webkit-transition-delay: 1.5s;
-moz-transition-delay: 1.5s;
-ms-transition-delay: 1.5s;
-o-transition-delay: 1.5s;
transition-delay: 1.5s;}*
.scroll .bgd-bdr + .blu-bg{opacity:0}
.scroll .scr-bnr + .pro-sldr h2{margin-top: .32em;}*/


/*
----------- product page ------------------------
*/

/*@media screen and (max-width:849px){
    .pnl1 .sldr-sb img{position:relative;}
}*/