html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0; } 

:focus::-webkit-input-placeholder { opacity:0; } 
:focus::-moz-placeholder { opacity:0; } 
:focus:-moz-placeholder { opacity:0; } 
:focus:-ms-input-placeholder { opacity:0; } 
::-webkit-input-placeholder { color:#A4A2A0; opacity:1; } 
::-moz-placeholder { color:#A4A2A0; opacity:1; } 
:-moz-placeholder { color:#A4A2A0; opacity:1; } 
:-ms-input-placeholder { color:#A4A2A0; opacity:1; } 

body { background: #fff; color:#444; font-family: Arial;} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;} 
h1 { font-size: 32px; margin: 0 0 2% 0 ; color: #000; line-height: 1.25;}
h2 { font-size: 28px; margin: 4% 0 2% 0 ; color: #000; line-height: 1.25;}
h3 { font-size: 24px; margin: 4% 0 2% 0 ; color: #000; line-height: 1.25;}

a { transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; } 
a:hover { transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; } 
p {font-size: 22px; line-height: 1.25; margin: 2% 0 0 0; overflow: hidden; display: block; }
ol {font-size: 22px; padding: 3% 4% 3% 6%; overflow: hidden; display: block; margin: 2% 0; }
ul {font-size: 24px; padding: 3% 4% 3% 6%; overflow: hidden; display: block; background: #C9E5FC; margin: 2% 0;}
li {margin: 2% 0; line-height: 1.25;}
b,strong { font-weight: bold;} 
img {margin: 0 auto 4% auto; overflow: hidden; display: block; width: auto; height: auto;}

.inferno-solutions-promokod-page {width: 732px; margin: 0 auto; padding: 3% 0;}
.link {text-decoration: underline; font-weight: bold; color: #59B200; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; padding:0 5px; background: #fafafa;}
.link:hover {color: #458A00; cursor: pointer; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s;}
.off {text-decoration: underline; font-weight: bold; color: #59B200; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; padding:0 5px; background: #fafafa;}
.off:hover {color: #458A00; cursor: pointer; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s;}

footer {padding: 5% 0 0 0 ;}
footer p {font-size: 15px;  color: #777; text-align: center; margin: 0; line-height: 1.25;}

.off {
  position: relative;
  display: inline-block;
  padding: 14px 2%;
  background: #59B200;
  color: white;
  font-family: 'Arial', sans-serif;
  border-radius: 50px;
  width: 96%;
  border: none;
  cursor: pointer;
  overflow: hidden;
  display: block;
  box-shadow: 0 5px 15px rgba(46, 204, 113, 0.4);
  transition: all 0.3s ease;
  text-decoration: none;
  text-align: center;
  margin: 2% 0;
}

.off:hover {
	  color: white;
  background: #27ae60;
  box-shadow: 0 7px 20px rgba(39, 174, 96, 0.6);
  transform: translateY(-2px);
}

.off:active {
  animation: pulse 0.4s;
  box-shadow: 0 2px 10px rgba(39, 174, 96, 0.8);
  transform: translateY(1px);
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.7);
  }
  70% {
    box-shadow: 0 0 0 12px rgba(46, 204, 113, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(46, 204, 113, 0);
  }
}

/* Эффект волны при клике */
.off::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.7);
  opacity: 0;
  border-radius: 100%;
  transform: scale(1, 1) translate(-50%);
  transform-origin: 0 0;
}

.off:active::after {
  animation: ripple 0.6s ease-out;
}

@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    transform: scale(50, 50);
    opacity: 0;
  }
}

@media only screen and (max-width: 732px) { 

.inferno-solutions-promokod-page {width: 92%; padding: 4%;}
h1 {font-size: 28px; margin: 0 0 3% 0 ;}
h2 {font-size: 25px; margin: 4% 0 3% 0 ;}
h3 {font-size: 23px; margin: 4% 0 3% 0 ;}

p {font-size: 20px; margin: 2% 0 0 0;}
ol {font-size: 22px; }
ul {font-size: 22px; }
img {width: 100%; }
 } 
 
#parent_popup{  background-color: rgba(0, 0, 0, 0.8); display: none; position: fixed; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; 	transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
#popup{  background: rgba(255, 255, 255, 0.95); width: 240px; height: 240px; margin: 10% auto; padding: 0; position: relative; -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; 	transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
.modal-link{  background:url(modal-link.png), rgba(0, 0, 0, 0.8); height: 25px; line-height: 25px; position: absolute; cursor: pointer; font-weight: bold; text-align: center; text-decoration: none; 	right: 0; 	top: 0; width: 25px; 	color:#fafafa; 	content: ✖ }
.modal-link:hover{ background-color: rgba(0, 122, 200, 0.8); }
.banner-link {cursor: pointer;}