/* == MY CSS == */

.padding-main--inside {

  padding-top: 30px;

  padding-bottom: 30px;

}

.padding-main {

  padding-top: 60px;

  padding-bottom: 60px;

}



@media (max-width: 992px) {

  .padding-main {

    padding-top: 45px;

    padding-bottom: 45px;

  }

}

@media (max-width: 768px) {

  .padding-main {

    padding-top: 30px;

    padding-bottom: 30px;

  }

}

@media (max-width: 576px) {

  .padding-main--inside,

  .padding-main {

    padding-top: 15px;

    padding-bottom: 15px;

  }

}



[class*="wrap__"] {

  position: relative;

}



figure {

  margin-bottom: 0;

}



.content-text img {

  display: inline-block;

}



.sr-only {

  position: absolute;

  width: 1px;

  height: 1px;

  padding: 0;

  margin: -1px;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}



.o-hidden {

  overflow: hidden;

}



/* COLOR IMAGES */

.img-white {

  filter: brightness(0) invert(1);

  -webkit-filter: brightness(0) invert(1);

}



.img-black {

  filter: brightness(0);

  -webkit-filter: brightness(0);

}



/* COLOR TEXT */

.color-white {

  color: #fff !important;

}



.color-black {

  color: #000 !important;

}



.text-linear {

  background: var(--Nhn3, linear-gradient(0deg, #F7ED9F 0%, #D1A74D 100%));

  display: inline-block;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}


[class*="text-split"] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}


.text-outline {

  --width:1px;

  --neg-width: calc(-1 * var(--width));

  --color:#000;

  --custom-shadow: 0 0 0 transparent;



  text-shadow: var(--width) 0 0 var(--color), var(--width) 0 0 var(--color), 0 var(--neg-width) 0 var(--color),

    0 var(--width) 0 var(--color), var(--neg-width) var(--width) 0px var(--color), var(--neg-width) 0px 0px var(--color),

    0px var(--width) 0px var(--color), var(--width) var(--width) 0px var(--color), var(--neg-width) var(--neg-width) 0px var(--color),

    var(--width) var(--neg-width) 0px var(--color),var(--custom-shadow);

}



/* BORDER */

.border-linear {

  border: 1px solid;

  border-image-slice: 1;

  border-image-source: linear-gradient(to bottom, #ffffff00 20%, #f9b812 80%);

}



/* BACKGROUND */

.bg-fixed {

  background-attachment: fixed;

}



/* SCROLLBAR OVERFLOW AUTO */

.scrollbar-style {

  --scrollbar-width: 2px;

  --scrollbar-thumb: #F1B81F;

  --scrollbar-thumb-hover: #555;

  --scrollbar-track: #f1f1f1;

}



.scrollbar-style::-webkit-scrollbar {

  width: var(--scrollbar-width);

}

.scrollbar-style::-webkit-scrollbar-track {

  background: var(--scrollbar-track);

}

.scrollbar-style::-webkit-scrollbar-thumb {

  background: var(--scrollbar-thumb);

}

.scrollbar-style::-webkit-scrollbar-thumb:hover {

  background: var(--scrollbar-thumb-hover);

}



/* POSITION */

.posr {

  position: relative;

}



.posa {

  position: absolute;

}



.posa-center {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}



.posa-centerX {

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

}



.posa-centerY {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

}



.top-0 {

  top: 0;

}



.bottom-0 {

  bottom: 0;

}



.left-0 {

  left: 0;

}



.right-0 {

  right: 0;

}



/* FLEXBOX */

[class*="flex"] {

  display: flex;

}



[class*="flex-res"] {

  display: flex;

  flex-wrap: wrap;

}



/* JUSTIFY CONTENT */

[class*="-jcenter"] {

  justify-content: center;

}

[class*="-jbetween"] {

  justify-content: space-between;

}

[class*="-jstart"] {

  justify-content: flex-start;

}

[class*="-jend"] {

  justify-content: flex-end;

}



/* ALIGN ITEMS */

[class*="-acenter"] {

  align-items: center;

}

[class*="-aend"] {

  align-items: flex-end;

}

[class*="-astart"] {

  align-items: flex-start;

}

[class*="-abaseline"] {

  align-items: baseline;

}

[class*="-astretch"] {

  align-items: stretch;

}



/* RESPONSIVE BREAKPOINTS */

@media (max-width: 1024px) {

  [class*="\[1024\]-jcenter"] {

    justify-content: center;

  }

  [class*="\[1024\]-jbetween"] {

    justify-content: space-between;

  }

  [class*="\[1024\]-jstart"] {

    justify-content: flex-start;

  }

  [class*="\[1024\]-jend"] {

    justify-content: flex-end;

  }



  [class*="\[1024\]-acenter"] {

    align-items: center;

  }

  [class*="\[1024\]-aend"] {

    align-items: flex-end;

  }

  [class*="\[1024\]-astart"] {

    align-items: flex-start;

  }

  [class*="\[1024\]-abaseline"] {

    align-items: baseline;

  }

  [class*="\[1024\]-astretch"] {

    align-items: stretch;

  }



  [class*="\[1024\]-w100"] {

    width: 100%;

  }

  [class*="\[1024\]-w75"] {

    width: 75%;

  }

  [class*="\[1024\]-w50"] {

    width: 50%;

  }

  [class*="\[1024\]-w25"] {

    width: 25%;

  }

}



@media (max-width: 992px) {

  [class*="\[992\]-jcenter"] {

    justify-content: center;

  }

  [class*="\[992\]-jbetween"] {

    justify-content: space-between;

  }

  [class*="\[992\]-jstart"] {

    justify-content: flex-start;

  }

  [class*="\[992\]-jend"] {

    justify-content: flex-end;

  }



  [class*="\[992\]-acenter"] {

    align-items: center;

  }

  [class*="\[992\]-aend"] {

    align-items: flex-end;

  }

  [class*="\[992\]-astart"] {

    align-items: flex-start;

  }

  [class*="\[992\]-abaseline"] {

    align-items: baseline;

  }

  [class*="\[992\]-astretch"] {

    align-items: stretch;

  }



  [class*="\[992\]-w100"] {

    width: 100%;

  }

  [class*="\[992\]-w75"] {

    width: 75%;

  }

  [class*="\[992\]-w50"] {

    width: 50%;

  }

  [class*="\[992\]-w25"] {

    width: 25%;

  }

}



@media (max-width: 768px) {

  [class*="\[768\]-jcenter"] {

    justify-content: center;

  }

  [class*="\[768\]-jbetween"] {

    justify-content: space-between;

  }

  [class*="\[768\]-jstart"] {

    justify-content: flex-start;

  }

  [class*="\[768\]-jend"] {

    justify-content: flex-end;

  }



  [class*="\[768\]-acenter"] {

    align-items: center;

  }

  [class*="\[768\]-aend"] {

    align-items: flex-end;

  }

  [class*="\[768\]-astart"] {

    align-items: flex-start;

  }

  [class*="\[768\]-abaseline"] {

    align-items: baseline;

  }

  [class*="\[768\]-astretch"] {

    align-items: stretch;

  }



  [class*="\[768\]-w100"] {

    width: 100%;

  }

  [class*="\[768\]-w75"] {

    width: 75%;

  }

  [class*="\[768\]-w50"] {

    width: 50%;

  }

  [class*="\[768\]-w25"] {

    width: 25%;

  }

}



@media (max-width: 576px) {

  [class*="\[576\]-jcenter"] {

    justify-content: center;

  }

  [class*="\[576\]-jbetween"] {

    justify-content: space-between;

  }

  [class*="\[576\]-jstart"] {

    justify-content: flex-start;

  }

  [class*="\[576\]-jend"] {

    justify-content: flex-end;

  }



  [class*="\[576\]-acenter"] {

    align-items: center;

  }

  [class*="\[576\]-aend"] {

    align-items: flex-end;

  }

  [class*="\[576\]-astart"] {

    align-items: flex-start;

  }

  [class*="\[576\]-abaseline"] {

    align-items: baseline;

  }

  [class*="\[576\]-astretch"] {

    align-items: stretch;

  }



  [class*="\[576\]-w100"] {

    width: 100%;

  }

  [class*="\[576\]-w75"] {

    width: 75%;

  }

  [class*="\[576\]-w50"] {

    width: 50%;

  }

  [class*="\[576\]-w25"] {

    width: 25%;

  }

}



/* TEXT ALIGN */

[class*="tcenter"] {

  text-align: center;

}

[class*="tstart"] {

  text-align: left;

}

[class*="tend"] {

  text-align: right;

}



/* RESPONSIVE BREAKPOINTS */

@media (max-width: 1024px) {

  [class*="[1024]-tcenter"] {

    text-align: center;

  }

  [class*="[1024]-tstart"] {

    text-align: start;

  }

  [class*="[1024]-tend"] {

    text-align: end;

  }

}



@media (max-width: 992px) {

  [class*="[992]-tcenter"] {

    text-align: center;

  }

  [class*="[992]-tstart"] {

    text-align: start;

  }

  [class*="[992]-tend"] {

    text-align: end;

  }

}



@media (max-width: 768px) {

  [class*="[768]-tcenter"] {

    text-align: center;

  }

  [class*="[768]-tstart"] {

    text-align: start;

  }

  [class*="[768]-tend"] {

    text-align: end;

  }

}



@media (max-width: 576px) {

  [class*="[576]-tcenter"] {

    text-align: center;

  }

  [class*="[576]-tstart"] {

    text-align: start;

  }

  [class*="[576]-tend"] {

    text-align: end;

  }

}



/* ANIMATION AUTO */

.a-spinZ {

  animation: spinZ infinite 5s linear;

}



@keyframes spinZ {

  from {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(360deg);

  }

}



.a-spinY {

  animation: spinY infinite 5s linear;

}



@keyframes spinY {

  from {

    transform: rotateY(0deg);

  }

  to {

    transform: rotateY(360deg);

  }

}



.a-shake-zoom {

  animation: ShakeZoom 1s ease infinite;

}

@keyframes ShakeZoom {

  30% {

    transform: scale(0.8);

  }

  40%,

  60% {

    transform: rotate(-20deg) scale(0.8);

  }

  50% {

    transform: rotate(20deg) scale(0.8);

  }

  70% {

    transform: rotate(0deg) scale(0.8);

  }

  100% {

    transform: scale(1);

  }

}



.zoomSlow {

  -webkit-animation: zoomSlow 30s infinite;

  animation: zoomSlow 30s infinite;

}



@-webkit-keyframes zoomSlow {

  0% {

    -webkit-transform: scale(1.5, 1.5);

  }



  50% {

    -webkit-transform: scale(1, 1);

  }



  100% {

    -webkit-transform: scale(1.5, 1.5);

  }

}



@keyframes zoomSlow {

  0% {

    transform: scale(1.5, 1.5);

  }



  50% {

    transform: scale(1, 1);

  }



  100% {

    transform: scale(1.5, 1.5);

  }

}



/* IMAGES HOVER */

/* Scale Img*/

.scale-img {

  overflow: hidden;

  display: block;

}



.scale-img img,

.scale-img picture {

  transition: all 0.5s;

}



.scale-img:hover > img,

.scale-img:hover > picture {

  transform: scale(1.2, 1.2);

}



/* Hover Triangle Top-Right And Bottom-Left */

.image-effect-one:hover > img {

  opacity: 0.9;

}

.image-effect-one {

  background-color: #000;

  overflow: hidden;

  position: relative;

  text-align: center;

  width: 100%;

  display: block;

}

.image-effect-one:hover:before {

  -webkit-transform: skew(40deg) translateX(-55%);

  transform: skew(40deg) translateX(-55%);

}

.image-effect-one:before {

  -webkit-transform: skew(40deg) translateX(-155%);

  transform: skew(40deg) translateX(-155%);

}

.image-effect-one:before,

.image-effect-one:after {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  -webkit-transition: all 0.35s ease;

  transition: all 0.35s ease;

  background-color: #000;

  content: "";

  opacity: 0.6;

  z-index: 1;

}

.image-effect-one:after {

  -webkit-transform: skew(40deg) translateX(155%);

  transform: skew(40deg) translateX(155%);

}

.image-effect-one:hover:after {

  -webkit-transform: skew(40deg) translateX(50%);

  transform: skew(40deg) translateX(50%);

}

.image-effect-one img {

  backface-visibility: hidden;

  max-width: 100%;

  width: 100%;

  vertical-align: top;

}

.image-effect-one * {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: all 0.35s ease;

  transition: all 0.35s ease;

}

.image-effect-one:hover:before {

  -webkit-transform: skew(40deg) translateX(-50%);

  transform: skew(40deg) translateX(-50%);

}



/* Hover Twin Retangle Glass*/

.image-effect-two {

  position: relative;

  overflow: hidden;

}

.image-effect-two::before {

  pointer-events: none;

  content: "";

  background: rgba(255, 255, 255, 0.5);

  bottom: 0;

  left: 0;

  position: absolute;

  -webkit-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  -o-transform: rotate(90deg);

  transform: rotate(90deg);

  -khtml-opacity: 1;

  -o-opacity: 1;

  -ms-opacity: 1;

  -webkit-opacity: 1;

  -moz-opacity: 1;

  opacity: 1;

  width: 0;

  height: 0;

  z-index: 1;

}

.image-effect-two::after {

  pointer-events: none;

  content: "";

  background: rgba(255, 255, 255, 0.5);

  top: 0;

  right: 0;

  position: absolute;

  -webkit-transform: rotate(90deg);

  -moz-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  -o-transform: rotate(90deg);

  transform: rotate(90deg);

  -khtml-opacity: 1;

  -o-opacity: 1;

  -ms-opacity: 1;

  -webkit-opacity: 1;

  -moz-opacity: 1;

  opacity: 1;

  width: 0;

  height: 0;

  z-index: 2;

}

.image-effect-two:hover::before,

.image-effect-two:hover::after {

  -webkit-transform: rotateY(180deg);

  -moz-transform: rotateY(180deg);

  -ms-transform: rotateY(180deg);

  -o-transform: rotateY(180deg);

  transform: rotateY(180deg);

  -webkit-transition-duration: 1.3s;

  -moz-transition-duration: 1.3s;

  -ms-transition-duration: 1.3s;

  -o-transition-duration: 1.3s;

  transition-duration: 1.3s;

  -khtml-opacity: 0;

  -o-opacity: 0;

  -ms-opacity: 0;

  -webkit-opacity: 0;

  -moz-opacity: 0;

  opacity: 0;

  height: 100%;

  width: 100%;

}



/* Hover Glass Basic */

.hover-glass {

  overflow: hidden;

  display: block;

  position: relative;

}

.hover-glass::before {

  content: "";

  position: absolute;

  top: 0;

  left: -83%;

  z-index: 2;

  display: block;

  content: "";

  width: 50%;

  height: 100%;

  background: -webkit-linear-gradient(

    left,

    rgba(255, 255, 255, 0) 0%,

    rgba(255, 255, 255, 0.3) 100%

  );

  background: linear-gradient(

    to right,

    rgba(255, 255, 255, 0) 0%,

    rgba(255, 255, 255, 0.3) 100%

  );

  -webkit-transform: skewX(-25deg);

  transform: skewX(-25deg);

}

.hover-glass:hover:before {

  -webkit-animation: shine 1s;

  animation: shine 1s;

}

@-webkit-keyframes shine {

  100% {

    left: 125%;

  }

}

@keyframes shine {

  100% {

    left: 125%;

  }

}

.hover-glass:hover:before {

  -webkit-animation: shine 1s;

  animation: shine 1s;

}

.hover-glass img {

  width: 100%;

  transition: ease 0.75s;

  display: block;

}



/* BUTTON HOVER */

/* Hover Shadow Bottom */

.btn-hover-one:hover {

  -webkit-transform: translateY(-5px);

  transform: translateY(-5px);

}

.btn-hover-one {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgb(0 0 0 / 0%);

  position: relative;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

}

.btn-hover-one:hover:before {

  opacity: 1;

  -webkit-transform: translateY(5px);

  transform: translateY(5px);

}

.btn-hover-one:before {

  pointer-events: none;

  position: absolute;

  z-index: -1;

  content: "";

  top: 100%;

  left: 5%;

  height: 10px;

  width: 90%;

  opacity: 0;

  background: -webkit-radial-gradient(

    center,

    ellipse,

    rgba(0, 0, 0, 0.35) 0%,

    rgba(0, 0, 0, 0) 80%

  );

  background: radial-gradient(

    ellipse at center,

    rgba(0, 0, 0, 0.35) 0%,

    rgba(0, 0, 0, 0) 80%

  );

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform, opacity;

  transition-property: transform, opacity;

}



/* Hover Background Left To Right */

.btn-hover-two {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgb(0 0 0 / 0%);

  position: relative;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.btn-hover-two:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #2098d1;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 0 50%;

  transform-origin: 0 50%;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.btn-hover-two:hover,

.btn-hover-two.active {

  color: white;

}

.btn-hover-two:hover:before,

.btn-hover-two.active:before {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

}



/* Wobble Top */

.hvr-wobble-top {

  display: block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-transform-origin: 0 100%;

  transform-origin: 0 100%;

}



.hvr-wobble-top:hover,

.hvr-wobble-top.active {

  -webkit-animation-name: hvr-wobble-top;

  animation-name: hvr-wobble-top;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

}



@-webkit-keyframes hvr-wobble-top {

  16.65% {

    -webkit-transform: skew(-12deg);

    transform: skew(-12deg);

  }

  33.3% {

    -webkit-transform: skew(10deg);

    transform: skew(10deg);

  }

  49.95% {

    -webkit-transform: skew(-6deg);

    transform: skew(-6deg);

  }

  66.6% {

    -webkit-transform: skew(4deg);

    transform: skew(4deg);

  }

  83.25% {

    -webkit-transform: skew(-2deg);

    transform: skew(-2deg);

  }

  100% {

    -webkit-transform: skew(0);

    transform: skew(0);

  }

}



@keyframes hvr-wobble-top {

  16.65% {

    -webkit-transform: skew(-12deg);

    transform: skew(-12deg);

  }

  33.3% {

    -webkit-transform: skew(10deg);

    transform: skew(10deg);

  }

  49.95% {

    -webkit-transform: skew(-6deg);

    transform: skew(-6deg);

  }

  66.6% {

    -webkit-transform: skew(4deg);

    transform: skew(4deg);

  }

  83.25% {

    -webkit-transform: skew(-2deg);

    transform: skew(-2deg);

  }

  100% {

    -webkit-transform: skew(0);

    transform: skew(0);

  }

}



/* TEXT HOVER */

/* Hover Line Bottom */

.hvr-line-run-one {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgb(0 0 0 / 0%);

  position: relative;

  overflow: hidden;

}

.hvr-line-run-one:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 0;

  right: 100%;

  bottom: 0;

  background: #2098d1;

  height: 4px;

  -webkit-transition-property: right;

  transition-property: right;

  -webkit-transition-duration: 0.5s;

  transition-duration: 0.5s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-line-run-one:hover:before,

.hvr-line-run-one.active:before {

  right: 0;

}









/* Float Shadow */

.hvr-float-shadow {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

}



.hvr-float-shadow:before {

  pointer-events: none;

  position: absolute;

  z-index: -1;

  content: "";

  top: 100%;

  left: 5%;

  height: 10px;

  width: 90%;

  opacity: 0;

  background: -webkit-radial-gradient(

    center,

    ellipse,

    rgba(0, 0, 0, 0.35) 0%,

    rgba(0, 0, 0, 0) 80%

  );

  background: radial-gradient(

    ellipse at center,

    rgba(0, 0, 0, 0.35) 0%,

    rgba(0, 0, 0, 0) 80%

  );

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform, opacity;

  transition-property: transform, opacity;

}



.hvr-float-shadow:hover,

.hvr-float-shadow:focus,

.hvr-float-shadow:active {

  -webkit-transform: translateY(-5px);

  transform: translateY(-5px);

}



.hvr-float-shadow:hover:before,

.hvr-float-shadow:focus:before,

.hvr-float-shadow:active:before {

  opacity: 1;

  -webkit-transform: translateY(5px);

  transform: translateY(5px);

}



.hover-a:hover{

  color : #ff0

}

.hover-b:hover{

  color : var(--color-hover)

}







.page-item.active .page-link, .page-link:hover {

  background-color: var(--color-main);

  border-color: var(--color-main);

  color: #fff;

}



.page-link {

  color: #000;

  margin: 0 6px;

  padding: 5px 12px;

}



/* hamgurger */



.hamburger2 {

  display: flex;

  align-items: center;

  flex-direction: column;

  justify-content: space-between;

  width: 24px;

  height: 24px;

  cursor: pointer;

  padding-top: 5px;

  padding-bottom: 5px;

}



.hamburger2 span {

  height: 2px;

  width: 83.33333333%;

  background: #ffffff;

  transition: all 400ms ease-in-out;

  border-radius: 5px;

}



.hamburger2 .meat {

  width: 100%;

  transition: all 200ms ease-in-out;

}



.hamburger .bottom-bun {

  width: 58.33333333%;

  transition: all 100ms ease-in-out;

}



.hamburger2 .top-bun {

  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards

    200ms;

  animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;

}



.hamburger2 .meat {

  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards

    400ms;

  animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;

}



.hamburger2 .bottom-bun {

  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards

    600ms;

  animation: burger-hover 1s infinite ease-in-out alternate forwards 600ms;

}


@-webkit-keyframes burger-hover {
  0% {
    width: 100%;
  }

  50% {
    width: 50%;
  }

  100% {
    width: 100%;
  }
}

@keyframes burger-hover {
  0% {
    width: 100%;
  }

  50% {
    width: 50%;
  }

  100% {
    width: 100%;
  }
}


/*HOVER ROTATE */
.hrv-rotateY img { transition: all 0.9s ease 0s; }
.hrv-rotateY:hover { text-decoration: none; }
.hrv-rotateY:hover img { transition: all 0.7s ease 0s; transform: rotateY(180deg); text-decoration: none; }