@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/roboto/KFOlCnqEu92Fr1MmSU5fBBc-.woff2) format('woff2'),
       url(../fonts/roboto/KFOlCnqEu92Fr1MmSU5fBBc-.woff) format('woff'),
       url(../fonts/roboto/KFOlCnqEu92Fr1MmSU5fBBc-.svg#roboto) format('svg');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/roboto/KFOmCnqEu92Fr1Mu4mxM.woff2) format('woff2'),
       url(../fonts/roboto/KFOmCnqEu92Fr1Mu4mxM.woff) format('woff'),
       url(../fonts/roboto/KFOmCnqEu92Fr1Mu4mxM.svg#roboto) format('svg');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/roboto/KFOlCnqEu92Fr1MmEU9fBBc-.woff2) format('woff2'),
       url(../fonts/roboto/KFOlCnqEu92Fr1MmEU9fBBc-.woff) format('woff'),
       url(../fonts/roboto/KFOlCnqEu92Fr1MmEU9fBBc-.svg#roboto) format('svg');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfBBc-.woff2) format('woff2'),
       url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfBBc-.woff) format('woff'),
       url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfBBc-.svg#roboto) format('svg');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/roboto/KFOlCnqEu92Fr1MmYUtfBBc-.woff2) format('woff2'),
       url(../fonts/roboto/KFOlCnqEu92Fr1MmYUtfBBc-.woff) format('woff'),
       url(../fonts/roboto/KFOlCnqEu92Fr1MmYUtfBBc-.svg) format('svg');
}



* { padding: 0; margin: 0 }
body { font: 400 13px "Verdana", sans-serif } 

.hidden { display: none }
.red { color: #ff0099 }
.orange { color: #ed752d }
.green { color: #38c433 }

.page { 
    width: 730px;
    margin: 0 auto 35px }
.response { background: #ebecee }
.response li { padding: 12px; list-style: none }
.request { font: 400 12px "Verdana", sans-serif; color: #222 }

h1 {     
    padding: 35px 0 5px; 
    font: 900 27px "Roboto"; 
    color: #4a4a4a;     
    text-align: center; 
    transform: scaleX(1.2)}
h1 span {
	color: #96F501;
	font-style: italic;
	font-size: 35px}
h2 { color: #4a4a4a;   
    margin: 0 auto 35px; 
    font: italic 700 17px "Roboto"; 
    text-align: center}
h3 { color: #dde2e6; margin: 35px 0 0; font-size: 13px }
p.br {
	clear: both;
	width: 70%;
	margin: auto;
	color: #959595;
	font-size: 10px }
label { 			 
    display: inline-block; 
    margin: 15px 0 5px -2px }
em { color: #c1c6c9 }
sub {
    color: red;
    position: relative;
    top: -10px;
    left: 5px }
nav ul {
    list-style: none}
nav ul li {
	padding: 20px 0 0;
	text-align: right}
nav a {     
    font-weight: bold;
    text-decoration: none;
    color: #222}
nav a span {
	color: #96F501;
	padding-right: 10px}
form { 
    width: 100%;    
    padding-top: 5px}
fieldset { border: none }
.fieldset_top {	
	margin: 0 auto;
	background: #ebecee;
	padding: 0 115px 15px;
	border-bottom: 3px dotted #fff }
.fieldset_bottom {
	padding: 12px 0;
	text-align: center;	
	position: relative;
	overflow: hidden }
.fieldset_bottom:after {
	content: '';
	display: block;
	height: 530px;
    width: 530px;
	position: absolute;
	top: -275px;
    left: 100px;
	background: #ebecee;
	transform: rotate(45deg);
    transform-origin: center;
	z-index: -1	}
.fieldset_bottom sub {
    margin-right: -8px }
[title^=" "] { cursor: context-menu }
[type="text"], textarea { 
    width: 100%; 
    font: 400 12px "Verdana", sans-serif;
    margin-left: -2px;
    border: none }
[type="text"].probe {
    width: 160px;  
    padding-right: 7px;
    text-align: center;
    font-weight: 700}
[type="text"].probe:hover {
    color: #abafb3}
[type="text"] { height: 25px }
[type="text"]:disabled {
	background: #ebecee}
[name="reqManyEMails"],
 [name="reqYourMessage"] { height: 100px }
[type="submit"] { 
    background: #96F501;
    display: block;			
    height: 38px;
    width: 167px;				
    font: 500 15px/28px "Roboto", sans-serif;
    text-align: center;
    color: #436f17;
    margin: 5px auto;
    border: 0 solid #96F501;
    border-top-width: 6px;
    border-bottom-width: 6px;
    border-radius: 3px}
[type="submit"]:hover {
    color: #fff}	
[type="checkbox"] { margin: 0 5px 10px 0 }
[type="checkbox"] + span { 
    display: inline-block; 
    vertical-align: top; }
td { padding: 4px 20px }	
.expression { 
    padding: 6px 0 3px; 
    color: #222 }