body {
 font-family: Georgia;
 font-size: 16px;
 color: #000;
 margin: 0;
 padding: 0
}
#main-wrap {
 margin: 0 auto
}
.wrapper {
 width: 768px;
 margin: 0 auto
}
iframe {
 display: block;
 margin: 20px auto 0
}
ul.c {
 margin: 0 auto;
 width: 452px
}
#section1 {
 background: #704436 url('img/bg1.png') 0 center no-repeat;
 background-size: cover;
 -webkit-background-size: cover;
 -o-background-size: cover;
 -moz-background-size: cover;
 padding-top: 40px;
 padding-bottom: 60px
}
#section2 {
 background: #432009;
 padding-top: 40px;
 padding-bottom: 40px
}
#section2 h2 {
 font-size: 40px
}
#section3 {
 background: #704436 url('img/bg2.png') 0 0 repeat;
 padding-top: 40px;
 padding-bottom: 40px;
 text-align: center
}
#section3 img {
 width: 100%
}
a.brown {
 font-family: Impact, sans-serif;
 font-size: 18px;
 color: #783f04
}
h1, h2, h3 {
 font-size: 26px;
 font-family: Impact, sans-serif;
 color: #ff8d17;
 margin: 0;
 font-weight: normal
}
h1 {
 color: #fff;
 font-size: 38px;
 text-align: center;
 margin-top: 30px;
 margin-bottom: 30px
}
h2.main {
 color: #783f04;
 font-size: 40px
}
h3 {
 font-size: 30px
}
h3.b {
 font-size: 20px;
 color: #783f04
}
h3.o {
 font-size: 20px
}
h2.brown {
 color: #783f04
}
a {
 text-decoration: underline;
 color: #ff8d17
}
a:hover {
 text-decoration: none
}
.center {
 text-align: center
}
h2.orange, h3.orange {
 color: #ff8d17
}
.menu {
 text-align: center
}
.menu a,
u {
 text-decoration: none;
 background: #fff;
 color: #000;
 display: inline-block;
 height: 22px;
 padding-top: 10px;
 width: 120px;
 text-align: center;
 vertical-align: top;
 border: #000 1px solid;
 cursor: pointer;
 text-transform: uppercase;
 font-size: 12px;
 margin-right: 3px
}
.menu u.last {
 /*height: 30px;
 padding-top: 2px;*/
 margin-right: 0
}
.menu a:hover,
u:hover {
 background: #ff8d17
}
div.t-wrap {
 padding-left: 20px;
 padding-right: 20px
}
img.fw {
 width: 100%
}
.mb {
 margin-bottom: 20px
}
.mt {
 margin-top: 20px
}
.mt-40 {
 margin-top: 40px
}
.mt-60 {
 margin-top: 60px
}
.mb2 {
 margin-top: 40px;
 margin-bottom: 40px
}
.mb-40 {
 margin-bottom: 40px
}
ul {
 padding: 0;
 margin: 0;
 list-style-type: none
}
ul.p {
 padding-left: 20px
}
ul li {
 text-align: justify;
 padding-left: 20px;
 padding-top: 6px;
 margin-bottom: 16px
}
ul.s li {
 background: url('marker.png') 0 9px no-repeat
}
hr {
 background: url('orange-sep.png') center center repeat-x;
 border: 0 none;
 height: 11px;
 margin: 20px auto;
 width: 100%
}
div.form-wrap {
 margin-top: 30px;
 margin-bottom: 30px
}
form input[type="text"] {
 border: #e3e3e3 1px solid;
 display: block;
 width: 410px;
 margin: 0 auto 10px;
 padding: 10px 8px
}
form input[type="submit"],
form input[type="button"] {
 background: url("lp_button_submit.png") center top repeat-x;
 border: 0;
 color: #fff;
 display: block;
 cursor: pointer;
 font-size: 14px;
 height: 46px;
 width: 440px;
 margin: 0 auto
}
form input[type="submit"]:hover,
form input[type="button"]:hover {
 background-position: center -37px
}
.l {
 float: left
}
img.gift {
 width: 342px
}
.clear {
 clear: both
}
.left {
 width: 378px
}
div.review {
 border-left: #783f04 5px solid;
 padding-left: 20px;
 margin-bottom: 20px
}
div.review span {
 font-style: italic
}
div.f {
 font-family: Arial, sans-serif;
 margin-top: 60px;
 padding-left: 20px
}
div.f img {
 float: left;
 margin-right: 20px
}
div.f div {
 color: #00f;
 display: inline-block;
 float: left;
 font-size: 14px;
 height: 44px;
 padding-top: 6px;
 width: 300px
}
div.f div i {
 color: #000;
 font-style: normal
}
a.red-button {
 display: block;
 border: #d01a1a 1px solid;
 border-radius: 3px;
 text-align: center;
 padding: 10px;
 width: 300px;
 text-transform: uppercase;
 margin: 20px auto 20px;
 text-decoration: none;
 font-weight: bold;
 color: #fff;
 text-shadow: 1px 1px #777;
 background: #d01a1a
}
a.red-button:hover {
 background: #c01a1a
}

.cbw {
 color: grey;
 font-size: 12px;
 width: 428px;
 margin: 20px auto 20px
}
.cbw span {
 font-size: 12px !important;
 font-weight: normal !important;
 padding: 0 !important;
 cursor: pointer;
 color: #00f
}
.cbw span:hover {
 text-decoration: underline
}
.cbw input {
 vertical-align: top;
 margin: 0 3px 0 0;
 width: 8px;
 height: 8px
}
.cbw input + label {
 cursor: pointer
}
.cbw input:not(checked) {
 position: absolute;
 opacity: 0
}
.cbw input:not(checked) + label {
 position: relative;
 padding: 0 0 0 18px
}
.cbw input:not(checked) + label:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  width: 8px;
  height: 8px;
  border: #b96b0f 2px solid
}
.cbw input:checked + label:before {
  background: url('https://mmkc.su/bitrix/templates/mmkc/img/checker.png') -1px -3px no-repeat
}