/*
 * SINGLE PRODUCT PAGES & MEDIA QUERIES
 */

.single-product {
  width:500px;
  height:700px;
  margin-top:-684px;
  margin-left:13%;
  z-index:99999;
  position:absolute;
  text-align:center;
  overflow:hidden;
}
/* Extra small */
@media (max-width:576px) {
  .single-product {
    background:rgb(255,255,255);
    background:radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(171,171,171,1) 100%);
    position:static;
    margin-top:0px;
    margin-left:0px;
    width:100%;
    height:400px;
  }
  .single-product img {
    scale:0.8;
  }
}
/* Small */
@media (min-width:577px) and (max-width:768px) {
  .single-product {
    background:rgb(255,255,255);
    background:radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(171,171,171,1) 100%);
    position:static;
    margin-top:0px;
    margin-left:0px;
    width:100%;
    height:550px;
  }
  .single-product img {
    scale:0.8;
  }
}
/* Medium */
@media (min-width:769px) and (max-width:992px) {
  .single-product {
    background:rgb(255,255,255);
    background:radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(171,171,171,1) 100%);
    position:static;
    margin-top:0px;
    margin-left:0px;
    width:100%;
    height:500px;
  }
  .single-product img {
    scale:0.8;
  }
}
/* Medium-Large */
@media (min-width:993px) and (max-width:1200px) {
  .single-product {
    width:400px;
    height:560px;
    margin-top:-544px;
    margin-left:5%;
    z-index:0;
  }
}
/* Large */
@media (min-width:1200px) {
  .single-product {
    
  }
}
/* ONLY WIDE */
@media (min-width:1440px) {
  .single-product {
    
  }
}

/* Special Sub Site Styles */
.of-hidden {
  overflow:hidden;
}

/* GENERAL Sub Site */
.regular-txt-gradient {
  background:-webkit-linear-gradient(0deg, #f08c47 0%, #e28787 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.regular-bg-orange {
  background-color:#f08c47;
}
.regular-bg-red {
  background-color:#e28787;
}
.button-regular {
  /*background-color:#ff8d42;*/
  background:#f08c47;
  display:inline-block;
  font-family:"Exo 2";
  font-weight:600;
  color:#ffffff !important;
  padding:10px 40px 10px 40px;
  white-space:nowrap;
  outline:none;
  text-decoration:none !important;
  transition:color .15s ease-in-out, background-color .15s ease-in-out, border .15s ease-in-out;
  text-align:center;
}
.button-regular:hover,
.button-regular:active,
.button-regular:focus {
  /*background-color:#ffffff;*/
  background:#e28787;
  color:#ffffff !important;
}
.poi-wrapper.regular ul li {
  background-color:#f08c47;
  box-shadow:0 0 0 rgba(191,64,57, 0.4);
  animation:pulse-regular 2s infinite;
}
@-webkit-keyframes pulse-regular {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(240,140,71, 0.8);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(240,140,71, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(240,140,71, 0);
  }
}
@keyframes pulse-regular {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(240,140,71, 0.8);
    box-shadow: 0 0 0 0 rgba(240,140,71, 0.8);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(240,140,71, 0);
      box-shadow: 0 0 0 10px rgba(240,140,71, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(240,140,71, 0);
      box-shadow: 0 0 0 0 rgba(240,140,71, 0);
  }
}

/* AZZURRO Sub Site */
.azzurro-txt-gradient {
  background:-webkit-linear-gradient(0deg, #1794d4 0%, #249090 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.azzurro-bg-blue {
  background-color:#1794d4;
}
.azzurro-bg-green {
  background-color:#249090;
}
.azzurro-zindex-table {
  position:relative;
  z-index:9;
}
.azzuro-minheight-mobile {
  position:relative;
  min-height:400px;
}
.button-azzurro {
  /*background-color:#ff8d42;*/
  background:#1794d4;
  display:inline-block;
  font-family:"Exo 2";
  font-weight:600;
  color:#ffffff !important;
  padding:10px 40px 10px 40px;
  white-space:nowrap;
  outline:none;
  text-decoration:none !important;
  transition:color .15s ease-in-out, background-color .15s ease-in-out, border .15s ease-in-out;
  text-align:center;
}
.button-azzurro:hover,
.button-azzurro:active,
.button-azzurro:focus {
  /*background-color:#ffffff;*/
  background:#249090;
  color:#ffffff !important;
}
.poi-wrapper.azzurro ul li {
  background-color:#1794d4;
  box-shadow:0 0 0 rgba(191,64,57, 0.4);
  animation:pulse-azzurro 2s infinite;
}
@-webkit-keyframes pulse-azzurro {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(23,148,212, 0.8);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(23,148,212, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(23,148,212, 0);
  }
}
@keyframes pulse-azzurro {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(23,148,212, 0.8);
    box-shadow: 0 0 0 0 rgba(23,148,212, 0.8);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(23,148,212, 0);
      box-shadow: 0 0 0 10px rgba(23,148,212, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(23,148,212, 0);
      box-shadow: 0 0 0 0 rgba(23,148,212, 0);
  }
}

/* ALPHA ESS Sub Site */
.alphaess-txt-gradient {
  background:-webkit-linear-gradient(0deg, #f9b912 0%, #69a939 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.alphaess-bg-green {
  background-color:#69a939;
}
.alphaess-bg-yellow {
  background-color:#f9b912;
}
.button-alphaess {
  /*background-color:#ff8d42;*/
  background:#f9b912;
  display:inline-block;
  font-family:"Exo 2";
  font-weight:600;
  color:#ffffff !important;
  padding:10px 40px 10px 40px;
  white-space:nowrap;
  outline:none;
  text-decoration:none !important;
  transition:color .15s ease-in-out, background-color .15s ease-in-out, border .15s ease-in-out;
  text-align:center;
}
.button-alphaess:hover,
.button-alphaess:active,
.button-alphaess:focus {
  /*background-color:#ffffff;*/
  background:#69a939;
  color:#ffffff !important;
}
.poi-wrapper.alphaess ul li {
  background-color:#f9b912;
  box-shadow:0 0 0 rgba(191,64,57, 0.4);
  animation:pulse-alphaess 2s infinite;
}
@-webkit-keyframes pulse-alphaess {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(125,185,66, 0.8);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(125,185,66, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(125,185,66, 0);
  }
}
@keyframes pulse-alphaess {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(125,185,66, 0.8);
    box-shadow: 0 0 0 0 rgba(125,185,66, 0.8);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(125,185,66, 0);
      box-shadow: 0 0 0 10px rgba(125,185,66, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(125,185,66, 0);
      box-shadow: 0 0 0 0 rgba(125,185,66, 0);
  }
}

/* E3DC Sub Site */
.e3dc-txt-gradient {
  background:-webkit-linear-gradient(0deg, #7db942 0%, #98d062 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.e3dc-bg-green {
  background-color:#7db942;
}
.e3dc-bg-green2 {
  background-color:#98d062;
}
.button-e3dc {
  /*background-color:#ff8d42;*/
  background:#7db942;
  display:inline-block;
  font-family:"Exo 2";
  font-weight:600;
  color:#ffffff !important;
  padding:10px 40px 10px 40px;
  white-space:nowrap;
  outline:none;
  text-decoration:none !important;
  transition:color .15s ease-in-out, background-color .15s ease-in-out, border .15s ease-in-out;
  text-align:center;
}
.button-e3dc:hover,
.button-e3dc:active,
.button-e3dc:focus {
  /*background-color:#ffffff;*/
  background:#98d062;
  color:#ffffff !important;
}
.poi-wrapper.e3dc ul li {
  background-color:#7db942;
  box-shadow:0 0 0 rgba(191,64,57, 0.4);
  animation:pulse-e3dc 2s infinite;
}
@-webkit-keyframes pulse-e3dc {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(125,185,66, 0.8);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(125,185,66, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(125,185,66, 0);
  }
}
@keyframes pulse-e3dc {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(125,185,66, 0.8);
    box-shadow: 0 0 0 0 rgba(125,185,66, 0.8);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(125,185,66, 0);
      box-shadow: 0 0 0 10px rgba(125,185,66, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(125,185,66, 0);
      box-shadow: 0 0 0 0 rgba(125,185,66, 0);
  }
}

/* JONSOL Sub Site */
.jonsol-txt-gradient {
  background:-webkit-linear-gradient(0deg, #1a469d 0%, #f25f29 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.jonsol-bg-blue {
  background-color:#1a469d;
}
.jonsol-bg-orange {
  background-color:#f25f29;
}
.button-jonsol {
  /*background-color:#ff8d42;*/
  background:#1a469d;
  display:inline-block;
  font-family:"Exo 2";
  font-weight:600;
  color:#ffffff !important;
  padding:10px 40px 10px 40px;
  white-space:nowrap;
  outline:none;
  text-decoration:none !important;
  transition:color .15s ease-in-out, background-color .15s ease-in-out, border .15s ease-in-out;
  text-align:center;
}
.button-jonsol:hover,
.button-jonsol:active,
.button-jonsol:focus {
  /*background-color:#ffffff;*/
  background:#f25f29;
  color:#ffffff !important;
}
.poi-wrapper.jonsol ul li {
  background-color:#1a469d;
  box-shadow:0 0 0 rgba(191,64,57, 0.4);
  animation:pulse-jonsol 2s infinite;
}
@-webkit-keyframes pulse-jonsol {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(242,95,41, 0.8);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(242,95,41, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(242,95,41, 0);
  }
}
@keyframes pulse-jonsol {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(242,95,41, 0.8);
    box-shadow: 0 0 0 0 rgba(242,95,41, 0.8);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(242,95,41, 0);
      box-shadow: 0 0 0 10px rgba(242,95,41, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(242,95,41, 0);
      box-shadow: 0 0 0 0 rgba(242,95,41, 0);
  }
}

/* BAUER Sub Site */
.bauer-txt-gradient {
  background:-webkit-linear-gradient(0deg, #ffbd08 0%, #d67609 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.bauer-bg-yellow {
  background-color:#ffbd08;
}
.bauer-bg-brown {
  background-color:#d67609;
}
.button-bauer {
  /*background-color:#ff8d42;*/
  background:#ffbd08;
  display:inline-block;
  font-family:"Exo 2";
  font-weight:600;
  color:#ffffff !important;
  padding:10px 40px 10px 40px;
  white-space:nowrap;
  outline:none;
  text-decoration:none !important;
  transition:color .15s ease-in-out, background-color .15s ease-in-out, border .15s ease-in-out;
  text-align:center;
}
.button-bauer:hover,
.button-bauer:active,
.button-bauer:focus {
  /*background-color:#ffffff;*/
  background:#d67609;
  color:#ffffff !important;
}
.poi-wrapper.bauer ul li {
  background-color:#ffbd08;
  box-shadow:0 0 0 rgba(191,64,57, 0.4);
  animation:pulse-bauer 2s infinite;
}
@-webkit-keyframes pulse-bauer {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(214,118,9, 0.8);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(214,118,9, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(214,118,9, 0);
  }
}
@keyframes pulse-bauer {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(214,118,9, 0.8);
    box-shadow: 0 0 0 0 rgba(214,118,9, 0.8);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(214,118,9, 0);
      box-shadow: 0 0 0 10px rgba(214,118,9, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(214,118,9, 0);
      box-shadow: 0 0 0 0 rgba(214,118,9, 0);
  }
}

/* FOXESS Sub Site */
.foxess-txt-gradient {
  background:-webkit-linear-gradient(0deg, #faad17 0%, #b51882 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.foxess-bg-blue {
  background-color:#0173b9;
}
.foxess-bg-green {
  background-color:#88c742;
}
.foxess-bg-orange {
  background-color:#faad17;
}
.foxess-bg-purple {
  background-color:#b51882;
}
.foxess-zindex-table {
  position:relative;
  z-index:9;
}
.azzuro-minheight-mobile {
  position:relative;
  min-height:400px;
}
.button-foxess {
  /*background-color:#ff8d42;*/
  background:#faad17;
  display:inline-block;
  font-family:"Exo 2";
  font-weight:600;
  color:#ffffff !important;
  padding:10px 40px 10px 40px;
  white-space:nowrap;
  outline:none;
  text-decoration:none !important;
  transition:color .15s ease-in-out, background-color .15s ease-in-out, border .15s ease-in-out;
  text-align:center;
}
.button-foxess:hover,
.button-foxess:active,
.button-foxess:focus {
  /*background-color:#ffffff;*/
  background:#b51882;
  color:#ffffff !important;
}
.poi-wrapper.foxess ul li {
  background-color:#faad17;
  box-shadow:0 0 0 rgba(191,64,57, 0.4);
  animation:pulse-foxess 2s infinite;
}
@-webkit-keyframes pulse-foxess {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(250,173,23, 0.8);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(250,173,23, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(250,173,23, 0);
  }
}
@keyframes pulse-foxess {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(250,173,23, 0.8);
    box-shadow: 0 0 0 0 rgba(250,173,23, 0.8);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(250,173,23, 0);
      box-shadow: 0 0 0 10px rgba(250,173,23, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(250,173,23, 0);
      box-shadow: 0 0 0 0 rgba(250,173,23, 0);
  }
}