.loader,
.modal {
   z-index: 200001
}

.tab1,
table {
   border-collapse: collapse
}

#kmacb a,
a {
   text-decoration: none
}

.order-block:after,
q:after,
q:before {
   content: ''
}

*,
a:active,
a:hover {
   outline: 0
}

* {
   box-sizing: border-box
}

.padding {
   padding: 10px
}

.modal-show {
   overflow: hidden !important;
   position: relative;
   right: 8px
}

.modal,
pre,
textarea {
   overflow: auto
}

.margin-t-b {
   margin-top: 10px !important;
   margin-bottom: 10px !important
}

.margin-l {
   margin-left: 0 !important
}

.loader,
.modal {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAeSURBVHjaYmRgYNBmIAIwMRAJRhVSRyEAAAD//wMAVdAAP0SGoHgAAAAASUVORK5CYII=);
   background-repeat: repeat;
   width: 100%;
   height: 100%;
   position: fixed;
   display: none;
   left: 0;
   top: 0
}

.modal {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #000;
   text-align: justify
}

#wrapper,
.modal .content,
.order-block .text-box,
.order-block .text-holder,
.order-form,
svg:not(:root) {
   overflow: hidden
}

.modal .modal-top {
   top: 50%
}

.modal .modal-left {
   left: 50%
}

.modal-block,
.popup {
   position: relative;
   width: 600px;
   background: #f6f6f6;
   box-shadow: 2px 2px 10px rgba(0, 0, 0, .35);
   border: 1px solid #3A87AD
}

.modal-block .icon-close,
.popup .icon-close {
   position: absolute;
   right: 0;
   margin: 15px 20px;
   z-index: 1000
}

.modal-block .title,
.popup .title {
   background: #4D83C0;
   text-align: center;
   line-height: 26px;
   text-shadow: 1px 1px 0 #3A87AD;
   border-bottom: 1px solid #3A87AD;
   padding: 0 30px;
   font-size: 18px;
   color: #FFF;
   margin-top: 20px
}

.modal.error .title {
   background: red;
   text-shadow: 1px 1px 0 #E30000;
   border-bottom: 1px solid #E30000
}

.modal.error .modal-block {
   border: 1px solid #E30000
}

.modal.complete .title {
   background: #5BB75B;
   text-shadow: 1px 1px 0 #50A150;
   border-bottom: 1px solid #50A150
}

.modal.complete .modal-block {
   border: 1px solid #50A150
}

.icon-close {
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAlCAYAAABPsblCAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAE2SURBVHjanNPNSkNBDAXg01sYkC60m6Ir9xYURNcuWxHf/wnyHHHRpKRz8zNjIKs2HzOTc8HMkNoD2GCuFgAPAACBHgH8APiYwBYAnzJ3UOgI4Fd6BFNEZ15grvY6iPXI0V5tFPMRB8qwGAkgD9umSAL12ClFCqjHYqSA+jfJtxlAPfJVYg4UbSePRgctxXZizEBLueIME2gUiTGB3icQD3tTaA/gewKx2BnAvX2jHf5Xu5Fkj5dCRMTycc5UIyImogtERMzMPIm1mzkLTWBtNSPQDLZCrlfTHsBWiB6khzLMRbRv1p+c7C5F+hxlJ0uRKJAeZh92hRTJbh4EYOvOBFDLruZGw4HcnJRYB4UrLjEDpTkpMYHayIpTzAugm5MKU0g7QzxM2w49yY+Xj7Ao879nIsLfAI7+/zeB1j7HAAAAAElFTkSuQmCC) no-repeat;
   width: 20px;
   height: 19px;
   cursor: pointer
}

.icon-close:hover {
   background-position: 0 -19px
}

.modal p {
   font-weight: 400;
   width: auto
}

.modal .content {
   background: #f6f6f6;
   width: auto;
   margin: 0;
   box-shadow: none
}

@media screen and (max-width:540px) {

   .modal-block,
   .popup {
      width: 380px
   }

   .modal-block .title,
   .popup .title {
      padding: 0 30px;
      line-height: 39px
   }
}

@media screen and (max-width:405px) {

   .modal-block,
   .popup {
      width: 300px
   }

   .modal-block .title,
   .popup .title {
      padding: 0
   }
}

#kmacb {
   position: fixed;
   background-color: transparent;
   width: 160px;
   height: 160px;
   z-index: 200000 !important;
   -webkit-backface-visibility: hidden;
   -webkit-transform: translateZ(0);
   transition: visibility .5s;
   right: 15px;
   bottom: 15px
}

#kmacb .kmacb-img-circle {
   width: 80px;
   height: 80px;
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAA8CAMAAADIULPRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABs1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAAAPKcAvAAAAj3RSTlMATksXN+N4FifeiTABxPV+DCj9xy2kSQnl1y8iwA13/qruG/yN5hx6ZGq8WPAm9CmU+lAYtVQLTb1jBDGzhQW6q09EHhLqDhP52a4CYM/yD8o5bgPYHxH4nsapQge4V4ZzPAjtJMzCOBCvnzZVpyHzQ4Ta36xBuetRmI6jBoPxYXvTLHXvmYvbgJfWvoc0GTlTyOIAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAB8UlEQVRIx43W91cTQRAH8AWResRwQCAGjKGEmkRQQDkMVhIQC4QWCMUAErtYqEoNCqLsv8yDl3e7e3uzk+9vd/d58+Z2Zy8hBE5O7hWSXfIopVfzC7KhhfQyRcUlKNVKaSaOa07ElunUTHmF2lZSLkUuFa2q5i11X1dYDxVTUwvbGxbrvQlbH7WmDlzcesk2QNYlUdroB2yTbOubAdsiW9oK2DYb267Z24Au22DI3mq3ZNvRCTRx+46Mu6BV6+65a7X34K3rNfpEe58oEjb6+XdsI8o4HzCqP1RbYnB1HyGWcPYxQp88NalvALGRqGkHsRYCrIWhZ4gd9pp2GKv73KQvuhH6kp27V1jZEdbuKEJjY+wI+RE7zsahFGthiLXQjNAJRicRqrUyO6WpbYhRRwSpG2d2GqEz3Dh61DThYHTWMja1c/MLr5NsGxa507Mk0sLli7tvVlKZ67dcB+9E+j6Yue/+EL5Yro8cdSQE+ukze1Te9aWlkf8urAo0+ZXC+dYr2O8KSssE+kNF18TdVdF1cQ2mVFYc8ZAXlvqGWHZTUXXLsvEK2meZAyMK0u2flrJO0DbJZ+GXvdzZtRnU2J7P5tds/wCY68O0lR6lAEo0z+8d5ib/HIN/Fi4TCZzEo2m6/vf033+SRQbOwv6Y4vk50nYdHuLvx/IAAAAASUVORK5CYII=) center center no-repeat #5aaade;
   position: absolute;
   top: 40px;
   left: 40px;
   border-radius: 100%;
   border: 2px solid transparent;
   opacity: .8;
   -webkit-animation: kmacb-circle-img-anim 1s infinite ease-in-out;
   animation: kmacb-circle-img-anim 1s infinite ease-in-out;
   -webkit-transform-origin: 50% 50%;
   transform-origin: 50% 50%
}

#kmacb .kmacb-circle-fill {
   opacity: .24;
   -webkit-animation: kmacb-circle-fill-anim 2.3s infinite ease-in-out !important;
   animation: kmacb-circle-fill-anim 2.3s infinite ease-in-out !important;
   background: #5aaade;
   width: 110px;
   height: 110px;
   top: 25px;
   left: 25px;
   position: absolute;
   border-radius: 100%;
   border: 2px solid transparent
}

#kmacb .kmacb-circle {
   opacity: .35;
   -webkit-animation: kmacb-circle-anim 2.2s infinite ease-in-out !important;
   animation: kmacb-circle-anim 2.2s infinite ease-in-out !important;
   width: 100%;
   height: 100%;
   position: absolute;
   background-color: transparent;
   border-radius: 100%;
   border: 2px solid #5aaade
}

#kmacb:hover .kmacb-circle-fill,
#kmacb:hover .kmacb-img-circle {
   background-color: #72d582
}

#kmacb:hover .kmacb-circle {
   border-color: #72d582
}

#kmacb:hover .kmacb-img-circle {
   -webkit-animation: kmacb-circle-img-anim-hover 1s infinite ease-in-out;
   animation: kmacb-circle-img-anim-hover 1s infinite ease-in-out
}

@-webkit-keyframes kmacb-circle-anim {
   0% {
      -webkit-transform: rotate(0) scale(.5) skew(1deg);
      -webkit-opacity: .1
   }

   30% {
      -webkit-transform: rotate(0) scale(.7) skew(1deg);
      -webkit-opacity: .5
   }

   100% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
      -webkit-opacity: .1
   }
}

@keyframes kmacb-circle-anim {
   0% {
      -webkit-transform: rotate(0) scale(.5) skew(1deg);
      transform: rotate(0) scale(.5) skew(1deg);
      opacity: .1
   }

   30% {
      -webkit-transform: rotate(0) scale(.7) skew(1deg);
      transform: rotate(0) scale(.7) skew(1deg);
      opacity: .5
   }

   100% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
      transform: rotate(0) scale(1) skew(1deg);
      opacity: .1
   }
}

@-webkit-keyframes kmacb-circle-fill-anim {

   0%,
   100% {
      -webkit-transform: rotate(0) scale(.7) skew(1deg);
      opacity: .2
   }

   50% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
      opacity: .2
   }
}

@keyframes kmacb-circle-fill-anim {

   0%,
   100% {
      -webkit-transform: rotate(0) scale(.7) skew(1deg);
      transform: rotate(0) scale(.7) skew(1deg);
      opacity: .2
   }

   50% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
      transform: rotate(0) scale(1) skew(1deg);
      opacity: .2
   }
}

@keyframes kmacb-circle-img-anim {

   0%,
   100%,
   50% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
      transform: rotate(0) scale(1) skew(1deg)
   }

   10%,
   30% {
      -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
      transform: rotate(-25deg) scale(1) skew(1deg)
   }

   20%,
   40% {
      -webkit-transform: rotate(25deg) scale(1) skew(1deg);
      transform: rotate(25deg) scale(1) skew(1deg)
   }
}

@-webkit-keyframes kmacb-circle-img-anim {

   0%,
   100%,
   50% {
      -webkit-transform: rotate(0) scale(1) skew(1deg)
   }

   10%,
   30% {
      -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
   }

   20%,
   40% {
      -webkit-transform: rotate(25deg) scale(1) skew(1deg)
   }
}

@keyframes kmacb-circle-img-anim-hover {

   0%,
   100%,
   50% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
      transform: rotate(0) scale(1) skew(1deg)
   }

   10%,
   30% {
      -webkit-transform: rotate(-35deg) scale(1) skew(1deg);
      transform: rotate(-35deg) scale(1) skew(1deg)
   }

   20%,
   40% {
      -webkit-transform: rotate(35deg) scale(1) skew(1deg);
      transform: rotate(35deg) scale(1) skew(1deg)
   }
}

@-webkit-keyframes kmacb-circle-img-anim-hover {

   0%,
   100%,
   50% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
      transform: rotate(0) scale(1) skew(1deg)
   }

   10%,
   30% {
      -webkit-transform: rotate(-35deg) scale(1) skew(1deg);
      transform: rotate(-35deg) scale(1) skew(1deg)
   }

   20%,
   40% {
      -webkit-transform: rotate(35deg) scale(1) skew(1deg);
      transform: rotate(35deg) scale(1) skew(1deg)
   }
}

#kmacb-form .modal-block,
#ouibounce-modal .popup {
   border: none;
   box-shadow: none;
   font-family: Arial;
   border-radius: 10px;
   overflow: hidden;
   color: #222;
   line-height: 1.5 !important;
   width: 570px
}

#kmacb-form .modal-block .title,
#ouibounce-modal .title {
   background: 0 0;
   text-shadow: none;
   color: #222;
   font-weight: 700;
   font-size: 22px;
   border-bottom: none;
   text-transform: none
}

#kmacb-form .modal-block .icon-close {
   margin: 20px;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAlCAYAAABPsblCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJBQUUwNEY0RDJGQTExRTRCOTcxRkUwREM4QjIzQjUyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJBQUUwNEY1RDJGQTExRTRCOTcxRkUwREM4QjIzQjUyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkFBRTA0RjJEMkZBMTFFNEI5NzFGRTBEQzhCMjNCNTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkFBRTA0RjNEMkZBMTFFNEI5NzFGRTBEQzhCMjNCNTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4O6hRpAAABc0lEQVR42qSWTUvEMBCGm1HsqggWpURs9eLZg9701/sXFtaju3oopZfCguAX1ElNINtNJjPrwNum+XiYZt6GwjAMmY0CpTJZAOrUNUxo1APqXgADO/8RVTrQmR24YMIcRNv2uQMtUK+2nYL5EBMvqGfwJswZsBBk4e8RBxaFhEAx2B4FMaFM+ZUKbsct6tq2v1AHMUgso1BmJCQFMmP5pO8wVk1glnidsgYwffKUsgZwfZLyGTAhSZ+BAELCnI/u8OGSAYn57M1ltET9CCB+Zt+oVeYdbMfZbvG3zgP9K/bNpaqqkdn3/awoik/u4q7rjsqyfDeb7fZoTAshHwjLhZBx/ZazObAJZMOQigsLQfxXY8FikNC3FoVRkNjXvwVr2/aEglDn0cYkrfWaGk+dkErSD1SJQ/2xaoKgxKQ1gOuTFAwEEBIGkkwo2HhC5nnOgfgxTAowG0F1XQ8CSBAGAv9kHGerpmmudviHNOtuzP1XgAEAeVu1MBSM7t8AAAAASUVORK5CYII=)
}

#kmacb-form .modal-block .padding,
#ouibounce-modal .padding {
   padding: 20px 10px 10px
}

#kmacb-form .modal-block p,
#ouibounce-modal .popup p {
   font-size: 13px;
   text-align: center;
   font-weight: 100;
   color: #666
}

#kmacb-form .modal-block .bold,
#ouibounce-modal .popup .bold {
   font-weight: 700
}

#kmacb-form form,
#ouibounce-modal form {
   margin: 10px 0;
   text-align: center;
   width: 100%;
   height: auto;
   background: 0 0;
   position: static;
   padding: 0;
   border: none
}

#kmacb-form form input[type=text],
#ouibounce-modal form input[type=text] {
   height: 36px;
   line-height: 36px;
   color: #222;
   border: 1px solid #aaa;
   padding: 0 10px;
   width: 200px;
   display: inline-block;
   text-indent: 0;
   margin-bottom: 10px;
   border-radius: 3px;
   background: #FFF;
   font-size: 14px;
   font-style: normal
}

#kmacb-form form ::-webkit-input-placeholder {
   color: #888
}

#kmacb-form form ::-moz-placeholder {
   color: #888
}

#kmacb-form form :-moz-placeholder {
   color: #888
}

#kmacb-form form :-ms-input-placeholder {
   color: #888
}

#kmacb-form form input[name=name],
#ouibounce-modal form input[name=name] {
   padding-right: 10px
}

#kmacb-form form input[type=submit],
#ouibounce-modal form input[type=submit] {
   position: static;
   cursor: pointer;
   border: none;
   background: #c4191c;
   padding: 0 25px;
   color: #FFF;
   text-transform: uppercase;
   line-height: 38px;
   height: 38px;
   vertical-align: top;
   margin: 0;
   display: inline-block;
   text-indent: 0;
   text-align: center !important;
   border-radius: 3px;
   font-style: normal;
   font-size: 14px
}

#kmacb-form form input[type=submit]:hover,
#ouibounce-modal form input[type=submit]:hover {
   background: #DD070B;
   text-decoration: none
}

#ouibounce-modal {
   font-family: "Open Sans", sans-serif;
   height: 100%;
   left: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 9999
}

#ouibounce-modal .underlay {
   -webkit-animation: .5s ease 0s normal none 1 running fadein;
   animation: .5s ease 0s normal none 1 running fadein;
   background: 0 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%
}

#ouibounce-modal .modal {
   -webkit-animation: .3s ease 0s normal none 1 running popin;
   animation: .3s ease 0s normal none 1 running popin;
   background-color: #f0f1f2;
   border-radius: 4px;
   bottom: 0;
   height: 400px;
   left: 0;
   margin: auto;
   position: absolute;
   right: 0;
   top: 0;
   width: 600px;
   z-index: 1
}

.over-window {
   border: 0;
   cursor: default;
   left: 50%;
   margin: 0 0 0 -300px;
   position: fixed;
   top: 10%;
   width: 600px;
   z-index: 9999
}

.form2 {
   float: right;
   text-align: left;
   width: 280px
}

.form3,
.popup_title p,
.ttt {
   text-align: center
}

.form3 {
   float: left;
   width: 290px
}

.input_form2 {
   height: auto;
   margin-left: 41px;
   margin-top: 5px;
   width: 270px
}

.popup2 {
   background: #f9f9f9;
   float: left;
   position: relative;
   width: 340px
}

.ttt {
   font-family: verdana;
   font-size: 13px;
   margin-left: 15px;
   width: 90%
}

.popup .krestik {
   cursor: pointer;
   position: absolute;
   right: -25px;
   top: -25px
}

.popup_title {
   float: left;
   height: auto;
   width: 100%
}

.popup_title p {
   color: #444;
   font-family: PT_Sans-Web-Bold;
   font-size: 14px;
   font-weight: 300;
   margin-top: 25px
}

.order {
   color: #c00;
   cursor: pointer;
   font: 900 19px/25px sans-serif;
   padding: 10px 30px
}

.input_form22 input {
   background: #fff;
   border: 1px solid #869147;
   border-radius: 3px;
   color: #333;
   font: 17px/25px Arial, sans-serif;
   padding: 5px 45px 5px 10px;
   text-shadow: 1px 1px #fff
}

.tab1 td,
.tab1 th {
   border: 1px solid #fff;
   text-align: center
}

.tab1 th {
   font-size: 25px;
   height: 50px
}

.tab1 td {
   color: #fff;
   padding: 20px 5px
}

body {
   font: 17px/25px Georgia, "Times New Roman", Times, serif
}

a {
   color: #a82720
}

a:hover {
   text-decoration: underline
}

input,
select,
textarea {
   vertical-align: middle;
   outline: 0
}

fieldset,
form {
   margin: 0;
   padding: 0;
   border-style: none
}

q {
   quotes: none
}

#wrapper {
   width: 100%;
   padding: 50px 0
}

.order-block {
   width: 400px;
   height: 680px;
   margin: 0 auto;
   padding: 68px 23px 0;
   position: relative;
   text-align: center;
   font-size: 20px;
   line-height: 30px;
   color: #d5e5eb
}

.order-block:after {
   display: block;
   clear: both
}

.decoration {
   width: 24px;
   height: 32px;
   position: absolute;
   left: -23px;
   top: 336px
}

.block1__top-sale,
.wrapper,
.wrapper-hidden,
sub,
sup {
   position: relative
}

.order-block .text-holder {
   padding: 0 0 21px
}

.order-block h2 {
   font: 35px/35px Lobster, Arial, Helvetica, sans-serif;
   margin: 0 0 59px;
   color: #fff
}

.order-block h2 span {
   display: block;
   font-size: 45px;
   line-height: 45px;
   color: #fcca49;
   margin: 0 0 -2px
}

.order-block p {
   margin: 0 0 18px
}

.order-block .text-box {
   font-size: 20px;
   line-height: 30px;
   color: #1f242a;
   padding: 30px 0 0
}

.order-block .text-box h2 {
   font-size: 35px;
   line-height: 40px;
   color: #1f242a;
   margin: 0 0 32px
}

.order-block .text-box h2 span {
   font-size: 45px;
   line-height: 45px;
   color: #ae1d1d;
   display: block;
   margin: -6px 0 0
}

.order-form .text {
   background: url(../img/bg-order-page-text.png) no-repeat;
   width: 253px;
   height: 42px;
   float: left
}

.order-block .text-box p {
   margin: 0 0 18px
}

.order-form .text input[type=text] {
   background: 0 0;
   border: none;
   width: 227px;
   height: 20px;
   float: left;
   font-size: 16px;
   line-height: 40px;
   color: #726033;
   padding: 10px 13px 12px
}

.btn-save {
   border: none;
   background: url(../img/order-page-btn-save.png) no-repeat;
   width: 129px;
   height: 40px;
   font: 20px/40px "Roboto Condensed", Arial, Helvetica, sans-serif;
   text-transform: uppercase;
   color: #fff;
   float: right;
   padding: 0 0 2px;
   margin: 0;
   cursor: pointer
}

img,
legend {
   border: 0
}

legend,
ol,
td,
th,
ul {
   padding: 0
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
   font-family: sans-serif;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%
}

body {
   margin: 0;
   min-width: 1000px;
   background: url(../img/img1.0.1.png) center 0 repeat-x #3a1a2d;
   color: #2c4341
}
.wrapper-hidden1 {
   background: url(../img/img1.0.1.png) center 0 repeat-x #3a1a2d;
}
article,
aside,
details,
div.section,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
summary {
   display: block
}

audio,
canvas,
progress,
video {
   display: inline-block;
   vertical-align: baseline
}

audio:not([controls]) {
   display: none;
   height: 0
}

[hidden],
template {
   display: none
}

a {
   background-color: transparent
}

abbr[title] {
   border-bottom: 1px dotted
}

b,
optgroup,
strong {
   font-weight: 700
}

dfn {
   font-style: italic
}

h1 {
   font-size: 2em;
   margin: .67em 0
}

mark {
   background: #ff0;
   color: #000
}

small {
   font-size: 80%
}

sub,
sup {
   font-size: 75%;
   line-height: 0;
   vertical-align: baseline
}

sup {
   top: -.5em
}

sub {
   bottom: -.25em
}

figure {
   margin: 1em 40px
}

hr {
   box-sizing: content-box;
   height: 0
}

code,
kbd,
pre,
samp {
   font-family: monospace, monospace;
   font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
   color: inherit;
   font: inherit;
   margin: 0
}

button {
   overflow: visible
}

button,
select {
   text-transform: none
}

.block10-delivery,
.block10__sale,
.block1__top,
.block2__list ul li .list__title,
.block7__btn,
.block__timer-text,
.form-horizontal .row .label {
   text-transform: uppercase
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
   -webkit-appearance: button;
   cursor: pointer
}

button[disabled],
html input[disabled] {
   cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
   border: 0;
   padding: 0
}

input {
   line-height: normal
}

input[type=checkbox],
input[type=radio] {
   box-sizing: border-box;
   padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   height: auto
}

input[type=search] {
   -webkit-appearance: textfield;
   box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
   -webkit-appearance: none
}

fieldset {
   border: 1px solid silver;
   margin: 0 2px;
   padding: .35em .625em .75em
}

table {
   border-spacing: 0
}

.wrapper-hidden {
   overflow: hidden;
   width: 100%;
   height: 100%
}

.wrapper {
   z-index: 2;
   margin: 0 auto;
   width: 1000px
}

ol,
ul {
   margin: 0 0 10px 25px
}

ol ol,
ol ul,
ul ol,
ul ul {
   margin-bottom: 0
}

li {
   line-height: 20px
}

ol.inline,
ol.unstyled,
ul.inline,
ul.unstyled {
   margin-left: 0;
   list-style: none
}

ol.inline>li,
ul.inline>li {
   display: inline-block;
   padding-right: 5px;
   padding-left: 5px
}

.clearfix:after,
.clearfix:before {
   display: table;
   content: " "
}

.block1__top-sale::before,
.block2__top .wrapper::before,
.block4 ul li::before {
   content: ''
}

.clearfix:after {
   clear: both
}

ul.list-inline {
   text-align: justify;
   line-height: 0;
   font-size: 1px;
   text-justify: newspaper
}

ul.list-inline li {
   text-align: center;
   box-sizing: border-box;
   vertical-align: top
}

ul.list-inline li.helper {
   padding: 0;
   margin: 0;
   width: 100%;
   height: 0;
   visibility: hidden;
   overflow: hidden
}

.fancybox-overlay,
.fancybox-wrap {
   z-index: 1000
}

.block__timer {
   text-align: center;
   vertical-align: top
}

.block__timer .landing__countdown {
   display: block;
   width: 215px;
   margin: 17px auto;
   padding: 0;
   height: 42px
}

.block__timer .landing__countdown span {
   font: 700 26px/40px 'Roboto Condensed', sans-serif;
   color: #411c32;
   display: inline-block;
   width: 61px;
   background: url(../img/img1.6.png) no-repeat;
   height: 42px;
   margin: 0 5px;
   text-align: center;
   letter-spacing: 20px;
   padding-left: 8px
}

.countdown__entities {
   display: none
}

.block1 .wrapper {
   background: url(../img/img1.0.png) center bottom no-repeat
}

.block1__top {
   font: 400 23px/50px 'Roboto Condensed', sans-serif;
   color: #FFf
}

.block1__top .lastpack {
   color: #ffcc19
}

.block1__top-sale {
   font: 400 30px/40px Lobster;
   width: 106px;
   text-align: center;
   display: inline-block;
   vertical-align: middle
}

.block1__top-sale::before {
   position: absolute;
   background: url(../img/img1.1.png) no-repeat;
   width: 106px;
   height: 100px;
   left: 0;
   top: -37px;
   z-index: -1
}

.block1__top-action {
   text-align: center;
   color: #ffcc19;
   position: relative;
   font: 400 23px/50px 'Roboto Condensed', sans-serif;
}

.block1__body {
   position: relative;
   padding-bottom: 120px
}

.block1__left {
   width: 350px;
   display: inline-block;
   padding: 40px 0 0
}

.block1__right {
   width: 32.5%;
   float: right;
   position: relative;
   text-align: center;
   overflow: hidden;
   margin-top: -50px
}

.block-action {
   height: 222px;
   background: #b7064d;
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px
}

.block1__title {
   padding: 50px 0 30px;
   font: 400 44px/45px Lobster;
   color: #ffcc19
}

.block1__sub {
   width: 325px;
   font: 300 24px/35px 'Roboto Condensed', sans-serif;
   color: #FFf
}

.block1__price {
   font: 400 30px/53px Lobster;
   color: #b7064d;
   background: url(../img/img1.4.png) center 0 no-repeat;
   height: 66px
}

.block1__price span {
   width: 40%;
   display: inline-block;
   vertical-align: top;
   text-align: center
}

.block1__price .oldprice {
   text-decoration: line-through
}

.block__timer-text {
   color: #FFf;
   font: 300 14px/35px 'Roboto Condensed', sans-serif;
}

.block1__right ul {
   margin: 70px 0 0;
   padding: 0
}

.block1__right ul li {
   font: 300 18px/22px 'Roboto Condensed', sans-serif;
   color: #FFf;
   padding: 5px 0 5px 55px;
   text-align: left;
   background: url(../img/img1.7.png) left center no-repeat
}

.block3__list ul,
.block3__title,
.block4__title,
.block5__title,
.block6 ul,
.block6__title {
   text-align: center
}

#ImageBeforeAfter {
   position: absolute;
   bottom: 0;
   left: 277px
}

#ImageBeforeAfter img {
   bottom: 0;
   position: absolute;
   left: 0;
   transition: opacity 1s ease-in-out
}

@-webkit-keyframes cf3FadeInOut {

   0%,
   45% {
      opacity: 1
   }

   100%,
   55% {
      opacity: 0
   }
}

@keyframes cf3FadeInOut {

   0%,
   45% {
      opacity: 1
   }

   100%,
   55% {
      opacity: 0
   }
}

@-webkit-keyframes cf3FadeInOutBottom {

   0%,
   45% {
      opacity: 0
   }

   100%,
   55% {
      opacity: 1
   }
}

@keyframes cf3FadeInOutBottom {

   0%,
   45% {
      opacity: 0
   }

   100%,
   55% {
      opacity: 1
   }
}

#ImageBeforeAfter img.top {
   -moz-animation-name: cf3FadeInOut;
   -moz-animation-timing-function: cubic-bezier(.55, .085, .68, .53);
   -moz-animation-iteration-count: infinite;
   -moz-animation-duration: 8s;
   -moz-animation-direction: alternate;
   -o-animation-name: cf3FadeInOut;
   -o-animation-timing-function: cubic-bezier(.55, .085, .68, .53);
   -o-animation-iteration-count: infinite;
   -o-animation-duration: 8s;
   -o-animation-direction: alternate;
   -webkit-animation-name: cf3FadeInOut;
   animation-name: cf3FadeInOut;
   -webkit-animation-timing-function: cubic-bezier(.55, .085, .68, .53);
   animation-timing-function: cubic-bezier(.55, .085, .68, .53);
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-duration: 8s;
   animation-duration: 8s;
   -webkit-animation-direction: alternate;
   animation-direction: alternate
}

#ImageBeforeAfter img.bottom {
   -moz-animation-name: cf3FadeInOutBottom;
   -moz-animation-timing-function: cubic-bezier(.55, .085, .68, .53);
   -moz-animation-iteration-count: infinite;
   -moz-animation-duration: 8s;
   -moz-animation-direction: alternate;
   -o-animation-name: cf3FadeInOutBottom;
   -o-animation-timing-function: cubic-bezier(.55, .085, .68, .53);
   -o-animation-iteration-count: infinite;
   -o-animation-duration: 8s;
   -o-animation-direction: alternate;
   -webkit-animation-name: cf3FadeInOutBottom;
   animation-name: cf3FadeInOutBottom;
   -webkit-animation-timing-function: cubic-bezier(.55, .085, .68, .53);
   animation-timing-function: cubic-bezier(.55, .085, .68, .53);
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-duration: 8s;
   animation-duration: 8s;
   -webkit-animation-direction: alternate;
   animation-direction: alternate
}

.block2 {
   font: 300 20px/28px 'Roboto Condensed', sans-serif;
   color: #FFf;
   height: 400px
}

.block2 .wrapper-hidden {
   padding-top: 18px;
   margin-top: -18px
}

.block2__top {
   background: #b7064d;
   position: relative
}

.block2__top .wrapper {
   padding: 25px 0 35px 215px;
   height: 255px;
   background: url(../img/img2.0.png) center 0 no-repeat;
   font-size: 19px;
   line-height: 25px;
}

.block2__top .wrapper::before {
   position: absolute;
   background: url(../img/product.png) no-repeat;
   width: 180px;
   height: 399px;
   left: -10px;
   top: -23px
}

.block2__bottom {
   background: #612549
}

.block2__title {
   font: 400 31px/30px Lobster;
   color: #ffce22;
   padding-left: 215px;
   padding: 15px 0 15px 215px;
}

.block2__list {
   padding: 70px 0 30px 400px;
   background: url(../img/img2.2.png) 85px 70px no-repeat
}

.block2__list ul li {
   line-height: 30px;
   width: 600px
}

.block2__list ul li+li {
   margin-top: 40px
}

.block2__list ul li .list__title {
   color: #ffce22;
   font: 300 22px/30px 'Roboto Condensed', sans-serif;
}

.block3 .wrapper {
   background: url(../img/img3.0.png) center center no-repeat
}

.block3__title {
   font: 400 40px/40px Lobster;
   color: #ffce22;
   padding: 40px 0 10px
}

.block3__list ul li {
   vertical-align: top;
   color: #FFf;
   width: 328px;
   text-align: center;
   font: 300 20px/30px 'Roboto Condensed', sans-serif;
   padding-top: 200px;
   margin-bottom: 15px
}

.block3__list ul li .block3__list_title {
   text-transform: uppercase;
   color: #ffce22;
   font: 400 22px/30px 'Roboto Condensed', sans-serif;
}

.block3__list .item1 {
   background: url(../img/img3.1.png) center 0 no-repeat
}

.block3__list .item2 {
   background: url(../img/img3.2.png) center 0 no-repeat
}

.block3__list .item3 {
   background: url(../img/img3.3.png) center 0 no-repeat
}

.block3__list .item4 {
   background: url(../img/img3.4.png) center 0 no-repeat
}

.block3__list .item5 {
   background: url(../img/img3.5.png) center 0 no-repeat
}

.block4 {
   background: #ffce22;
   height: 570px
}

.block4 .wrapper {
   height: 428px
}

.block4__title {
   font: 400 40px/40px Lobster;
   color: #3a1a2d;
   padding: 40px 0
}

.block4 ul li {
   padding: 40px 35px 0;
   vertical-align: top;
   width: 330px;
   position: relative;
   height: 446px;
   color: #3a1a2d;
   font: 300 18px/22px 'Roboto Condensed', sans-serif;
}

.block4 ul li::before {
   position: absolute;
   background: url(../img/img3.6.png) no-repeat;
   width: 346px;
   height: 445px;
   left: -8px;
   top: 0;
   z-index: -1
}

.block4__top {
   height: 288px
}

.block4__bottom img {
   float: left
}

.block4__bottom_name {
   margin-left: 100px;
   color: #bc0831
}

.block5 {
   margin-top: -142px;
   padding-top: 190px;
   background: url(../img/img4.0.png) center bottom no-repeat #3a1a2d
}

.block5__title {
   font: 400 40px/40px Lobster;
   color: #ffce22;
   padding: 0 0 40px
}

.block5 img {
   float: left;
   position: absolute;
   bottom: 0
}

.block5__wrap {
   margin-left: 345px;
   background: #612549;
   border-radius: 20px 20px 0 0;
   font: 300 20px/27px 'Roboto Condensed', sans-serif;
   padding: 15px 15px 14px;
   color: #FFf;
   position: relative
}

.block5__wrap::before,
.block7 .wrapper-hidden::before {
   position: absolute;
   content: ''
}

.block5__wrap::before {
   background: url(../img/img4.1.png) no-repeat;
   width: 50px;
   height: 33px;
   left: -25px;
   top: 110px
}

.block5__name {
   color: #ffce22;
   padding: 40px 0 14px
}

.block6 {
   background: #fff
}

.block6 .wrapper {
   padding: 40px 0
}

.block6__title {
   font: 400 40px/40px Lobster;
   color: #612549;
   padding: 0 0 40px
}

.block6 ul li,
.block7__delivery {
   font: 300 20px/30px 'Roboto Condensed', sans-serif;
}

.block6 ul li {
   color: #b7064d;
   vertical-align: top;
   width: 305px
}
.block6 ul li img {
   height: 137px;
   display: block;
   margin: 0 auto 10px;
}
.block7 {
   height: 580px
}

.block7 .wrapper-hidden {
   padding-top: 40px;
   margin-top: -40px;
   height: 590px
}

.block7 .wrapper-hidden::before {
   left: 0;
   top: 40px;
   width: 100%;
   height: 380px;
   background: #612549
}

.block7__delivery {
   color: #FFf;
   padding-right: 318px;
   position: relative
}

.block7__delivery::before {
   content: '';
   position: absolute;
   background: url(../img/img6.3.png) no-repeat;
   width: 372px;
   height: 347px;
   right: -70px;
   top: -40px
}

.block7__delivery_title {
   font: 400 40px/40px Lobster;
   color: #ffce22;
   text-align: left;
   padding: 30px 0 20px
}

.block7__warning_title {
   font: 400 37px/40px Lobster;
   color: #b50d72;
   text-align: left;
   padding: 0 0 30px
}

.block10-btn,
.block10__count,
.block10__price,
.block7__btn,
.block8 ul,
.block8 ul li {
   text-align: center
}

.block7__warning {
   position: relative;
   width: 655px;
   height: 290px;
   padding: 20px 225px 20px 20px;
   background: #ffce22;
   color: #612549;
   margin: 40px 0 0;
   border-radius: 20px;
   font: 300 20px/30px 'Roboto Condensed', sans-serif;
}

.block7__warning::before {
   content: '';
   position: absolute;
   background: url(../img/img6.1.png) no-repeat;
   width: 166px;
   height: 223px;
   right: 15px;
   top: -15px
}

.block7__btn {
   position: absolute;
   right: 15px;
   bottom: 15px;
   color: #FFf;
   background: url(../img/img6.2.png) no-repeat;
   width: 167px;
   height: 50px;
   font: 400 18px/50px 'Roboto Condensed', sans-serif;
   text-decoration: none
}

.block8__title {
   font: 400 40px/40px Lobster;
   color: #ffce22;
   padding: 30px 0;
   text-align: center;
}

.block8 ul li {
   width: 325px;
   color: #FFf;
   font: 300 18px/20px 'Roboto Condensed', sans-serif;
}

.block10 {
   margin-top: 80px;
   background: url(../img/img8.0.png) left 0 repeat-x;
   height: 450px
}

.block10__left {
   background: url(../img/img8.5.png) 20px 38px no-repeat
}

.block10 .wrapper::before {
   content: '';
   position: absolute;
   background: url(../img/img8.0.1.png) no-repeat;
   width: 1000px;
   height: 450px;
   left: 0;
   top: 0;
   z-index: -1
}

.block10__title {
   color: #FFf;
   font: 700 35px/40px Lobster;
   padding: 55px 0 0 195px;
   position: relative
}

.block10__title::before {
   content: '';
   position: absolute;
   background: url(../img/product.png) no-repeat;
   width: 180px;
   height: 399px;
   left: -39px;
   top: -50px;
   z-index: 1
}

.block10__price,
.custom_select {
   position: relative
}

.block10__price {
   background: url(../img/img8.4.png) left 0 no-repeat;
   width: 284px;
   height: 73px;
   margin: 25px 0 0 185px
}

.block10__price .newprice,
.block10__price .oldprice {
   font: 400 28px/73px 'Roboto Condensed', sans-serif;
   width: 49%;
   display: inline-block;
   vertical-align: top
}

.block10__price .oldprice {
   color: #fcc524;
   text-decoration: line-through
}

.block10__price .newprice {
   color: #b7064d
}

.block10__sale {
   width: 350px;
   font: 400 20px/25px 'Roboto Condensed', sans-serif;
   color: #f5b429;
   margin: 20px 0 5px 95px;
   padding: 0 0 0 20px
}

.block10__sale div {
   margin-left: 80px
}

.block10__count {
   width: 68px;
   height: 54px;
   display: inline-block;
   float: left;
   color: #580c2b;
   font: 400 40px/54px 'Roboto Condensed', sans-serif;
   background: url(../img/img8.3.png) no-repeat
}

.block10__allsale {
   color: #fffffe;
   font: 300 18px/25px 'Roboto Condensed', sans-serif;
   margin: 10px 0 0 115px;
   padding: 5px 0 30px 80px;
   width: 355px;
   background: url(../img/img8.1.png) no-repeat
}

.block10-form {
   padding: 20px;
   margin: 38px 40px 0 20px;
   max-width: 440px;
   width: 100%;
   border-radius: 20px;
   background: #b7064d;
   box-sizing: border-box
}

.block10-btn {
   background: url(../img/img8.2.png) center 0 no-repeat;
   width: 203px;
   height: 64px;
   display: block;
   border: none;
   color: #FFf;
   font: 700 30px/60px 'Roboto Condensed', sans-serif;
   margin: 0 auto !important;
   -moz-transition: all 1s ease-out;
   -o-transition: all 1s ease-out;
   -webkit-transition: all 1s ease-out
}

.block10-btn:hover {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1)
}

.block10-delivery {
   padding-top: 8px;
   font: 300 18px/22px 'Roboto Condensed', sans-serif;
   display: inline-block;
   width: 165px;
   margin-left: 10px;
   text-align: left;
   color: #ffae2b;
   vertical-align: top
}

.akciya1,
.block11,
.form_annotation {
   text-align: center
}

.block10-delivery span {
   color: #FFf
}

.form-horizontal {
   margin-bottom: 0
}

.form-horizontal .row {
   margin-bottom: 20px
}

.form-horizontal .row-select {
   width: 395px
}

.custom_select:before {
   content: '';
   position: absolute;
   top: 1px;
   right: 0;
   bottom: 1px;
   width: 40px;
   background: #fff;
   pointer-events: none;
   border-radius: 3px
}

.custom_select:after {
   content: '';
   position: absolute;
   top: 50%;
   margin-top: -2px;
   right: 12px;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 5px 5px 0;
   border-color: #b7064d transparent transparent;
   pointer-events: none
}

.form-horizontal .row input[type=text],
.form-horizontal .row select {
   width: 100%;
   height: 42px;
   padding: 0 10px;
   border: 1px solid #ae1f22;
   background: #fff;
   border-radius: 3px;
   box-shadow: 0 2px 5px #f5eedc inset;
   box-sizing: border-box;
   display: block
}

.form-horizontal .row input[type=text]:focus,
.form-horizontal .row select:focus {
   background: #fff
}

.form-horizontal .row .label {
   display: block;
   color: #FFf;
   font: 400 23px/23px 'Roboto Condensed', sans-serif;
   padding-bottom: 5px
}

.form-horizontal .row .label small {
   float: right;
   color: #ffae2b;
   font: italic 14px/14px 'Roboto Condensed', sans-serif;
   text-transform: capitalize
}

.form-horizontal .row-submit {
   margin-left: 10px;
   margin-bottom: 0
}

.row-submit button,
.row-submit button:active,
.row-submit button:focus,
.row-submit button:hover {
   vertical-align: top;
   margin: 0;
   text-transform: uppercase
}

.row-submit span.itog {
   color: #5d2315;
   font-family: Georgia;
   font-style: italic;
   font-size: 18px;
   display: inline-block;
   vertical-align: middle;
   float: right;
   line-height: 55px
}

.block11 {
   margin-top: 0;
   padding: 25px 0;
   background: #3a1a2d;
   color: #b7064d;
   font: 400 16px/26px 'Roboto Condensed', sans-serif;
}

.block11 .wrapper {
   z-index: 0
}

.imlogo {
   display: block;
   position: absolute;
   left: 50%;
   margin-left: -200px;
   bottom: -76px;
}

.akciya1 {
   display: block;
   width: 270px;
   margin: -5px auto;
   padding: 5px 0;
   background-color: #F90;
   border: 0;
   border-radius: 8px;
   color: #FFF;
   font-weight: 700;
   text-decoration: none;
   box-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

.akciya1:hover {
   background-color: #FF3;
   color: #C00;
   box-shadow: 0 0 5px rgba(0, 0, 0, .5), 0 0 5px rgba(0, 0, 0, .5)
}

#ouibounce-modal,
.hidden_select_wrapper,
.hidden_select_wrapper select {
   display: none
}

.price_reduce {
   color: #C00
}

.form_annotation {
   font-size: 10px;
   color: #fff;
   display: block;
   margin: 10px auto;
   padding: 0 15px
}

.block1__top .lt1 {
   display: block
}

.block1__top .lt1:after {
   content: '';
   display: table;
   clear: both
}

.block1__left img {
   max-width: 175px;
   display: block;
   height: auto;
   margin-left: 77px
}

@media screen and (max-width:1000px) {
   .block10__sale,.block10__allsale {
      display: none;
   }
   .block1__body {
      padding-bottom: 20px;
   }
   .block10 {
      margin-top: 20px;
   }
   .block10__left {
      background: none;
      background-size: contain;
      float: none;
      width: 100%;
      max-width: 495px;
      margin: 0 auto;
  }
   .block10__title::before {
      top: 24px;
      left: 50%;
      transform: translateX(-50%);
      width: 110px;
      height: 244px;
      background-size: cover;
  }

   .block1__sub,
   .wrapper {
      width: auto
   }

   .block10,
   .block2,
   .block2__top .wrapper,
   .block3,
   .block4,
   .block4 .wrapper,
   .block4 ul li,
   .block4__top,
   .block5 img,
   .block7,
   .block7 .wrapper-hidden,
   .block7__warning,
   .wrapper-hidden {
      height: auto
   }

   .imlogo {
      display: none
   }

   .block1__left img {
      margin-left: 30px
   }

   .block2__title,
   .block2__top .wrapper,
   .block6 .wrapper {
      padding: 20px
   }

   .wrapper {
      padding: 0 10px
   }

   .block1__body:after {
      content: '';
      display: table;
      clear: both
   }

   .block2__top .wrapper::before,
   .block4 ul li:before,
   .block5__wrap:before,
   .imLogo {
      display: none
   }

   .block1__right {
      width: 50%;
      margin: 0
   }

   .block4 ul li+li,
   .block4__bottom {
      margin-top: 20px
   }

   .block1__left {
      float: left;
      width: 50%
   }

   .block1__title,
   .block2__title,
   .block3__title,
   .block4__title,
   .block5__title,
   .block6__title,
   .block8__title {
      text-align: center;
      font-size: 32px
   }

   .block1__title {
      text-align: left;
      padding-bottom: 10px
   }

   .block10__title,
   .block7__delivery,
   .block7__delivery_title {
      text-align: center
   }

   body {
      min-width: initial
   }

   .wrapper-hidden {
      width: auto
   }

   ul.inline {
      font-size: 0
   }

   .block4 ul li {
      width: 100%;
      background: #fff;
      border-radius: 6px;
      padding: 25px;
      font-size: 18px
   }

   .block10,
   .block10__left,
   .block6 ul,
   .block8 ul {
      background: 0 0
   }

   .block4__bottom img {
      max-width: 75px
   }

   .block5__wrap {
      margin: 0
   }

   .block5 img {
      float: none;
      display: block;
      max-width: 80%;
      margin: auto;
      position: static
   }

   .block7__delivery:before,
   .block7__warning br {
      display: none
   }

   .block6 ul li,
   .block8 ul li {
      width: 100%;
      padding: 0;
      margin-top: 0
   }

   .block7__delivery {
      padding: 0;
      width: 70%;
      margin: auto
   }

   .block7__warning {
      width: 90%;
      margin: 230px auto 0;
      padding: 40px
   }

   .block7__warning:before {
      bottom: 100%;
      left: 0;
      right: 0;
      top: auto;
      margin: 0 auto -20px
   }

   .block10 table,
   .block10 tbody,
   .block10 td,
   .block10 tr {
      width: 100%;
      display: block
   }

   .block10 .wrapper::before{
      display: none
   }

   .block10 {
      overflow: hidden
   }

   .block10-form {
      width: 100%;
      margin: 20px auto 0;
      padding: 10px
   }

   .form-horizontal .row {
      margin-bottom: 10px
   }

   .block10__price,
   .block10__sale {
      margin: 10px auto 0
   }

   .form-horizontal .row .label {
      font-size: 16px;
      padding-bottom: 0
   }

   .block10__title {
      padding: 280px 0 0
   }

   .block10__allsale,
   .block10__sale {
      padding: 0;
      max-width: 300px;
      width: auto
   }

   .block10__sale div {
      margin-left: 0
   }

   .block10__sale .block10__count {
      float: none;
      display: block;
      margin: auto
   }

   .block10__allsale {
      background: 0 0;
      margin: auto
   }

   .block10 table {
      background: linear-gradient(#ff8522, #b7064d 60%) #b7064d;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px
   }

   .block10-btn {
      background: linear-gradient(#ffd38e 0, #fa8819 30%, #feb338 100%) #b7064d;
      border-radius: 20px;
      line-height: 1;
      font-size: 16px;
      height: auto;
      width: auto;
      padding: 15px 60px
   }

   .block3__list ul li {
      width: auto;
      max-width: 328px
   }

   .form-horizontal .row-select {
      width: 100%
   }
}

@media screen and (max-width:700px) {
   .block1__left {
      padding-top:35px!important;
   }
   .block1__title {
      padding-top: 20px!important;
   }
   .block1__left,
   .block1__right {
      float: none;
      width: 100%
   }

   .block1__left,
   .block1__title {
      text-align: center
   }

   .block1__sub {
      margin-bottom: 10px
   }

   .block1__right ul {
      margin: 20px 0 0
   }

   .block1__body {
      padding-bottom: 20px
   }

   .block1__top .lt1 {
      overflow-x: auto;
      overflow-y: hidden;
      padding-bottom: 30px
   }

   .block1__price {
      background: 0 0
   }

   .block1__top-inner {
      font-weight: 700;
      background: #b7064d;
      padding: 0 10px;
      text-align: center;
   }

   .block1__top-sale::before {
      background-size: 83%;
      left: 10px;
      top: -29px;
   }

   .block__top-txt {
      position: relative;
      z-index: 2;
   }

   .block1__top {
      margin: 0 -10px;
   }

   .block1__price span {
      background-color: #FFF
   }

   .block1__left img {
      margin: auto
   }
}

.footer {
   color: #fff !important;
   background: #b7064d !important
}
form .input-wrapper label {
   display: none;
   pointer-events: none;
 }
 
 form .input-wrapper {
   position: relative;
   margin-bottom: 20px;
 }
 
 form .input-wrapper .error {
   border: 1px solid red!important;
   padding-top: 6px!important;
 }
 
 form .input-wrapper .error+label {
   width: 100%;
   height: 100%;
   color: red;
   display: block !important;
   font-size: 11px;
   line-height: 17px;
   position: absolute;
   top: 0;
   left: 10px;
   text-align: left
 }
 
 form .input-wrapper .error+label:before,
 form .input-wrapper .error+label:after {
   content: "";
   position: absolute;
   right: 30px;
   top: 50%;
   width: 3px;
   height: 21px;
   background-color: red
 }
 
 form .input-wrapper .error+label:before {
   -webkit-transform: translate(0, -50%) rotate(135deg);
   transform: translate(0, -50%) rotate(135deg)
 }
 
 form .input-wrapper .error+label:after {
   -webkit-transform: translate(0, -50%) rotate(45deg);
   transform: translate(0, -50%) rotate(45deg)
 }
