@font-face {
 font-family: 'FS-Regular';
 src: url('fonts/FiraSans-Regular.eot');
 src: local('O'),
 url('fonts/FiraSans-Regular.woff') format('woff'),
 url('fonts/FiraSans-Regular.ttf') format('truetype'),
 url('fonts/FiraSans-Regular.svg') format('svg');
 font-weight: normal;
 font-style: normal
}
@font-face {
 font-family: 'FS-Bold';
 src: url('fonts/FiraSans-Bold.eot');
 src: local('O'),
 url('fonts/FiraSans-Bold.woff') format('woff'),
 url('fonts/FiraSans-Bold.ttf') format('truetype'),
 url('fonts/FiraSans-Bold.svg') format('svg');
 font-weight: normal;
 font-style: normal
}
@font-face {
 font-family: 'FS-Italic';
 src: url('fonts/FiraSans-Italic.eot');
 src: local('O'),
 url('fonts/FiraSans-Italic.woff') format('woff'),
 url('fonts/FiraSans-Italic.ttf') format('truetype'),
 url('fonts/FiraSans-Italic.svg') format('svg');
 font-weight: normal;
 font-style: normal
}
body {
 margin: 0;
 padding: 0;
 font-family: 'FS-Regular', sans-serif;
 font-size: 22px;
 color: #303030
}
#main-wrap {
 overflow: hidden
}
h1, h2, h3, h4, strong, b {
 font-weight: normal;
 font-family: 'FS-Bold', sans-serif;
 margin: 0
}
h1 {
 margin-top: 38px;
 font-size: 40px;
 text-align: center;
 color: #fff;
 line-height: 58px;
 text-shadow: 2px 3px 2px #000
}
h2 {
 font-size: 46px;
 line-height: 52px;
 color: #5b455e
}
hr {
 background: url('img/orange-sep.png') center center repeat-x;
 border: 0 none;
 height: 11px;
 margin: 20px auto;
 width: 100%
}
.blocks-wrap .void {
 height: 20px;
 clear: both;
 display: none
}
.button-yellow,
.button-brown {
 display: block;
 text-decoration: none;
 max-width: 586px;
 margin: 0 auto;
 font-family: 'FS-Bold', sans-serif;
 margin-bottom: 20px;
 border-radius: 3px;
 box-shadow: 0 2px 5px #6d4634;
 cursor: pointer;
 text-transform: uppercase;
 padding: 10px;
 text-align: center
}
.button-yellow {
 background: #ff8d17;
 color: #3d2341
}
.button-brown {
 background: #48220a;
 color: #fff
}
.button-yellow:hover {
 background: #db7913;
 box-shadow: none
}
.button-brown:hover {
 background: #200f05;
 box-shadow: none
}
.center {
 text-align: center
}
.upper {
 text-transform: uppercase
}
.wrapper {
 max-width: 1000px;
 margin: 0 auto
}
.table {
 display: table
}
.tr {
 display: table-row
}
.td {
 display: table-cell
}
.y {
 color: #ff8d17
}
.w {
 color: #fff
}
.yb {
 font-size: 30px
}
.wb {
 font-family: 'FS-Bold', sans-serif;
 font-size: 36px;
 line-height: 40px
}
.s {
 text-shadow: 2px 2px 1px #000
}
.mt-10 {
 margin-top: 10px
}
.mt-20 {
 margin-top: 20px
}
.mt-30 {
 margin-top: 30px
}
.mt-40 {
 margin-top: 40px
}
.mt-60 {
 margin-top: 60px
}
.mb-20 {
 margin-bottom: 20px
}
.mb-30 {
 margin-bottom: 30px
}
.mb-40 {
 margin-bottom: 40px
}
.lh-40 {
 line-height: 40px
}
.fs-36 {
 font-size: 36px
}
.big {
 font-size: 36px;
 font-family: 'FS-Bold', sans-serif
}
.big2 {
 font-size: 30px;
 font-family: 'FS-Bold', sans-serif
}
.big3 {
 font-size: 48px;
 font-family: 'FS-Bold', sans-serif;
 line-height: 50px
}
.red {
 color: #9c1006
}
.padding-left-40 {
 padding-left: 40px
}
.padding-right-40 {
 padding-right: 40px
}
.clear {
 clear: both !important
}
p {
 margin: 0;
 line-height: 24px
}
p.i {
 font-family: 'FS-Italic', sans-serif
}
p.b,
.yb {
 font-family: 'FS-Bold', sans-serif
}
.go {
 background: url('img/vertical-line.png') right 0 repeat-y;
 text-align: right;
 padding-right: 40px;
 color: #fa9f40;
 text-shadow: 2px 3px 2px #e5e5e5;
 font-size: 36px;
 font-family: 'FS-Bold', sans-serif;
 line-height: 40px;
 vertical-align: middle
}
.g-left {
 width: 40%
}
.g-right {
 width: 60%;
 padding-left: 20px
}
#section1 {
 position: relative;
 background: #48304c url('img/bg1.png') 0 center no-repeat;
 background-size: cover;
 -webkit-background-size: cover;
 -o-background-size: cover;
 -moz-background-size: cover;
 padding-bottom: 60px
}
.menu-wrap {
 padding-top: 26px;
 height: 50px;
 border-bottom: #5b455e 1px solid
}
.menu-wrap a,
.menu-wrap span {
 font-family: 'FS-Bold', sans-serif;
 display: block;
 float: left;
 font-size: 16px;
 text-transform: uppercase;
 color: #fff;
 text-decoration: none;
 cursor: pointer
}
.menu-wrap a:hover,
.menu-wrap span:hover {
 text-decoration: underline
}
.t-menu {
 color: #fff;
 cursor: pointer;
 padding: 5px;
 padding-left: 20px;
 background: #222;
 display: none;
 font-size: 12px;
 text-align: center
}
.t-menu div {
 border: #fff 1px solid;
 border-radius: 5px;
 padding: 3px;
 width: 42px
}
.menu-wrap span {
 margin-left: 48px
}
.call-order {
 position: absolute;
 height: 30px;
 right: 0;
 top: 18px;
 background: #ff8d17 url('img/call-icon.png') 16px 12px no-repeat;
 border-radius: 3px;
 font-size: 14px;
 padding-top: 10px;
 padding-left: 40px;
 padding-right: 20px;
 text-transform: uppercase;
 cursor: pointer;
 box-shadow: 0 2px 5px #6d4634
}
.call-order:hover {
 box-shadow: none;
 background: #db7913 url('img/call-icon.png') 16px 12px no-repeat
}
#section1 div.y {
 font-size: 24px
}
.f-wrap { 
 position: relative; 
 padding-bottom: 56.25%; 
 height: 0; 
 overflow: hidden
} 
.f-wrap iframe, 
.f-wrap object, 
.f-wrap embed {
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%;
 height: 100%
}
#section1 .wrapper {
 position: relative
}
#section1 .v-wrap {
 max-width: 712px;
 margin: 0 auto;
 margin-top: 40px;
}
#section2,
#section7,
#section11 {
 background: #3d2341
}
#section2 h2,
#section7 h2,
#section11 h2 {
 padding-top: 20px;
 padding-bottom: 20px
}
#section7 h2 {
 font-size: 46px
}
#section3 {
 background: url('img/bg2.png') repeat
}
#section3 .wrapper {
 padding-top: 40px;
 padding-bottom: 40px;
 text-align: center
}
#section3 .wrapper img {
 width: 76%
}
.grid {
 margin-top: 60px
}
.grid .td.nowords,
#section10 .notext {
 font-size: 0
}
.grid .td {
 vertical-align: middle
}
.grid .td img {
 width: 100%
}
.grid .left div {
 padding-left: 20px
}
.grid .right div {
 padding-left: 40px
}
.grid ul {
 padding: 0;
 list-style-type: none
}
.grid ul li {
 background: url('img/plus.png') 0 2px no-repeat;
 padding-left: 54px;
 font-size: 20px;
 line-height: 24px;
 margin-bottom: 10px;
 min-height: 44px
}
#section5 {
 background: #48304c url('img/bg3.png') 0 center no-repeat;
 background-size: cover;
 -webkit-background-size: cover;
 -o-background-size: cover;
 -moz-background-size: cover;
 padding-bottom: 40px
}
#section5 .wrapper {
 padding-top: 40px
}
#section5 .icons-wrapper {
 color: #fff;
 margin-top: 40px
}
#section5 .icons-wrapper div {
 float: left;
 width: 234px;
 margin-right: 20px;
 text-align: center;
 padding-top: 136px;
 background: url('img/icons1.png') 0 0 no-repeat
}
#section5 .icons-wrapper div.first {
 background-position: 65px 0
}
#section5 .icons-wrapper div.second {
 background-position: -195px 0
}
#section5 .icons-wrapper div.third {
 background-position: -440px 0
}
#section5 .icons-wrapper div.fourth {
 background-position: -692px 0
}
#section5 .icons-wrapper div.fourth {
 margin-right: 0
}
.left-50,
.right-50 {
 float: left;
 max-width: 500px
}
.left-50 img,
.right-50 img {
 width: 100%
}
.s13t {
 width: 100%;
 border-collapse: collapse;
 border: 0 none
}
.s13t td {
 width: 50%;
 border: 0 none
}
td.text-cener {
 vertical-align: middle;
 text-align: center;
 vertical-align: middle;
 font-family: 'FS-Bold', sans-serif
}
ul.checked {
 list-style-type: none;
 padding: 0;
 margin: 0
}
ul.checked li {
 padding-left: 40px;
 background: url('img/check.png') 0 0 no-repeat;
 line-height: 26px;
 margin-bottom: 20px;
 min-height: 32px
}
#section10 {
 font-size: 18px
}
#section10 a {
 color: #fa9f40
}
#section10 a:hover {
 text-decoration: none
}
#section12 {
 position: relative;
 background: #48304c url('img/bg4.png') 0 center no-repeat;
 background-size: cover;
 -webkit-background-size: cover;
 -o-background-size: cover;
 -moz-background-size: cover;
 padding-bottom: 60px;
 padding-top: 60px
}
#section12 .wrapper {
 position: relative
}
.slider {
 position: relative;
 width: 100%;
 overflow: hidden
}
.slider table {
 border-collapse: collapse
}
.slider tr,
.slider td {
 border: 0
}
.slider td.pr {
 width: 50px
}
.slider td img {
 width: 100%
}
.slides {
 overflow: hidden;
 -webkit-backface-visibility: hidden;
 -webkit-transform-style: preserve-3d;
 -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
 -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
 -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
 -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
 transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000)
}
.slide {
 width: 1000px;
 float: left;
 clear: none
}
.slides-control-wrap {
 position: relative;
 width: 1000px
}
.slider-arrows {
 position: absolute;
 z-index: 100;
 top: 140px;
 left: 0;
 width: 1000px
}
.slides-control-wrap .slider-arrow--left {
 position: absolute;
 left: -74px;
 height: 44px;
 width: 44px;
 cursor: pointer;
 background: url('img/left-arrow.png') 0 0 no-repeat
}
.slides-control-wrap .slider-arrow--right {
 position: absolute;
 right: -74px;
 height: 44px;
 width: 44px;
 cursor: pointer;
 background: url('img/right-arrow.png') 0 0 no-repeat
}
#section16 {
 background: #48304c url('img/bg5.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
}
.blocks-wrap {
 width: 1000px;
 margin: 40px auto 0
}
.blocks-wrap .item-wrap {
 width: 308px;
 text-align: center;
 float: left;
 margin-right: 38px
}
.blocks-wrap .item-wrap.last {
 margin-right: 0
}
.blocks-wrap .item-wrap .item-top-wrap {
 padding-top: 7px;
 position: relative;
 width: 280px;
 margin: 0 auto 
}
.blocks-wrap .item-wrap .item-top-wrap img {
 position: absolute;
 top: 0;
 left: -6px
}
.blocks-wrap .item-wrap .item-top,
.blocks-wrap .item-wrap .item-bottom,
.blocks-wrap .item-wrap .item-mid {
 box-shadow: 1px 1px 2px #000
}
.blocks-wrap .item-wrap .item-bottom {
 margin: 0 auto;
 width: 280px;
 background: #ff8d17
}
.blocks-wrap .item-wrap .item-mid {
 width: 308px;
 position: relative;
 background: #f4f2f2;
 border-radius: 6px
}
.blocks-wrap .item-wrap .item-top {
 border-radius: 6px 6px 0 0;
 width: 280px;
 background: #ff8d17;
 font-family: 'FS-Bold', sans-serif; 
 font-size: 28px;
 color: #48304c;
 height: 118px;
 display: table-cell;
 vertical-align: middle
}
.blocks-wrap .item-wrap .item-bottom {
 border-radius: 0 0 6px 6px;
 padding-bottom: 20px;
 color: #48304c
}
.blocks-wrap .item-wrap .item-bottom .qty {
 font-family: 'FS-Bold', sans-serif;
 padding-top: 10px;
 font-size: 20px
}
.blocks-wrap .item-wrap .item-bottom .persons {
 font-size: 18px
}
.blocks-wrap .item-wrap .item-bottom .price {
 font-family: 'FS-Bold', sans-serif;
 font-size: 60px
}
.blocks-wrap .item-wrap .item-bottom a {
 display: block;
 width: 235px;
 height: 66px;
 margin: 0 auto;
 background: url('img/order-button.png') 0 0 no-repeat
}
.blocks-wrap .item-wrap .item-mid .item-c-wrap {
 padding: 10px 24px;
 border-bottom: #e7e7e9 1px solid
}
.blocks-wrap .item-wrap .item-mid .item-c-wrap.last {
 border: 0 none
}
.blocks-wrap .item-wrap .item-mid .item .ll {
 display: table-cell;
 padding-right: 10px;
 width: 216px;
 text-align: left;
 font-size: 18px
}
.blocks-wrap .item-wrap .item-mid .item .ll.g {
 color: #a7a7a7
}
.blocks-wrap .item-wrap .item-mid .item .lra,
.blocks-wrap .item-wrap .item-mid .item .lrd {
 display: table-cell;
 width: 38px
}
.blocks-wrap .item-wrap .item-mid .item .lra {
 background: url('img/markers.png') 0 center no-repeat
}
.blocks-wrap .item-wrap .item-mid .item .lrd {
 background: url('img/markers.png') -45px center no-repeat
}


/*.blocks-wrap .item-wrap {*/



.block {
 width: 220px;
 float: left;
 border-radius: 5px;
 background: #fff;
 margin-right: 20px;
 padding-top: 10px;
 padding-bottom: 10px
}
.bottom-block {
 max-width: 460px;
 border-radius: 5px;
 background: #fff;
 padding-top: 10px;
 padding-bottom: 10px;
 margin: 20px auto 0;
 cursor: pointer
}
.bottom-block .head {
 background: #3d2341;
 color: #fff;
 text-align: center;
 margin-top: 10px;
 line-height: 24px;
 text-transform: uppercase;
 padding-top: 10px;
 padding-bottom: 10px
}
.bottom-block .head span {
 color: #ff8d17
}
.bottom-block p {
 font-size: 18px;
 font-family: 'FS-Bold', sans-serif
}
.bottom-block p.bn {
 text-align: center;
 font-size: 26px;
 line-height: 30px;
 margin-top: 10px;
 margin-bottom: 10px
}
.block.last {
 margin-right: 0
}
.block .button-yellow,
.block .button-brown {
 font-size: 18px;
 line-height: 20px;
 margin-left: 20px;
 margin-right: 20px;
 border-radius: 0;
 display: block;
 text-decoration: none
}
.block a.button-yellow {
 color: #3d2341
}
.block a.button-brown {
 color: #fff
}
.block .head {
 background: #3d2341;
 color: #fff;
 text-align: center;
 margin-top: 10px;
 line-height: 24px;
 text-transform: uppercase;
 padding-top: 10px;
 padding-bottom: 10px
}
.block .head span {
 display: block;
 color: #ff8d17
}
.block .content {
 width: 220px;
 height: 150px;
 font-family: 'FS-Bold', sans-serif;
 text-align: center;
 display: table-cell;
 vertical-align: middle;
 font-size: 18px
}
.block .content span {
 font-size: 36px;
 display: block
}
.block .content p {
 line-height: 24px
}
#section17 .l {
 font-size: 18px
}
.counter-wrap {
 max-width: 552px;
 margin: 40px auto 0
}
.counter-wrap .t {
 float: left;
 width: 184px;
 text-align: center;
 font-size: 48px;
 line-height: 50px;
 font-family: 'FS-Bold', sans-serif
}
.counter-wrap .t span {
 display: block;
 color: #ff8d17;
 font-size: 100px;
 line-height: 110px
}
#section18 {
 margin-top: 80px;
 background: #3d2341
}
#section18 .wrapper {
 position: relative
}
#mask {
 background-color: #000;
 display: none;
 left: 0;
 position: fixed;
 top: 0;
 z-index: 9000
}
#boxes {
 background: #fff5de;
 display: none;
 left: 50%;
 margin-left: -315px;
 position: fixed;
 top: 20%;
 width: 630px;
 z-index: 9001;
 border-radius: 10px;
 padding: 20px
}
.dialog {
 position: relative;
 padding: 30px;
 font-size: 18px;
 font-family: 'Arial' sans-serif;
 line-height: normal
}
#dialog-close {
 position: absolute;
 top: -16px;
 right: -20px;
 height: 40px;
 width: 40px;
 background: url('img/cross_close.png') 0 0 no-repeat;
 cursor: pointer
}
.flogo {
 height: 80px;
 background: url('img/form_logo.png') 0 0 no-repeat;
 padding-left: 90px;
 color: #5a3e1d;
 font-weight: bold;
 font-size: 22px;
 padding-top: 20px;
 line-height: 26px
}
#dialog-out input[type="text"] {
 background: url('img/input_text.png') 0 0 repeat;
 border: 0 none;
 color: #5a3e1d;
 font-size: 13px;
 height: 27px;
 margin-top: 10px;
 padding: 0 10px;
 width: 210px
}
#dialog-out span {
 display: inline-block;
 font-weight: bold;
 color: #ff6116;
 font-size: 20px;
 padding-top: 10px;
 padding-left: 10px
}
#dialog-out span.np {
 padding-left: 0
}
#dialog-out span.nps {
 padding: 0
}
#dialog-out u {
 display: block;
 color: grey;
 font-size: 12px;
 text-decoration: none
}
#dialog-out .s {
 display: none
}
#dialog-out input[type="button"] {
 background: url('img/sp_submit.png') center top no-repeat;
 border: medium none;
 color: #fff;
 font-size: 12px;
 height: 42px;
 margin: 0 auto;
 display: block;
 width: 191px;
 cursor: pointer
}
#dialog-out input[type="button"]:hover {
 background: url('img/sp_submit.png') center bottom no-repeat;
}


#faq .q,
#faq .a {
 padding: 34px;
 border: #ff8d17 1px solid;
 border-radius: 6px;
 margin-top: 20px
}
#faq .q {
 background: #ff8d17;
 color: #fff;
 font-family: 'FS-Bold',sans-serif
}
#faq .a .quote {
 margin-left: 70px;
 padding-left: 30px;
 background: url('img/vertical-line.png') left 0 repeat-y
}








@media screen and (max-width: 800px) {
 #boxes {
  left: 50%;
  margin-left: -200px;
  top: 20%;
  width: 400px
 }
}
@media screen and (max-width: 500px) {
 #boxes {
  left: 50%;
  margin-left: -110px;
  top: 20%;
  width: 230px;
  padding: 0;
  padding: 5px
 }
 #dialog-out .w {
  display: none
 }
 #dialog-out .s {
  display: block
 }
 #dialog-out input[type="button"] {
  margin-top: 10px
 }
}
@media screen and (max-width: 1148px) {
 .slides-control-wrap {
  position: absolute;
  bottom: -60px;
  width: 100%
 }
 .slider-arrows,
 .slider-arrow--right,
 .slider-arrow--left {
  position: static !important;
  left: auto !important;
  right: auto !important
 }
 .slider-arrows {
  width: auto;
  text-align: center;
  margin: 0 auto
 }
 .slider-arrow--right,
 .slider-arrow--left {
  display: inline-block
 }
 .slider-arrow--left {
  padding-right: 20px
 }
}
@media screen and (max-width: 580px) {
 .counter-wrap {
  width: 280px;
  margin: 0 auto
 }
 .counter-wrap .t {
  width: 92px;
  font-size: 20px
 }
 .counter-wrap .t span {
  font-size: 50px
 }
}
@media screen and (max-width: 500px) {
 td.text-cener {
  font-size: 14px
 }
 .go {
  font-size: 30px
 }
}
@media screen and (max-width: 1000px) {
 .grid .table,
 .grid .tr {
  display: block
 }
 .grid .td {
  display: block;
  width: auto;
  background: url('img/horizontal-line.png') 0 bottom repeat-x;
 }
 .grid .nowords {
  display: none
 }
 .grid .td div {
  padding: 10px
 }
 .grid  p br {
  display: none
 }
 #section5 .icons-wrapper div {
  float: none;
  margin: 0 auto 20px !important
 }
 #section14 .padding-left-40,
 #section14 .padding-right-40,
 #section9 .padding-left-40,
 #section10 .padding-left-40,
 #section9 .padding-right-40 {
  padding: 0;
  padding-left: 10px
 }
 #section14 .left-50,
 #section14 .right-50,
 #section9 .left-50,
 #section9 .right-50,
 #section10 .left-50,
 #section10 .right-50 {
  float: none;
  max-width: none
 }
 #section10 .right-50 {
  margin-top: 40px
 }
 #section10 .right-50 br {
  display: none
 }
 #section16 .hcl {
  clear: both
 }
 #section16 .r {
  width: 460px;
  margin: 0 auto 20px
 }
 #section16 .r .rs {
  margin-right: 0
 }
 .blocks-wrap {
  width: 655px;
  margin: 0 auto
 }
 .blocks-wrap .void {
  display: block
 }
 .item-wrap.second {
  margin-right: 0 !important
 }
 .item-wrap.last {
  float: none;
  margin: 0 auto !important
 }
}

@media screen and (max-width: 655px) {
 .blocks-wrap {
  width: 310px
 }
 .blocks-wrap .void {
  display: none
 }
 .blocks-wrap .item-wrap {
  float: none;
  margin: 20px auto 0 !important
 }
}


@media screen and (max-width: 460px) {
 #section16 .block {
  float: none;
  margin: 0 auto 20px
 }
 #section16 .r {
  width: 220px;
  margin: 0 auto
 }
}
@media screen and (max-width: 900px) {
 h1, h2 {
  font-size: 40px
 }
 .menu-wrap {
  position: static;
  padding-top: 0;
  height: auto;
  display: none
 }
 .t-menu {
  display: block
 }
 .menu-wrap a,
 .menu-wrap span {
  float: none;
  margin: 0;
  background: #3d2341;
  border-bottom: #fff 1px solid;
  padding-left: 20px
 }
 .menu-wrap a {
  border-top: #fff 1px solid
 }
 .menu-wrap a:hover,
 .menu-wrap span:hover {
  text-decoration: none;
  background: #6f4236
 }
 .call-order {
  position: static;
  margin-bottom: 10px
 }
 .table,
 .tr {
  display: block
 }
 .td {
  display: block;
  width: auto;
  padding: 10px;
  text-align: left
 }
 .go {
  background: url('img/horizontal-line.png') 0 bottom repeat-x;
 }
 p {
  padding-left: 10px;
  padding-right: 10px
 }
}
.fs-20 {
 font-size: 20px
}
.cv {
 color: #3d2341
}
#section17 img {
 width: 38%;
 display: block;
 margin: 60px auto 0;
 cursor: pointer
}
@media screen and (max-width: 600px) {
 #section17 img {
  width: 80%
 }
}

.cbw {
 margin-top: 20px;
 margin-bottom: 20px;
 color: grey;
 font-size: 12px
}
.cbw span {
 font-size: 12px !important;
 font-weight: normal !important;
 padding: 0 !important;
 cursor: pointer
}
.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
}