.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(../images/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(../images/img1.0.1.png) center 0 repeat-x #3a1a2d;

   color: #2c4341

}

.wrapper-hidden1 {

   background: url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/img2.0.png) center 0 no-repeat;

   font-size: 19px;

   line-height: 25px;

}



.block2__top .wrapper::before {

   position: absolute;

   background: url(../images/product.png?v=1) 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(../images/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(../images/img3.1.png) center 0 no-repeat

}



.block3__list .item2 {

   background: url(../images/img3.2.png) center 0 no-repeat

}



.block3__list .item3 {

   background: url(../images/img3.3.png) center 0 no-repeat

}



.block3__list .item4 {

   background: url(../images/img3.4.png) center 0 no-repeat

}



.block3__list .item5 {

   background: url(../images/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 16px/22px 'Roboto Condensed', sans-serif;

}



.block4 ul li::before {

   position: absolute;

   background: url(../images/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(../images/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(../images/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: 350px;

   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(../images/img8.0.png) left 0 repeat-x;

   height: 450px

}



.block10__left {

   background: url(../images/img8.5.png) 20px 38px no-repeat

}



.block10 .wrapper::before {

   content: '';

   position: absolute;

   background: url(../images/img8.0.1.png) no-repeat;

   width: 1000px;

   height: 450px;

   left: 0;

   top: 0;

   z-index: -1

}



.block10__title {

   color: #FFf;

   font: 700 28px/40px Lobster;

   padding: 55px 0 0 195px;

   position: relative

}



.block10__title::before {

   content: '';

   position: absolute;

   background: url(../images/product.png?v=1) no-repeat;

   width: 180px;

   height: 399px;

   left: -63px;

   top: -50px;

   z-index: 1

}



.block10__price,

.custom_select {

   position: relative

}



.block10__price {

   background: url(../images/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(../images/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(../images/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(../images/img8.2.png) center 0 no-repeat;

   width: 203px;

   height: 64px;

   display: block;

   border: none;

   color: #FFf;

   font: 700 16px/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:1139px) {

   .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__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)

 }