body {
  position: relative;
  /*-webkit-animation-name: example; 
  -webkit-animation-duration: 3s;
  animation-name: example;
  animation-duration: 3s;*/
}

.red {
  color: #ff0000;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}

/* Standard syntax */
@keyframes example {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}

#product-block {
  
  height: 230px;
  width: 100% !important;
  display: block;
  margin: 20px auto !important;
  /* margin: 0 0 0 -10% !important;*/
  background-size: contain;
  text-align: center;
}

@media screen and (max-width: 767px) {
  #product-block {
    width: 100% !important;
    height: 312px !important;
    margin: 0 !important;
    /* margin: 0 0 0 -10% !important;*/
  }
}

@font-face {
  font-family: "Roboto";
  src: local("Roboto Thin"), local("Roboto-Thin"),
    url('../fonts/cdn0.woff2') format("woff2"),
    url('../fonts/Robotothin.woff') format("woff"),
    url('../fonts/Robotothin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"),
    url('../fonts/cdn1.woff2') format("woff2"),
    url('../fonts/Robotothinitalic.woff') format("woff"),
    url('../fonts/Robotothinitalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: local("Roboto Light"), local("Roboto-Light"),
    url('../fonts/cdn2.woff2') format("woff2"),
    url('../fonts/Robotolight.woff') format("woff"),
    url('../fonts/Robotolight.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"),
    url('../fonts/cdn3.woff2') format("woff2"),
    url('../fonts/Robotolightitalic.woff') format("woff"),
    url('../fonts/Robotolightitalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: local("Roboto"), local("Roboto-Regular"),
    url('../fonts/cdn4.woff2') format("woff2"),
    url('../fonts/Roboto.woff') format("woff"),
    url('../fonts/Roboto.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: local("Roboto Italic"), local("Roboto-Italic"),
    url('../fonts/cdn5.woff2') format("woff2"),
    url('../fonts/Robotoitalic.woff') format("woff"),
    url('../fonts/Robotoitalic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: local("Roboto Medium"), local("Roboto-Medium"),
    url('../fonts/cdn6.woff2') format("woff2"),
    url('../fonts/Robotomedium.woff') format("woff"),
    url('../fonts/Robotomedium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
    url('../fonts/cdn7.woff2') format("woff2"),
    url('../fonts/Robotomediumitalic.woff') format("woff"),
    url('../fonts/Robotomediumitalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: local("Roboto Bold"), local("Roboto-Bold"),
    url('../fonts/cdn8.woff2') format("woff2"),
    url('../fonts/Robotobold.woff') format("woff"),
    url('../fonts/Robotobold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"),
    url('../fonts/cdn9.woff2') format("woff2"),
    url('../fonts/Robotobolditalic.woff') format("woff"),
    url('../fonts/Robotobolditalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: local("Roboto Black"), local("Roboto-Black"),
    url('../fonts/cdn10.woff2') format("woff2"),
    url('../fonts/Robotoblack.woff') format("woff"),
    url('../fonts/Robotoblack.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: local("Roboto Black Italic"), local("Roboto-BlackItalic"),
    url('../fonts/cdn11.woff2') format("woff2"),
    url('../fonts/Robotoblackitalic.woff') format("woff"),
    url('../fonts/Robotoblackitalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Condensed"), local("RobotoCn-Regular"),
    url('../fonts/roboto-condensed.woff') format("woff"),
    url('../fonts/roboto-condensed.ttf') format("truetype");
}

.my-com-date {
  color: rgb(91, 95, 101);
  text-shadow: 0 0 0px #000000;
  font-weight: 600;
  line-height: 34px;
  padding: 1px 4px 1px 4px;
  background: #fdfdfd;
  border-radius: 3px;
  font-size: 20px;
}

.out-comebacker-content-btn:hover {
  text-decoration: none !important;
  transition: 0.3s !important;
}

.out-comebacker-content-btn:focus {
  text-decoration: none;
  color: #fff;
}

.out-comebacker-content-btn:active {
  border: 1px solid #fff;
}

a:active,
a:focus {
  outline: none;
}

input,
textarea {
  outline: none;
}

input:active,
textarea:active {
  outline: none;
}

:focus {
  outline: none;
}

textarea {
  resize: none;
}

textarea {
  resize: vertical;
}

textarea {
  resize: horizontal;
}

button:active,
button:focus {
  outline: none !important;
}

button::-moz-focus-inner {
  border: 0 !important;
}

.fancybox-overlay {
  z-index: 99999999;
}

.prevMonth {
  text-transform: capitalize;
}

.light-blue {
  color: #39b4ff;
}