@font-face {
  font-family: Muybridge;
  src: url(https://www.lorp.org/fonts/MuybridgeGX.woff2);
}

@keyframes Gallop {
  from {
    font-variation-settings: "TIME" 0;
  }
  to {
    font-variation-settings: "TIME" 15;
  }
}

.h-dv-run {
  font: 420px Muybridge;
  animation: 0.6s linear infinite Gallop;
}

.h-dv-run:hover {
  animation-duration: 6s;
}




.red_polygon {  width: 86px;  height: 106px;  /*background: url(../images/polygon.svg) no-repeat center; */position: absolute; left: 30px; background-size: 100%;  z-index: 10;  margin-top: -35px;}
.p_ani { -webkit-animation: cog 5s infinite;       -moz-animation: cog 5s infinite; -ms-animation: cog 5s infinite;        animation: cog 5s infinite; -webkit-animation-timing-function: linear;  -moz-animation-timing-function: linear;     -ms-animation-timing-function: linear; animation-timing-function: linear;  }
.red_polygon.red_polygon_right {  margin: -69px 0 0;  left: auto; right: 30px;}
.red_polygon.fo_red_polygon { margin-top: -52px;}

.p_ani { -webkit-animation: cog 5s infinite;       -moz-animation: cog 5s infinite; -ms-animation: cog 5s infinite;        animation: cog 5s infinite; -webkit-animation-timing-function: linear;  -moz-animation-timing-function: linear;     -ms-animation-timing-function: linear; animation-timing-function: linear;  }

@-webkit-keyframes cog { 100%{ -webkit-transform: rotate(360deg)} }
@-moz-keyframes cog { 100%{ -webkit-transform: rotate(360deg)} }
@-ms-keyframes cog { 100%{ -webkit-transform: rotate(360deg)} }
@keyframes cog {
100%{   -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg)}
}


.ani-one {    top: 50%;}
span.ani-two {    transform: scale(0.5);    position: absolute;    left: 105px;}

.ellipse-red {    width: 7rem;    height: 7rem;    background: #EBF6FC;    position: absolute;    border-radius: 100%;    margin: 0rem 0 0 -3rem;    right: 10%; top: 50%;}
.ellipse-two {    top: 70%;    right: 18%;  width: 4rem;    height: 4rem; }

.about-sec { position:relative; }
.ani-three {    left: auto !important;    right: 7%;    position: absolute;    bottom: 45px;}

section.content-home-sec {    position: relative;}


.ellipse-ani{  
  -webkit-animation: elli 3s infinite;       
  -moz-animation: elli 3s infinite; 
  -ms-animation: elli 3s infinite;      
   animation: elli 3s infinite; 
   -webkit-animation-timing-function: linear; 
    -moz-animation-timing-function: linear;   
     -ms-animation-timing-function: linear; 
     animation-timing-function: linear;   }


@-webkit-keyframes elli { 50%{ -webkit-transform: scale(0.3)}  }
@-moz-keyframes elli { 50%{ -webkit-transform: scale(0.3)} }
@-ms-keyframes elli { 50%{ -webkit-transform: scale(0.3)} }

@-webkit-keyframes elli { 100%{ -webkit-transform: scale(1)} }
@-moz-keyframes elli { 100%{ -webkit-transform: scale(1)} }
@-ms-keyframes elli { 100%{ -webkit-transform: scale(1)} }

@keyframes elli {
50%{   -webkit-transform: scale(0.3); 
  -moz-transform: scale(0.3); 
  -ms-transform: scale(0.3); 
  transform: scale(0.3);
}

100%{   -webkit-transform: scale(1); 
  -moz-transform: scale(1); 
  -ms-transform: scale(1); 
  transform: scale(1);
}


}



/*******Product***********/


.product_list {    padding: 60px 0;}


.leftsidebar.shop-nav {    background: #f2faff;    padding: 16px;    border-radius: 8px;    border: #50abf5 solid 1px;}
.leftsidebar.shop-nav ul { margin:0px; padding:0px; }
.leftsidebar.shop-nav ul li { list-style:none; position:relative; border-top:#d1e2ee solid 1px;  margin: 0px; padding: 0px;}
.leftsidebar.shop-nav ul li a{ font-size:14px; color:#333; display:block; padding:8px 0 }
.leftsidebar.shop-nav .count_blk {    position: absolute;    right: 0px;    font-weight: 700;   color: #5b64c7;}
/*.leftsidebar.shop-nav .count_blk { position:absolute; right:0px; font-weight:700; color:#12AEFB; }*/
.left_side_product {    padding: 0px 0px;    margin-top: 30px;    border: #68a9ef solid 1px;    border-radius: 7px;    position: sticky;    top: 65px;}

.shop-nav h3 {    font-size: 20px;    font-weight: 600;    margin-bottom: 15px;    color: #222;}

.product-categories h3 {    font-size: 18px;    font-weight: 700;    text-align: center;    padding: 19px 0 0;}
.product-categories .img_col {    width: 200px;    height: 200px;    margin: auto;    border-radius: 400px;    overflow: hidden;}
.product-categories .img_col img {    width: 100%;    height: 100%;}
.product-categories  .padd-blk {    border: #ccc solid 1px;    height: 100%;    padding: 22px 0;    border-radius: 10px;    background: #fff;    box-shadow: 1px 1px 15px rgba(0,0,0,0.2);}