/* == MY CSS == */



.padding-main--inside {



  padding-top: 30px;



  padding-bottom: 30px;



}



.padding-main {



  padding-top: 65px;



  padding-bottom: 65px;



}







@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) {





}







[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: #fff;



  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: #31348c;content: "";opacity: 1;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; }