.h-w__inner {
   color: #fff;
}

menu,
ol,
ul {
   margin: 0;
   padding: 0;
}

.cf:before,
.cf:after {
   content: " ";
   display: table;
}

.cf:after {
   clear: both;
}

@-webkit-keyframes thumb {
   0% {
      -webkit-transform: scale(1);
   }
   50% {
      -webkit-transform: scale(0.99);
   }
   100% {
      -webkit-transform: scale(1);
   }
}

.js_scrollForm.active {
   -webkit-animation-name: thumb;
   -webkit-animation-duration: 100ms;
   -webkit-transform-origin: 50% 50%;
   -webkit-animation-iteration-count: 6;
   -webkit-animation-timing-function: linear;
}

.placeholder {
   color: #b3b3b3;
   font-size: 13px;
   font-family: 'Open Sans', sans-serif;
}

:-moz-placeholder {
   color: #b3b3b3;
   font-size: 13px;
   font-family: 'Open Sans', sans-serif;
}

::-webkit-input-placeholder {
   color: #b3b3b3;
   font-size: 13px;
   font-family: 'Open Sans', sans-serif;
}

textarea::-moz-placeholder {
   color: #b3b3b3;
   font-size: 13px;
   font-family: 'Open Sans', sans-serif;
}

textarea::-webkit-input-placeholder {
   color: #b3b3b3;
   font-size: 13px;
   font-family: 'Open Sans', sans-serif;
}

:-ms-input-placeholder {
   color: #b3b3b3;
   font-size: 13px;
   font-family: 'Open Sans', sans-serif;
}

.dib {
   zoom: 1;
   display: -moz-inline-box;
   -moz-box-orient: vertical;
   display: inline-block;
   _display: inline;
   *display: inline;
   vertical-align: top;
}


/*.transitionmyl {
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}

.transitionmyl1 {
    -moz-transition: transform 0.5s ease-out;
    -o-transition: transform 0.5s ease-out;
    -webkit-transition: transform 0.5s ease-out;
}*/

.containerz {
   min-width: 1007px;
   width: 1024px;
   margin: 0 auto;
   overflow: hidden;
}

.hidden-window {
   position: static;
   display: none;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   min-height: 100%;
   background: url(../img/bgrepeat.png) 0 0 repeat;
   font-family: 'Open Sans';
   font-family: 'Roboto', sans-serif;
   z-index: 99;
}

select,
input,
textarea {
   font-family: "Roboto", sans-serif !important;
}

.h-w__header {
   color: #ffdd2e;
   font-size: 50px;
   font-weight: 700;
   text-align: center;
   line-height: 140px;
}

.totalpriceForm {
   font-size: 22px;
   color: #e70116;
}

.js_total_price {
   font-size: 28px;
   font-weight: 700;
}

.h-w__header span {
   display: inline-block;
   *zoom: 1;
   _display: inline;
   padding-left: 77px;
   background: url(../img/log2.png) 0 50% no-repeat;
}

.dtable {
   display: table;
   width: 100%;
}

.dtable-cell {
   display: table-cell;
   vertical-align: middle;
}

.dtr {
   display: table-row;
}

.text-center {
   text-align: center;
}

.text-right {
   text-align: right;
}

.w-h__left {
   margin-right: 380px;
   margin-left: 25px;
}

.w-h__left .item {
   position: relative;
   background: #f7f8f8;
   border: 2px solid #fedb2b;
   margin: 0 4px 16px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   padding: 20px 15px;
   color: #000;
}

.w-h__left .item .zstick {
   background: url(../img/zstick.png) 0 0 no-repeat;
   width: 145px;
   height: 145px;
   position: absolute;
   top: -10px;
   left: -10px;
   z-index: 5000;
}

.w-h__left .item.active {
   border: 6px solid #fedb2b;
   margin: 0 0px 16px;
}


/*.w-h__left .item.hot {
    transform: scale(1.03);
    -moz-transform: scale(1.03);
    -webkit-transform: translateZ(0) scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
}*/

.w-h__left .item .js_changer {
   position: absolute;
   width: 31px;
   height: 31px;
   top: 120px;
   left: 12px;
   z-index: 9;
   background: url(../img/zchek.png) 0 -31px no-repeat;
}

.w-h__left .item .js_changer:hover {
   cursor: pointer;
}

.w-h__left .item .js_changer.active {
   background-position: 0 0;
}

.w-h__left .item .item__left {
   text-align: center;
   margin-right: 305px;
}

.w-h__left .item .item__left .img-wrapp {
   position: relative;
}

.w-h__left .item .item__left .img-wrapp .gift {
   color: #e70116;
   font-size: 18px;
   background: #f7f8f8;
   position: absolute;
   top: 146px;
   left: 163px;
   padding: 3px;
   font-weight: 700;
}

.w-h__left .item .item__left .img-wrapp .gift.th {
   top: 140px;
}

.w-h__left .item .item__left .zHeader {
   font-size: 20px;
   font-weight: 700;
   padding-top: 15px;
   padding-bottom: 5px;
}

.w-h__left .item .item__left .zHeader.sm {
   font-size: 28px;
}

.w-h__left .item .item__left .zHeader span {
   border-bottom: 1px solid #d5dde9;
}

.w-h__left .item .item__left text {
   font-size: 14px;
}

.w-h__left .item .zDiscount {
   background: #f9f3d0;
   padding: 8px;
   color: #000;
   margin-top: 20px;
   position: absolute;
   bottom: 20px;
   right: 20px;
   width: 280px;
   font-size: 17px;
   text-align: center;
}

.w-h__left .item .zDiscount span {
   color: #e70116;
   text-transform: uppercase;
}

.w-h__left .item .item__right {
   width: 280px;
   float: right;
}

.w-h__left .item .item__right .zHeader {
   font-size: 33px;
   margin-bottom: 40px;
   position: relative;
   white-space: nowrap;
}

.w-h__left .item .item__right .zHeader .zplus {
   font-size: 18px;
   text-align: right;
   padding-right: 5px;
   font-weight: 700;
   background: url(../img/zplus1.png) 0 0 no-repeat;
   background: url(../img/zplus1_1.png) no-repeat 0 0;
   background-size: 146px auto;
   -o-background-size: 146px auto;
   /* старый Opera*/
   -webkit-background-size: 146px auto;
   /* старый Safari */
   -khtml-background-size: 146px auto;
   /* Konqueror */
   width: 146px;
   height: 43px;
   line-height: 54px;
}

.w-h__left .item .item__right .zHeader .zplus.sec {
   background: url(../img/zplus2.png) 0 0 no-repeat;
   background: url(../img/zplus2_1.png) no-repeat 0 0;
   background-size: 146px auto;
   -o-background-size: 146px auto;
   /* старый Opera*/
   -webkit-background-size: 146px auto;
   /* старый Safari */
   -khtml-background-size: 146px auto;
   /* Konqueror */
}

.w-h__left .item .item__right .zHeader .zplus.th {
   /*    background: none 0 0 no-repeat;*/
}

.w-h__left .item .item__right .zHeader b {
   font-size: 45px;
}

.w-h__left .item .item__right .zHeader.sec {
   font-size: 20px;
}

.w-h__left .item .item__right .zHeader.sec b {
   font-size: 40px;
}

.w-h__left .item .item__right .zPrices {
   font-size: 17px;
   position: relative;
}

.w-h__left .item .item__right .zPrices .ellipsDiscount {
   background: #d80215;
   color: #fff;
   position: absolute;
   top: -43px;
   right: 35px;
   -moz-transform: rotate(-8deg);
   -o-transform: rotate(-8deg);
   -webkit-transform: rotate(-8deg);
   transform: rotate(-8deg);
   text-align: center;
   padding: 3px 9px;
   -webkit-border-radius: 46px / 22px;
   -moz-border-radius: 46px / 22px;
   border-radius: 46px / 33px;
   font-size: 12px;
}

.w-h__left .item .item__right .zPrices .ellipsDiscount span {
   font-weight: 700;
}

.w-h__left .item .item__right .zPrices .fst {
   font-size: 14px;
   color: #7f8791;
   width: 110px;
}

.w-h__left .item .item__right .zPrices .fst .fs17 {
   font-size: 17px;
}

.w-h__left .item .item__right .zPrices .text-left {
   text-align: left;
   padding-left: 5px;
}

.w-h__left .item .item__right .zPrices .zSep {
   height: 1px;
   background: #d5dde9;
   margin: 10px 0;
}

.w-h__left .item .item__right .zPrices .prtotal {
   color: #e70116;
}

.w-h__left .item .item__right .zPrices .prtotal b {
   font-size: 27px;
}

.padding-top10px {
   padding-top: 10px;
}

.old-pricedecoration {
   position: relative;
}

.old-pricedecoration i {
   position: absolute;
   top: 9px;
   width: 100%;
   height: 1px;
   background: #e70116;
   transform: rotate(-28deg);
}

.old-pr-descr {
   color: #e70116;
   font-size: 12px;
   line-height: 10px !important;
}

.w-h__right {
   float: right;
   width: 333px;
}

.w-h__right .printbg {
   background: url(../img/printbg.png) 0 0 no-repeat;
   width: 290px;
   height: 83px;
   margin: 25px auto;
   padding-left: 20px;
   text-align: center;
   color: #f9e178;
   font-size: 18px;
   text-transform: uppercase;
   font-weight: 700;
   line-height: 83px;
   -moz-transform: rotate(-8deg);
   -o-transform: rotate(-8deg);
   -webkit-transform: rotate(-8deg);
   transform: rotate(-8deg);
}

.w-h__right .printbg span {
   color: #eea541;
}

.w-h__right .zGarant {
   background: #f3f8ff;
   color: #000;
   font-size: 18px;
   padding: 25px 20px 35px;
   margin-top: 20px;
   margin-bottom: 20px;
}

.w-h__right .zGarant .zHeader {
   font-size: 24px;
   text-align: center;
   font-weight: 700;
   text-transform: uppercase;
}

.w-h__right .zGarant li {
   list-style: none;
   padding-left: 30px;
   background: url("../img/zli.png") 0 50% no-repeat;
   margin-top: 25px;
}

.w-h__right .zGarant b {
   font-size: 20px;
}

.w-h__right form {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffdc2e+0,fdbb01+100 */
   background: #ffdc2e;
   /* Old browsers */
   background: -moz-linear-gradient(top, #ffdc2e 0%, #fdbb01 100%);
   /* FF3.6-15 */
   background: -webkit-linear-gradient(top, #ffdc2e 0%, #fdbb01 100%);
   /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, #ffdc2e 0%, #fdbb01 100%);
   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffdc2e', endColorstr='#fdbb01', GradientType=0);
   /* IE6-9 */
   padding: 28px 30px 14px;
}

.w-h__right form input,
.w-h__right form select,
.w-h__right form textarea {
   width: 100%;
   background-color: #fff;
   color: #000 !important;
   height: 31px;
   font-size: 16px;
   border: 1px solid #d5dde9;
}

.w-h__right form .zbtn {
   width: 250px;
   margin: 0 auto;
   background: #ff061d;
   background: -moz-linear-gradient(top, #ff061d 1%, #b80011 100%);
   background: -webkit-linear-gradient(top, #ff061d 1%, #b80011 100%);
   background: linear-gradient(to bottom, #ff061d 1%, #b80011 100%);
   filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff061d', endColorstr='#b80011', GradientType=0);
   height: 55px;
   border: 1px solid #eb6672;
   position: relative;
   color: #fff;
   font-size: 22px;
   font-weight: 700;
   text-align: center;
   line-height: 55px;
   text-transform: uppercase;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
}

.w-h__right form .zbtn:hover,
.w-h__right form .zbtn:active {
   transform: scale(1.1);
   -moz-transform: scale(1.1);
   -webkit-transform: translateZ(0) scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   cursor: pointer;
   background: #b80011;
   background: -moz-linear-gradient(top, #b80011 0%, #ff061d 99%);
   background: -webkit-linear-gradient(top, #b80011 0%, #ff061d 99%);
   background: linear-gradient(to bottom, #b80011 0%, #ff061d 99%);
   filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b80011', endColorstr='#ff061d', GradientType=0);
   border-top-right-radius: 20px;
   border-bottom-left-radius: 20px;
}

.w-h__right form .inp {
   background: #fff;
   border: 1px solid #d5dde9;
   padding: 0 0 0 15px;
   color: #000 !important;
   font-family: 'Open Sans';
   font-size: 16px;
   height: 31px;
   margin: 0 auto 10px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}

.w-h__right form textarea {
   height: auto;
   resize: none;
   height: 125px;
   padding: 15px;
   margin-bottom: 10px;
}

.w-h__right-row1 .zHeader {
   background-color: #ffdd2e;
   padding: 15px;
   color: #000000;
   font-size: 35px;
   text-align: center;
}

.w-h__right-row1 .zHeader b {
   font-weight: 700;
   font-size: 29px;
   text-transform: uppercase;
}

.w-h__right-row1 .zContent {
   background: #fff;
   padding: 10px 10px 5px;
}

.w-h__right-row1 .zContent .text-right {
   position: relative;
}

.w-h__right-row1 .zContent .text-right i {
   position: absolute;
   top: 50%;
   left: 0;
}

.w-h__right-row1 .dtable {
   color: #000;
   font-size: 22px;
   line-height: 1;
   font-weight: 700;
   text-transform: uppercase;
   margin-bottom: 10px;
}

.w-h__right-row1 .dtable span {
   color: #fff;
   background-color: #7eb263;
}

.w-h__right-row1 .text-right {
   padding-right: 18px;
   width: 40%;
}

.w-h__right-row1 .text-right img {
   max-width: 100%;
}