.animated-jar
{
 position: relative;
 max-width: 320px;
 margin: 75px auto;
 -moz-box-sizing: border-box;
      box-sizing: border-box;
}

.jar
{
 z-index: 10;
 position: relative;
 margin: auto;
 max-width: 200px;
 display: block;
}

@media screen and (min-width: 64em){
    .jar{
        max-width: 258px;
    }
}

.spark
{
 position: absolute;
 background-image: url(../images/animationsnew/sparks.png);
 background-repeat: no-repeat;
}

.sparka
{
 background-position: -261px -25px;
 width: 222px;
 height: 205px;
 top: -12%;
 left: -25%;
}

.sparkb
{
 background-position: -501px -54px;
 width: 131px;
 height: 143px;
 bottom: 15%;
 left: 4%;
}

.sparkc
{
 background-position: -34px -18px;
 width: 220px;
 height: 223px;
 top: 28%;
 left: 40%;
}

.sparkd
{
 background-position: -648px -43px;
 width: 152px;
 height: 156px;
 top: -8%;
 left: 47%;
}

.swirl
{
 position: absolute;
 background-image: url(../images/animationsnew/swirls.png);
 background-repeat: no-repeat;
}

.swirla
{
 background-position: -529px -2px;
 width: 110px;
 height: 173px;
 top: -13%;
 left: 20%;
}

.swirlb
{
 background-position: -801px 0;
 width: 99px;
 height: 187px;
 top: -15%;
 left: 50%;
}

.swirlc
{
 background-position: -175px 0;
 width: 141px;
 height: 223px;
 top: -14%;
 right: 2%;
}

.swirld
{
 background-position: -529px -292px;
 width: 123px;
 height: 219px;
 top: 11%;
 right: -14%;
}

.swirle
{
 background-position: 0 0;
 width: 132px;
 height: 158px;
 right: -4%;
 bottom: 29%;
}

.swirlf
{
 background-position: 0 -272px;
 width: 133px;
 height: 230px;
 top: -20%;
 left: 30%;
}

.swirlg
{
 background-position: -668px -292px;
 width: 89px;
 height: 168px;
 bottom: 10%;
 right: -10%;
}

.swirlh
{
 background-position:  -355px -2px;
 width: 133px;
 height: 210px;
 bottom: 6%;
 left: 0;
}

.swirli
{
 background-position: 0 -272px;
 width: 133px;
 height: 230px;
 bottom: 28%;
 left: -4%;
}

.swirlj
{
 background-position: -188px -289px;
 width: 115px;
 height: 196px;
 top: -4%;
 left: 0;
}

.bolt
{
 position: absolute;
 background-image: url(../images/animationsnew/bolts.png);
 background-repeat: no-repeat;
}

.bolta
{
 background-position:  0 -20px;
 width: 178px;
 height: 204px;
 top: -15%;
 left: 5%;
}

.boltb
{
 background-position: -206px -150px;
 width: 50px;
 height: 74px;
 top: -12%;
 left: 20%;
}

.boltc
{
 background-position: -292px -13px;
 width: 65px;
 height: 217px;
 top: -18%;
 left: 35%;
}

.boltd
{
 background-position: -405px 0;
 width: 72px;
 height: 244px;
 top: -18%;
 left: 42%;
}

.bolte
{
 background-position: -518px -79px;
 width: 15px;
 height: 72px;
 top: -8%;
 left: 58%;
}

.boltf
{
 background-position: -569px -51px;
 width: 104px;
 height: 180px;
 top: -12%;
 right: 20%;
}

.boltg
{
 background-position: -713px -51px;
 width: 94px;
 height: 123px;
 top: -4%;
 right: 7%;
}

.bolth
{
 background-position: -851px -54px;
 width: 111px;
 height: 115px;
 top: 7%;
 right: -2%;
}

.bolti
{
 background-position: -994px -58px;
 width: 150px;
 height: 42px;
 top: 30%;
 right: -10%;
}

.boltj
{
 background-position: -33px -268px;
 width: 199px;
 height: 114px;
 top: 47%;
 right: -10%;
}

.boltk
{
 background-position: -291px -285px;
 width: 197px;
 height: 126px;
 bottom: 20%;
 left: 5%;
}

.boltl
{
 background-position: -529px -289px;
 width: 134px;
 height: 73px;
 bottom: 55%;
 left: 5%;
}

.boltm
{
 background-position: -702px -305px;
 width: 158px;
 height: 40px;
 top: 45%;
 left: 5%;
}

.boltn
{
 background-position: -928px -300px;
 width: 215px;
 height: 106px;
 top: 15%;
 left: 5%;
}

.bolto
{
 background-position: -989px -167px;
 width: 211px;
 height: 130px;
 top: 24%;
 right: -15%;
}

.boltp
{
 background-position: -529px -289px;
 width: 134px;
 height: 73px;
 bottom: 35%;
 left: 5%;
}

.boltq
{
 background-position: -518px -79px;
 width: 15px;
 height: 72px;
 top: 30%;
 right: 7%;
}

.flame
{
 position: absolute;
 background-image: url(../images/animationsnew/flames.png);
 background-repeat: no-repeat;
}

.flamea
{
 background-position: 0 0;
 width: 126px;
 height: 351px;
}


.flameb
{
 background-position:  -173px -28px;
 width: 115px;
 height: 262px;
}



.flamec
{
 background-position: -483px -16px;
 width: 117px;
 height: 251px;
}


.flamed
{
 background-position: -315px -30px;
 width: 114px;
 height: 245px;
}

.flamee
{
 background-position: -372px -302px;
 width: 198px;
 height: 164px;
}

.flamef
{
 background-position: -188px -424px;
 width: 127px;
 height: 229px;
}

.flameg
{
 background-position: -399px -509px;
 width: 143px;
 height: 202px;
}

.flameh
{
 background-position: 0 -384px;
 width: 149px;
 height: 269px;
}

.flame1
{
 top: -20%;
 left: 5%;
}

.flame2
{
 top: -15%;
 left: 20%;
}

.flame3
{
 top: -25%;
 left: 36%;
}

.flame4
{
 top: -15%;
 right: 8%;
}

.flame5
{
 top: 10%;
 right: 0%;
}

.flame6
{
 top: 10%;
 right: 0%;
}

.flame6
{
 top: 30%;
 right: -10%;
}

.flame7
{
 top: 44%;
 right: -1%;
}

.flame8
{
 top: 42%;
 left: 0%;
}

.flame9
{
 top: 20%;
 left: -2%;
}

.animations
{
 max-width: 320px;
 overflow: hidden;
}

.carousel .slide .img-cont
{
 z-index: 1;
 top: -80px;
 max-width: 260px;
 margin: 0 auto;
 padding-top: 60px;
 -moz-box-sizing: border-box;
      box-sizing: border-box;
}

@media screen and (min-width: 64em){
    .carousel .slide .img-cont{
        max-width: 280px;
        top: -30px;
    }
}

.carousel .slide .img-cont .jar{
    left: -15px;
}



.carousel .slide
{
 height: 780px;
}

.carousel .slide a
{
 top: -120px;
}

.tangometer .dial .scale
{
  width: 100%;
  height: auto;
}

.profile-tabs .profile-tabs--container .profile-tabs--tabs .tab a
{
 width: 100%;
 height: 100%;
 -moz-box-sizing: border-box;
      box-sizing: border-box;
}

@media screen and (min-width: 64em)
{
 .profile-tabs .profile-tabs--container .profile-tabs--tabs .tab:nth-child(3)
 {
  margin-left: 8%;
 }
 .profile-tabs .profile-tabs--container .profile-tabs--tabs .tab a
 {
  height: 90px;
 }

 .carousel.owl-carousel .owl-nav .owl-next
 {
    right: 0px;
    margin-top: -33px;
 }

 .carousel.owl-carousel .owl-nav .owl-prev
 {
   left: 0px;
   margin-top: -33px;
 }

 .carousel.owl-carousel .owl-nav.hot-spicy > div,
 .carousel.owl-carousel .owl-nav.hot-spicy > div.owl-next
 {
  background-color: transparent;
 }

  .carousel.owl-carousel .owl-nav.strong-zingy > div
 {
  background-color: transparent;
 }
  .carousel.owl-carousel .owl-nav.medium-tangy > div
 {
  background-color: transparent;
 }

 .carousel.owl-carousel .owl-nav > div
 {
  background-color: transparent;
 }
 .carousel.owl-carousel .owl-nav .owl-prev
 {
  background-color: transparent;
 }
}



@media screen and (min-width: 64em)
{
 .carousel .slide .img-cont
 {
  max-width: 320px;
  top: -70px;
  left: 20px;
 }
 .carousel .slide
 {
  height: 480px;
 }
 .carousel .slide a
 {
  top: auto;
 }

 .profile-tabs .profile-tabs--container .profile-tabs--products .tab .profile-products-list .profile-product
 {
    max-width: 32%;
 }
}

@media screen and (min-width: 62.5em)
{
  .product-types .product-types--list .type a h3
 {
  height: 30px;
 }
}


@media screen and (min-width: 75em)
{
 .profile-tabs .profile-tabs--container .profile-tabs--tabs .tab a
 {
  height: auto;
 }

 .carousel.owl-carousel .owl-nav .owl-next
 {
    right: -61px;
    margin-top: -61px;
 }

 .carousel.owl-carousel .owl-nav .owl-prev
 {
   left: -61px;
   margin-top: -61px;
 }

 .carousel.owl-carousel .owl-nav.strong-zingy > div
 {
  background-color: #e94a36;
 }

 .carousel.owl-carousel .owl-nav.medium-tangy > div
 {
  background-color: #ff8300;
 }

 .carousel.owl-carousel .owl-nav.hot-spicy > div,
 .carousel.owl-carousel .owl-nav.hot-spicy > div.owl-next
 {
  background-color: #c40c2e;
 }

 .carousel.owl-carousel .owl-nav .owl-prev,
 .carousel.owl-carousel .owl-nav .owl-next
 {
  background-color: #ffa300;
 }
 .product-types .product-types--list .type a h3
 {
  height: auto;
 }
}

@media screen and (min-width: 1024px)
{

}

.archive .hentry.recipe{
    padding-top: 0;
}

.recipies-list .recipe a .information{
    width: 100%;
}