body{
	font-family: Garamond;
}
.rg-container {
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  margin: 0;
  padding: 1em 0.5em;
  color: #222;
}
.rg-header {
  margin-bottom: 1em;
  text-align: left;
}

.rg-header > * {
  display: block;
}
.rg-hed {
  font-weight: bold;
  font-size: 1.4em;
}
.rg-dek {
  font-size: 1em;
}

.rg-source {
  margin: 0;
  font-size: 0.75em;
  text-align: right;
}
.rg-source .pre-colon {
  text-transform: uppercase;
}

.rg-source .post-colon {
  font-weight: bold;
}

/* table */
table.rg-table {
  width: 100%;
  margin-bottom: 0.5em;
  font-size: 1em;
  border-collapse: collapse;
  border-spacing: 0;
}
table.rg-table tr {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-align: left;
  color: #333;
}
table.rg-table thead {
  border-bottom: 3px solid #ddd;
}
table.rg-table tr {
  border-bottom: 1px solid #ddd;
  color: #222;
}
table.rg-table tr.highlight {
  background-color: #dcf1f0 !important;
}
table.rg-table.zebra tr:nth-child(even) {
  background-color: #f6f6f6;
}
table.rg-table th {
  font-weight: bold;
  padding: 0.35em;
  font-size: 0.9em;
}
table.rg-table td {
  padding: 0.35em;
  font-size: 0.9em;
}
table.rg-table .highlight td {
  font-weight: bold;
}
table.rg-table th.number,
td.number {
  text-align: right;
}

/* media queries */
@media screen and (max-width: 600px) {
  .rg-container {
    max-width: 600px;
    margin: 0 auto;
  }
  table.rg-table {
    width: 100%;
  }
  table.rg-table tr.hide-mobile,
  table.rg-table th.hide-mobile,
  table.rg-table td.hide-mobile {
    display: none;
  }
  table.rg-table thead {
    display: none;
  }
  table.rg-table tbody {
    width: 100%;
  }
  table.rg-table tr,
  table.rg-table th,
  table.rg-table td {
    display: block;
    padding: 0;
  }
  table.rg-table tr {
    border-bottom: none;
    margin: 0 0 1em 0;
    padding: 0.5em;
  }
  table.rg-table tr.highlight {
    background-color: inherit !important;
  }
  table.rg-table.zebra tr:nth-child(even) {
    background-color: transparent;
  }
  table.rg-table.zebra td:nth-child(even) {
    background-color: #f6f6f6;
  }
  table.rg-table tr:nth-child(even) {
    background-color: transparent;
  }
  table.rg-table td {
    padding: 0.5em 0 0.25em 0;
    border-bottom: 1px dotted #ccc;
    text-align: right;
  }
  table.rg-table td[data-title]:before {
    content: attr(data-title);
    font-weight: bold;
    display: inline-block;
    content: attr(data-title);
    float: left;
    margin-right: 0.5em;
    font-size: 0.95em;
  }
  table.rg-table td:last-child {
    padding-right: 0;
    border-bottom: 2px solid #ccc;
  }
  table.rg-table td:empty {
    display: none;
  }
  table.rg-table .highlight td {
    background-color: inherit;
    font-weight: normal;
  }
}
#offerBlock{
 width:80%;
 margin:0 auto;
}

.infoBlock{
 border:1px solid #333333;
 float:left;
 display:inline-block;
 width:49.7%;
}
.offerTitle{
 background-color:#f6f6f6;
 padding:1%;
 display:inline-block;
 width:98%;
}
.fromData{
 padding:1.5%;
}
.description{
 border:1px solid #333333;
 margin-top:1%;
 text-align:justify;
}
.header{
 width:80%;
 margin:0 auto;
}
#headerImg{
 width:20%;
 float:left;
}
#headerTitle{
 width:60%;
 float:left;
 text-align:center;
}
#headerData{
 float:left;
 width:19%;
 text-align:right;
 padding-top:2%;
 padding-right:1%;
}

.userDataBlock{
 width:28%;
 float:left;
 margin:2.6%;
}
.userDataBlock fieldset{
 min-height:290px;
}
.orderingContent{
 width:80%;
 margin:0 auto;
}
.fTitle{
 display:inline-block;
 width:100%;
}
.userDataBlock input[type=text]{
 width:97%;
 padding:1.5%;
 font-size:16px;
 margin-bottom:5px;
}
.comment{
 width:95%;
 margin:0 auto;
}
.comment textarea{
 width:97%;
 padding:1%;
 font-size:16px;
}
.errorMsg{
 color:#ff0000;
}
.errBrd{
 border:1px solid #ff0000;
}
.summInfoBlock{
 width:80%;
 margin:0 auto;
}
.contactBlock{
 text-align:center;
 margin-bottom:1%;
 border:1px solid #333333;
}
.contactBlock div{
 padding:1%;
 font-size:20px;
}