/* Start:/static_files/_refactor/lib/flatpickr/style.css?167583140416190*/ .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6} .flatpickr-day.today{border-color:#959ea9!important} .flatpickr-day.today.flatpickr-disabled{border-color:#ccc!important} .flatpickr-day.today:hover,.flatpickr-day.today:focus{background:#959ea9;color:#fff} .flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus, .flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay {background:#d6404a;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#d6404a}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} /* End */ /* Start:/static_files/css/comp_gift.css?17308790444445*/ main > .container { padding: 0; max-width: unset; } .gift__modal-text { font-weight: 500; } .gift__modal .modal-header { border: 0; padding-bottom: 0; } .gift__modal .form-check a { color: inherit; } .gift__modal .form-check .form-check-input:checked[type=checkbox] { background-image: url(/static_files/img/check-white.svg); background-color: #bd3943; background-size: 80%; } .gift__hr { margin: 0 0 80px; } .gift__date { padding-right: 60px; background: url(/static_files/img/calendar.svg) right 12px center no-repeat; } .gift__recipient { padding-top: 42px; display: none; } .gift__arr { position: absolute; top: -26px; bottom: 0; margin: auto; z-index: 1; width: 52px; height: 52px; opacity: 1 !important; filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.3)); border: 0 !important; display: none; } .gift__arr:before { display: none; } .gift__arr img { width: 52px; } .gift__prev { left: 52px; } .gift__next { right: 52px; transform: rotate(180deg); } .gift__wrap { position: relative; overflow: hidden; padding: 0 40px; } .gift__cards .slick-dots { list-style: none; padding: 0; margin: 10px 0 0; text-align: center; } .gift__cards .slick-dots button { display: block; width: 12px; height: 12px; background-color: transparent; border: 1px solid #BDBDB5; border-radius: 50%; font-size: 0; color: transparent; padding: 0; } .gift__cards .slick-dots li { display: inline-block; margin: 0; padding: 8px; } .gift__cards .slick-dots .slick-active button { background-color: #4E565D; border-color: #4E565D; } .gift__cards img { border-radius: 20px; width: 100%; transition: transform 0.2s ease-out; } .gift__cards .slick-track, .gift__cards .slick-list { overflow: visible; } .gift__cards .slick-slide:not(.slick-active) img { transform: scale(0.9); } .gift__cards .slick-slide.slick-active img { border: 1px #4E565D solid; } .gift__quant { position: relative; } .gift__quant .form-control { padding-right: 100px; } .gift__quant .quantity { position: absolute; right: 10px; top: 12px; } .gift__quant .quantity__minus { margin-right: 12px; } .gift__price { padding: 32px; border-radius: 20px; max-width: 360px; margin: 0 auto; background: #F5F5F2; } .gift__section { padding-top: 80px; } .gift__narrow { max-width: 626px; margin: 0 auto; } .gift__title { font-size: 25px; } .gift__subtitle { font-size: 20px; } .gift__slider { border-radius: 20px; overflow: hidden; } .gift__slider picture, .gift__slider img { width: 100%; } .gift__slider .slick-prev { border-radius: 0; right: 0 !important; padding: 0; opacity: 1; width: 100px; height: unset; top: 0; bottom: 0; border: 0; margin-top: 0; background: transparent; } .gift__slider .slick-prev:hover { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); } .gift__slider .slick-prev:before { content: ""; position: absolute; right: 5px; top: 0; bottom: 0; margin: auto; width: 32px; height: 32px; background: url(/static_files/img/header/arr-white.svg); background-size: contain; background-position: center; background-repeat: no-repeat; transform: rotate(180deg); } .gift__slider .slick-next { border-radius: 0; left: auto; right: 0; padding: 0; opacity: 1; width: 100px; height: unset; top: 0; bottom: 0; border: 0; margin-top: 0; background: transparent; } .gift__slider .slick-next:hover { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent); } .gift__slider .slick-next:before { content: ""; position: absolute; right: 5px; top: 0; bottom: 0; margin: auto; width: 32px; height: 32px; background: url(/static_files/img/header/arr-white.svg); background-size: contain; background-position: center; background-repeat: no-repeat; transform: none; } .gift__anchor { display: block; position: relative; } .gift__anchor picture, .gift__anchor img { max-width: 100%; border-radius: 20px; } .gift__anchor:hover .gift__hover { opacity: 1; } .gift__hover { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.25s ease-out; } .gift__sel .sel__menu { max-height: 200px; overflow-y: scroll; } @media (min-width: 1200px) { .gift__arr { display: inline-block; } } @media (min-width: 1480px) { .gift__buttons { bottom: 34px; height: 50px; } } /* End */ /* Start:/static_files/css/comp_select.css?17304600111305*/ .sel__btn { text-align: left; display: block; width: 100%; font-weight: 500; line-height: 1.2; color: #231F20; background-color: #fff; background-clip: padding-box; border: 1px solid #BDBDB5; appearance: none; transition: border-color 0.15s ease-in-out; min-height: calc(1.5em + 34px); padding: 16px 32px 16px 16px; font-size: 1rem; border-radius: 0.125rem; } .sel__btn:after { content: ""; position: absolute; top: 0; bottom: 0; right: 16px; margin: auto; width: 20px; height: 20px; background: url(/static_files/img/arr-down.svg) center no-repeat; } .sel__btn.show:after { transform: rotate(180deg); } .sel .sel__menu { width: 100%; padding: 0; border-radius: 0; margin-top: -2px !important; } .sel__opt { text-align: left; display: block; width: 100%; font-weight: 500; line-height: 1.2; color: #231F20; background-color: #fff; background-clip: padding-box; border: 0; border-bottom: 1px solid #BDBDB5; appearance: none; transition: background 0.15s ease-in-out; padding: 16px; font-size: 1rem; border-radius: 0.125rem; } .sel__opt:hover { background: #4E565D; color: #fff; } .sel__opt--active { background: #E6E7E1; } .sel__opt:last-child { border: 0; } .sel--short .sel__opt--active { display: none; } /* End */ /* Start:/bonus/style.css?167583140226139*/ /*@font-face { font-family: 'Acrom'; src: url('/bonus/fonts/Acrom/AcromLight.eot'); src: local('☺'), url('/bonus/fonts/AcromLight.woff') format('woff'), url('/bonus/fonts/AcromLight.ttf') format('truetype'), url('/bonus/fonts/AcromLight.svg') format('svg'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Acrom'; src: url('/bonus/fonts/Acrom/AcromRegular.eot'); src: local('☺'), url('/bonus/fonts/AcromRegular.woff') format('woff'), url('/bonus/fonts/AcromRegular.ttf') format('truetype'), url('/bonus/fonts/AcromRegular.svg') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Acrom'; src: url('/bonus/fonts/Acrom/AcromMedium.eot'); src: local('☺'), url('/bonus/fonts/AcromMedium.woff') format('woff'), url('/bonus/fonts/AcromMedium.ttf') format('truetype'), url('/bonus/fonts/AcromMedium.svg') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Acrom'; src: url('/bonus/fonts/Acrom/AcromBold.eot'); src: local('☺'), url('/bonus/fonts/AcromBold.woff') format('woff'), url('/bonus/fonts/AcromBold.ttf') format('truetype'), url('/bonus/fonts/AcromBold.svg') format('svg'); font-weight: 700; font-style: normal; } */ .KKBonuseProgramm{ font-family: 'ProximaNova', "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; line-height: 1.4; font-weight: 400; color: #000000; word-break: break-word; margin-bottom: -30px; } .KKBonuseProgramm a:hover, .KKBonuseProgramm a:focus, .KKBonuseProgramm a:active{ text-decoration: none; } .KKBonuseProgramm__SectionTitle{ font-size: 45px; font-weight: 500; line-height: 1.2; } .KKBonuseProgramm__Section{ padding: 130px 0; } .KKBonuseProgramm__Section._join{ -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .KKBonuseProgrammJoin__Container{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; min-height: 460px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .KKBonuseProgrammJoin__Title{ font-family: 'Acrom', 'ProximaNova', "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 65px; font-weight: 500; text-align: center; color: #ffffff; margin-bottom: 50px; text-transform: uppercase; max-width: 991px; line-height: 1.2; letter-spacing: 2px; } .KKBonuseProgramm__BtnWrp{ text-align: center; } .KKBonuseProgramm__Btn{ display: inline-block; padding: 15px 15px 13px; min-width: 343px; font-family: ProximaNova; font-size: 20px; text-align: center; color: #000000; text-transform: uppercase; text-align: center; text-decoration: none; } .KKBonuseProgramm__Btn._white{ background: #ffffff; color: #000000; } .KKBonuseProgramm__Btn._red{ background: #F00000; color: #FFFFFF; } .KKBonuseProgramm__Section._player{ background-color: #fbfbfb; text-align: center; } .KKBonuseProgrammPlayer__Container{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; min-height: 460px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px 0; } .KKBonuseProgrammPlayer__Inner{ max-width: 700px; width: 100%; } .KKBonuseProgrammPlayer__Title{ font-size: 55px; margin-bottom: 50px; line-height: 1.2; } .KKBonuseProgrammPlayer__Triangle{ font-weight: 500; position: relative; display: inline-block; } .KKBonuseProgrammPlayer__Triangle:before{ content: ''; position: absolute; top: 50%; left: -7px; height: 150%; width: 100%; background: transparent url(/bonus/img/bg-triangle.svg) 0 0 / 100% 100% no-repeat; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .KKBonuseProgrammPlayer__Triangle b{ position: relative; z-index: 2; } .KKBonuseProgramm__Section._purchase{ } .KKBonuseProgrammPurchase img{ max-width: 100%; } .KKBonuseProgrammPurchase__Container{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; min-height: 460px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px 0; } .KKBonuseProgrammPurchase__Inner{ max-width: 850px; width: 100%; } .KKBonuseProgrammPurchase__InnerRow{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .KKBonuseProgrammPurchase__InnerCol._img{ width: 212px; margin-right: 50px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .KKBonuseProgramm__SectionTitle._purchase{ margin-bottom: 65px; } .KKBonuseProgrammPurchase__Desc{ margin-bottom: 45px; } .KKBonuseProgrammPurchase__Desc ul{ list-style: none; padding: 0; margin: 0; } .KKBonuseProgrammPurchase__Desc ul li{ padding: 0 0 0 15px; margin: 0 0 3px; position: relative; } .KKBonuseProgrammPurchase__Desc ul li:before{ content: ''; position: absolute; top: 11px; left: 0px; width: 4px; height: 4px; background: #000000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .KKBonuseProgrammPurchase__InnerCol._text{ text-align: left; } .KKBonuseProgrammPurchase__InnerCol._text .KKBonuseProgramm__BtnWrp{ text-align: left; } .KKBonuseProgramm__Section._how{ background: #E5F9F9; } .KKBonuseProgrammHow__Container{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 460px; padding: 30px 0; } .KKBonuseProgrammHow__Inner{ width: 100%; max-width: 991px; } .KKBonuseProgramm__SectionTitle._how{ margin-bottom: 60px; text-align: center; } .KKBonuseProgrammHow__Infograf{ margin-bottom: 30px; } .KKBonuseProgrammHow__InfografList{ list-style: none; padding: 0; margin: 0 -15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .KKBonuseProgrammHow__InfografItem{ margin: 0 0 20px; padding: 0 15px; width: 33.33%; } .KKBonuseProgrammHow__InfografItemInner{ max-width: 220px; } .KKBonuseProgrammHow__InfografItemImg{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 148px; margin-bottom: 25px; } .KKBonuseProgrammHow__InfografItemImg img{ max-width: 100%; max-height: 100%; } .KKBonuseProgramm__Section._percent{ } .KKBonuseProgrammPercent__Container{ min-height: 460px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .KKBonuseProgrammPercent__Inner{ width: 100%; max-width: 991px; } .KKBonuseProgramm__SectionTitle._percent { text-align: center; max-width: 800px; margin: 0 auto 70px; } .KKBonuseProgrammPercentGraf{ list-style: none; padding: 0 0 0 40px; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .KKBonuseProgrammPercentGraf:before{ content: ''; width: 100%; height: 1px; background: #000000; position: absolute; top: 46px; left: 0; } .KKBonuseProgrammPercentGraf__Item{ position: relative; z-index: 2; } .KKBonuseProgrammPercentGraf__Item._v5{ width: 22%; } .KKBonuseProgrammPercentGraf__Item._v7{ width: 22%; } .KKBonuseProgrammPercentGraf__Item._v10{ width: 34%; } .KKBonuseProgrammPercentGraf__Item._v15{ width: 22%; } .KKBonuseProgrammPercentGraf__ItemInner{ max-width: 180px; } .KKBonuseProgrammPercentGraf__ItemVal{ font-size: 25px; font-weight: 600; margin-bottom: 5px; } .KKBonuseProgrammPercentGraf__ItemCircle{ width: 12px; height: 12px; border: 1px solid #000000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #F9F2F8; margin: 0 0 14px 5px; } .KKBonuseProgrammPercentGraf__ItemDesc{ line-height: 1.3; font-weight: 400; padding-right: 10px; } .KKBonuseProgramm__Section._card{ background: #FBFBFB; } .KKBonuseProgrammCard__Container{ min-height: 460px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px 0; } .KKBonuseProgrammCard__Inner{ width: 100%; max-width: 991px; } .KKBonuseProgramm__SectionTitle._cart{ margin-bottom: 60px; text-align: center; } .KKBonuseProgrammCard__Infograf{ margin-bottom: 50px; } .KKBonuseProgrammCard__InfografList{ list-style: none; padding: 0; margin: 0 -15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .KKBonuseProgrammCard__InfografItem{ width: 33.33%; padding: 0 15px; margin-bottom: 20px; } .KKBonuseProgrammCard__InfografItem._or{ width: auto; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; white-space: nowrap; } .KKBonuseProgrammCard__InfografItemInner{ max-width: 220px; } .KKBonuseProgrammCard__InfografItemImg{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 155px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 30px; } .KKBonuseProgrammCard__InfografItemImg img{ max-width: 100%; max-height: 100%; margin-right: 9%; } .KKBonuseProgramm__Section._privilege{ } .KKBonuseProgrammPrivilege__Container{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 460px; } .KKBonuseProgrammPrivilege__Inner{ width: 100%; max-width: 720px; } .KKBonuseProgramm__SectionTitle._privilege{ margin-bottom: 20px; } .KKBonuseProgrammPrivilege__Header{ margin-bottom: 70px; text-align: center; } .KKBonuseProgrammPrivilegeItems{ list-style: none; padding: 0; margin: 0 0 70px; } .KKBonuseProgrammPrivilegeItems__Item{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px; } .KKBonuseProgrammPrivilegeItems__Item._vertical-top{ -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .KKBonuseProgrammPrivilegeItems__Item:last-child{ margin-bottom: 0; } .KKBonuseProgrammPrivilegeItems__ItemDesc a{ color: #d6404a; text-decoration: none; display: inline-block; } .KKBonuseProgrammPrivilegeItems__ItemDesc a:hover{ color: #d6404a; text-decoration: underline; } .KKBonuseProgrammPrivilegeItems__ItemCol._img{ -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 5.5%; width: 25%; } .KKBonuseProgrammPrivilegeItems__ItemImgWrp{ display: block; padding-top: 100%; background: #FBFBFB; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; border: solid 1px #eaeaea; position: relative; } .KKBonuseProgrammPrivilegeItems__ItemImg{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); max-width: 90%; max-height: 90%; } .KKBonuseProgrammPrivilegeItems__ItemCol._desc{ -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .KKBonuseProgrammPrivilegeItems__ItemCol._desc._opened .KKBonuseProgrammPrivilegeItems__ItemBtnWrp{ display: none; } .KKBonuseProgrammPrivilegeItems__ItemTitle{ font-weight: 600; margin-bottom: 26px; display: inline-block; color: #000000 !important; text-decoration: none !important; transition: .3s all; } .KKBonuseProgrammPrivilegeItems__ItemTitle:hover{ color: #777777 !important; text-decoration: none !important; } .KKBonuseProgrammPrivilegeItems__ItemBtnWrp{ margin-top: 26px; } .KKBonuseProgrammPrivilegeItems__ItemBtn{ display: inline-block; min-width: 166px; padding: 7px 15px 7px; text-decoration: none; text-align: center; color: #999999; border: 1px solid #999999; } .KKBonuseProgrammPrivilege__BottomText{ text-align: center; margin-bottom: 50px; } .KKBonuseProgramm__Section._faq{ background: #FBFBFB; } .KKBonuseProgrammFaq__Container{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 750px; } .KKBonuseProgrammFaq__Inner{ width: 100%; max-width: 991px; } .KKBonuseProgramm__SectionTitle._faq{ margin-bottom: 70px; } .KKBonuseProgrammFaqTabs{ list-style: none; padding: 0; margin: 0; } .KKBonuseProgrammFaqTabs__Item{ padding: 0; margin: 0 0 10px; background: #ffffff; } .KKBonuseProgrammFaqTabs__Item:last-child{ margin: 0; } .KKBonuseProgrammFaqTabs__ItemHeader{ display: block; position: relative; padding: 13px 50px 13px 20px; color: #000000; text-decoration: none; -webkit-transition: none !important; -o-transition: none !important; -moz-transition: none !important; transition: none !important; transition: .3s box-shadow !important; } .KKBonuseProgrammFaqTabs__Item._opened .KKBonuseProgrammFaqTabs__ItemHeader{ font-weight: 600; } .KKBonuseProgrammFaqTabs__Item:not(._opened) .KKBonuseProgrammFaqTabs__ItemHeader:hover{ box-shadow: 0 0 8px 0 rgba(0,0,0,.12); } .KKBonuseProgrammFaqTabs__ItemHeader:after{ content: ''; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); border-top: 8px solid #000000; border-left: 5px solid transparent; border-right: 5px solid transparent; -webkit-transition: .3s transform; -o-transition: .3s transform; -moz-transition: .3s transform; transition: .3s transform; } .KKBonuseProgrammFaqTabs__Item._opened .KKBonuseProgrammFaqTabs__ItemHeader:after{ -webkit-transform: translateY(-50%) rotate(-180deg); -moz-transform: translateY(-50%) rotate(-180deg); -ms-transform: translateY(-50%) rotate(-180deg); -o-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .KKBonuseProgrammFaqTabs__ItemBottomContent{ padding: 5px 50px 25px 50px; } .KKBonuseProgramm__Btn._move-border{ position: relative; } .KKBonuseProgramm__Btn._move-border .KKBonuseProgramm__Btn_line{ opacity: 0; height: 4px; width: 4px; position: absolute; background-color: #F00000; } .KKBonuseProgramm__Btn._move-border .KKBonuseProgramm__Btn_line:nth-child(1){ top: 0; left: 0; } .KKBonuseProgramm__Btn._move-border .KKBonuseProgramm__Btn_line:nth-child(2){ top: 0; right: 0; } .KKBonuseProgramm__Btn._move-border .KKBonuseProgramm__Btn_line:nth-child(3){ bottom: 0; right: 0; } .KKBonuseProgramm__Btn._move-border .KKBonuseProgramm__Btn_line:nth-child(4){ bottom: 0; left: 0; } .KKBonuseProgramm__SectionTitle._contacts{ margin-bottom: 40px; text-align: center; } .KKBonuseProgrammContacts__Inner{ max-width: 991px; margin: 0 auto; } .KKBonuseProgrammContacts__ContBlockRow{ display: flex; margin: 0 -15px; } .KKBonuseProgrammContacts__ContBlock{ padding: 0 15px; width: 50%; } .KKBonuseProgrammContacts__ContBlock a{ text-decoration: none; display: inline-block; margin-bottom: 3px; } .KKBonuseProgrammContacts__ContBlockTitle { font-size: 23px; font-weight: 500; margin-bottom: 20px; line-height: 1.3; } .KKBonuseProgramm__Section._smartcard{ background-color: #E6F9F9; } .KKBonuseProgrammSmart__Row{ display: flex; justify-content: center; } .KKBonuseProgrammSmart__Col._img{ width: 429px; margin-left: 50px; margin-right: -50px; flex-shrink: 0; } .KKBonuseProgrammSmart__Img{ max-width: 100%; } .KKBonuseProgrammSmart__Col._text{ padding-top: 95px; } .KKBonuseProgrammSmart__Main{ max-width: 660px; } .KKBonuseProgrammSmart .KKBonuseProgramm__SectionTitle{ margin-bottom: 68px; } .KKBonuseProgrammSmart__TextNote{ margin-top: 38px; font-size: 16px; } .KKBonuseProgrammSmart .KKBonuseProgramm__BtnWrp{ text-align: left; margin-top: 43px; } @media (max-width: 991px){ .KKBonuseProgramm { font-size: 18px; } .KKBonuseProgramm__Section { padding: 85px 0; } .KKBonuseProgramm__SectionTitle { font-size: 35px; } .KKBonuseProgramm__Btn { padding: 13px 15px 11px; min-width: 250px; font-size: 16px; } .KKBonuseProgrammJoin__Title { font-size: 45px; } .KKBonuseProgrammJoin__Container { min-height: 215px; } .KKBonuseProgrammJoin__Title { margin-bottom: 35px; } .KKBonuseProgrammPlayer__Title { font-size: 30px; margin-bottom: 35px; } .KKBonuseProgrammPlayer__Container { min-height: 215px; } .KKBonuseProgramm__SectionTitle._purchase { margin-bottom: 20px; } .KKBonuseProgrammPurchase__Desc { margin-bottom: 30px; } .KKBonuseProgramm__SectionTitle._faq { margin-bottom: 35px; } .KKBonuseProgrammContacts__ContBlockTitle { font-size: 18px; margin-bottom: 15px; } .KKBonuseProgrammSmart__Col._img{ width: 370px; margin-left: 0; margin-right: -30px; } .KKBonuseProgrammSmart .KKBonuseProgramm__SectionTitle { margin-bottom: 25px; } .KKBonuseProgrammSmart__TextNote { margin-top: 20px; } } @media (max-width: 767px){ .KKBonuseProgramm__SectionTitle { font-size: 30px; } .KKBonuseProgrammJoin__Title { font-size: 33px; } .KKBonuseProgrammPlayer__Title { font-size: 26px; margin-bottom: 35px; } .KKBonuseProgrammPlayer__Triangle:before { left: -4px; } .KKBonuseProgrammPrivilegeItems__ItemTitle { margin-bottom: 18px; } .KKBonuseProgrammPrivilegeItems__ItemBtnWrp{ margin-top: 18px; } .KKBonuseProgrammFaqTabs__ItemBottomContent { padding: 5px 20px 25px 50px; } } @media (max-width: 650px){ .KKBonuseProgrammJoin__Title { font-size: 28px; margin-bottom: 25px; } .KKBonuseProgramm__Section { padding: 45px 0; } .KKBonuseProgramm { font-size: 17px; } .KKBonuseProgramm__Btn { font-size: 15px; } .KKBonuseProgrammPlayer__Title { font-size: 23px; margin-bottom: 30px; } .KKBonuseProgrammPlayer__Triangle:before { left: -2px; } .KKBonuseProgrammPlayer__Title { font-size: 21px; } .KKBonuseProgramm__SectionTitle { font-size: 25px; } .KKBonuseProgrammPurchase__InnerRow{ display: block; } .KKBonuseProgrammPurchase__InnerCol._img { width: 170px; margin: 0 auto 30px; } .KKBonuseProgrammPurchase__InnerCol._text{ max-width: 360px; margin: 0 auto; } .KKBonuseProgramm__SectionTitle._purchase{ text-align: center; } .KKBonuseProgrammPurchase__InnerCol._text .KKBonuseProgramm__BtnWrp { text-align: center; } .KKBonuseProgrammHow__InfografList{ display: block; } .KKBonuseProgrammHow__InfografItem { margin: 0 0 45px; padding: 0 15px; width: 100%; text-align: center; } .KKBonuseProgrammHow__InfografItemInner { margin: 0 auto; } .KKBonuseProgrammPercentGraf:before{ display: none; } .KKBonuseProgrammPercentGraf__ItemCircle{ display: none; } .KKBonuseProgrammPercentGraf__Item._v5, .KKBonuseProgrammPercentGraf__Item._v7, .KKBonuseProgrammPercentGraf__Item._v10, .KKBonuseProgrammPercentGraf__Item._v15 { width: 50%; margin-bottom: 25px; } .KKBonuseProgrammCard__InfografList{ display: block; } .KKBonuseProgrammCard__InfografItem{ width: 100%; } .KKBonuseProgrammCard__InfografItemInner { max-width: 220px; margin: 0 auto; text-align: center; } .KKBonuseProgrammCard__InfografItemImg img { margin-right: 0; } .KKBonuseProgrammCard__InfografItem._or .KKBonuseProgrammCard__InfografItemImg{ display: none; } .KKBonuseProgrammCard__InfografItem._or .KKBonuseProgrammCard__InfografItemTitle{ padding: 10px 0; font-weight: 600; font-size: 20px; } .KKBonuseProgrammCard__InfografItemImg{ height: 135px; } .KKBonuseProgrammPrivilegeItems__Item { display: block; margin: 0 auto 50px; padding-bottom: 35px; border-bottom: 1px solid #f1f1f1; } .KKBonuseProgrammPrivilegeItems__Item:last-child{ margin: 0 auto 0; padding-bottom: 0; border-bottom: none; } .KKBonuseProgrammPrivilegeItems__ItemCol._img { margin-right: 0; width: 140px; margin-bottom: 20px; margin: 0 auto 20px; } .KKBonuseProgrammPrivilegeItems__ItemCol._desc { text-align: center; } .KKBonuseProgrammPercentGraf { padding: 0; } .KKBonuseProgramm__SectionTitle._percent { margin: 0 auto 35px; } .KKBonuseProgramm__SectionTitle._contacts { margin-bottom: 25px; } .KKBonuseProgrammContacts__ContBlockRow{ display: block; } .KKBonuseProgrammContacts__ContBlock{ width: 100%; margin-bottom: 25px; } .KKBonuseProgrammContacts__ContBlock:last-child{ margin-bottom: 0; } .KKBonuseProgrammContacts__ContBlockTitle { margin-bottom: 10px; } .KKBonuseProgrammSmart__Row{ display: block; } .KKBonuseProgrammSmart__Col._img{ width: auto; max-width: 325px; text-align: center; margin: 0 auto; } .KKBonuseProgrammSmart__Col._text{ padding-top: 35px; max-width: 360px; margin: 0 auto; } .KKBonuseProgrammSmart__TextNote { font-size: 14px; } .KKBonuseProgrammSmart .KKBonuseProgramm__BtnWrp { text-align: center; } } @media (max-width: 360px){ .KKBonuseProgrammJoin__Title { font-size: 25px; margin-bottom: 25px; } .KKBonuseProgrammPrivilegeItems__ItemBtn, .KKBonuseProgramm__Btn { width: 100%; } } /* Animate */ .KKBonuseProgrammPrivilegeItems__ItemBtn, .KKBonuseProgramm__Btn{ -webkit-transition: .3s all; -o-transition: .3s all; -moz-transition: .3s all; transition: .3s all; } .KKBonuseProgramm__Btn._red:hover { color: #ffffff; background: hsl(0, 100%, 40%); } .KKBonuseProgrammPrivilegeItems__ItemBtn:hover{ color: #000000; border-color: #000000; } .KKBonuseProgramm__Btn._white:hover{ background-color: #ffbb12; } /* End */ /* /static_files/_refactor/lib/flatpickr/style.css?167583140416190 */ /* /static_files/css/comp_gift.css?17308790444445 */ /* /static_files/css/comp_select.css?17304600111305 */ /* /bonus/style.css?167583140226139 */