@font-face {
    font-family: "tex_gyre_adventor_regular";
    font-style: normal;
    font-weight: normal;
    src: url("/_fonts/texgyreadventor-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/_fonts/texgyreadventor-regular-webfont.woff") format("woff"), url("/_fonts/texgyreadventor-regular-webfont.ttf") format("truetype");
}

@font-face {
    font-family: "tex_gyre_adventor_bold";
    font-style: normal;
    font-weight: normal;
    src: url("/_fonts/texgyreadventor-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/_fonts/texgyreadventor-bold-webfont.woff") format("woff"), url("/_fonts/texgyreadventor-bold-webfont.ttf") format("truetype");
}

*         { color:#fff; font-family:'tex_gyre_adventor_regular', Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight:normal; font-size:1rem;	line-height:1.5em; letter-spacing:0.045em; resize:none; outline:none; text-align:left; }
html, 
body      { background:#242e34 none repeat scroll 0 0; }
img       { display: inline-block; padding:0; max-height:192px; margin:0 auto; max-width:124px }
h1,h2,p   { line-height:1em; margin:0; padding:0; }
h1 		  { font-size:4.5em; margin:0 0 0 0; padding:0 0 .25em 0; }
h2 		  { font-size:2em; }
p 		  { font-size:1.1em;line-height:1.5em;margin:1em 0 0 0; }
span,
strong,
i         { color:inherit; font-size:inherit; }
strong    { font-family:'tex_gyre_adventor_bold', Arial, Tahoma, Verdana, Helvetica, sans-serif; }
.blue     { color:#008ee0; }
.gry      { color:#999999; }
.sml      { font-size:.3em; line-height:.3em; }
.tny      { font-size:.2em; line-height:.2em; }
.nowrp	  { white-space:nowrap }
.blok     { display:block; }
.l 		  { float:left; width:20%; text-align:center; }
.r 		  { float:right; width:75%; }
.clr 	  { clear:both; }
.wrpr	  { display:inline-block; left:50%; margin:0 auto; max-width:70%; position:absolute; transform:translate(-50%, -50%); top:50%; }
.big-icon { background: #fff; border-radius: 100%; display: block; font-size: 3rem; height: 7rem; line-height: 7rem; margin:.5rem 0 0 0; position:relative; text-align: center; width: 7rem; }
.big-icon::after
          { content: ''; display: block; position: absolute; left: 3px; right: 3px; top: 3px; bottom: 3px; border: 2px solid #242e34; border-radius: 100%; }

@media (max-width: 916px){
    * { font-size:0.75rem; text-align:center; }
    
    .l,
    .r { float:none; width:100%; }
    
    .nowrp { white-space:normal; }
    
    .wrpr { min-width: 90%; max-width:unset; }
    
    .big-icon { margin:0 auto 1rem auto; }
}

@media (max-width: 460px){
    .wrpr { min-width: 85%; }
}