/* Start:/local/templates/okddd_365mg_footer/assets/main.css?1612542429197104*/ .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{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}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;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:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.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{color:rgba(57,57,57,0.3);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)}} .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; -webkit-box-shadow: 0 3px 13px rgba(0,0,0,0.08); box-shadow: 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(0.23, 1, 0.32, 1); animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.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 rgba(72,72,72,0.1); } .flatpickr-calendar.hasTime .flatpickr-innerContainer { border-bottom: 0; } .flatpickr-calendar.hasTime .flatpickr-time { border: 1px solid rgba(72,72,72,0.1); } .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: rgba(72,72,72,0.1); } .flatpickr-calendar.arrowTop:after { border-bottom-color: #ffb866; } .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { top: 100%; } .flatpickr-calendar.arrowBottom:before { border-top-color: rgba(72,72,72,0.1); } .flatpickr-calendar.arrowBottom:after { border-top-color: #ffb866; } .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 { border-radius: 5px 5px 0 0; background: #ffb866; color: #fff; fill: #fff; 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 { text-decoration: none; cursor: pointer; position: absolute; top: 0; height: 34px; padding: 10px; z-index: 3; color: #fff; fill: #fff; } .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: #bbb; } .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 0.1s; transition: fill 0.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(72,72,72,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(72,72,72,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(72,72,72,0.6); top: 40%; } .numInputWrapper span svg { width: inherit; height: auto; } .numInputWrapper span svg path { fill: rgba(255,255,255,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(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: 0.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: #fff; } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: #fff; } .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 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(255,255,255,0.5); background: transparent; pointer-events: none; } .flatpickr-current-month .flatpickr-monthDropdown-months { appearance: menulist; background: #ffb866; 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 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: #ffb866; outline: none; padding: 0; } .flatpickr-weekdays { background: #ffb866; 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: #ffb866; 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; border-left: 1px solid rgba(72,72,72,0.1); border-right: 1px solid rgba(72,72,72,0.1); } .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(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); opacity: 1; } .dayContainer + .dayContainer { -webkit-box-shadow: -1px 0 0 rgba(72,72,72,0.1); box-shadow: -1px 0 0 rgba(72,72,72,0.1); } .flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #484848; 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: #e2e2e2; border-color: #e2e2e2; } .flatpickr-day.today { border-color: #bbb; } .flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: #bbb; background: #bbb; 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: #ffb866; -webkit-box-shadow: none; box-shadow: none; color: #fff; border-color: #ffb866; } .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 #ffb866; box-shadow: -10px 0 0 #ffb866; } .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 #e2e2e2, 5px 0 0 #e2e2e2; box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2; } .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 { color: rgba(72,72,72,0.3); background: transparent; border-color: transparent; cursor: default; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { cursor: not-allowed; color: rgba(72,72,72,0.1); } .flatpickr-day.week.selected { border-radius: 0; -webkit-box-shadow: -5px 0 0 #ffb866, 5px 0 0 #ffb866; box-shadow: -5px 0 0 #ffb866, 5px 0 0 #ffb866; } .flatpickr-day.hidden { visibility: hidden; } .rangeMode .flatpickr-day { margin-top: 1px; } .flatpickr-weekwrapper { float: left; } .flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; border-left: 1px solid rgba(72,72,72,0.1); } .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(72,72,72,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; background: #fff; border-bottom: 1px solid rgba(72,72,72,0.1); } .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; background: #fff; border-radius: 0 0 5px 5px; } .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: #484848; } .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #484848; } .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: #484848; 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: #484848; 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: #eaeaea; } .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); } } .datepicker { display: inline-block; -webkit-tap-highlight-color: rgba(0,0,0,0); } .datepicker table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; } .datepicker table th, .datepicker table td { width: calc(100% / 7); padding: 0; } .datepicker table th { color: #90CAF9; text-transform: uppercase; font-size: 0.5rem; line-height: 4; font-weight: bold; text-align: center; } .datepicker__wrapper { color: #333; border-radius: 0.125rem; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0.5rem; position: relative; z-index: 1; background: white; border: 1px solid #2196F3; width: 16rem; } .datepicker__wrapper::after { content: ''; display: table; clear: both; } .datepicker:not(.is-inline) .datepicker__wrapper { box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.2); margin: 0.25rem 0; } .datepicker__header { position: relative; text-align: center; background: #2196F3; padding: 0.25rem; margin: -0.5rem -0.5rem 0; } .datepicker__title { display: inline-block; padding: 0.25rem; font-size: 0.875rem; line-height: 1.5rem; font-weight: bold; color: white; } .datepicker__prev, .datepicker__next { display: block; cursor: pointer; position: relative; outline: none; width: 2rem; height: 2rem; border-radius: 50%; background: no-repeat center / 60%; font-size: 0; } .datepicker__prev:hover, .datepicker__next:hover { background-color: #1E88E5; } .datepicker__prev { float: left; background-image: url('data:image/svg+xml,'); } .datepicker__next { float: right; background-image: url('data:image/svg+xml,'); } .datepicker__prev.is-disabled, .datepicker__next.is-disabled { pointer-events: none; cursor: default; opacity: 0.4; } .datepicker__time { padding: 0.5rem 1rem; margin: 0 -0.5rem; font-size: 0.75rem; text-align: right; background: #E3F2FD; border-bottom: 1px solid #BBDEFB; } .datepicker__label { margin-right: 1rem; color: rgba(0,0,0,0.4); float: left; } .datepicker__field { display: inline-block; margin: 0 0.125rem; color: #333; width: 2ch; } .datepicker__field span { display: block; width: 100%; } .datepicker__day { color: #333; } .datepicker__day div { cursor: pointer; display: block; box-sizing: border-box; border: 0; margin: 0; background: transparent; position: relative; border-radius: 50%; } .datepicker__day div::after { content: ''; display: block; border-radius: 50%; padding-top: 100%; position: relative; background: inherit; z-index: 1; } .datepicker__day div:hover, .datepicker__day.is-highlighted div { background: #E3F2FD; } .datepicker__day.is-today { color: #2196F3; } .datepicker__day.is-today div::after { box-shadow: inset 0 0 0 1px currentColor; } .datepicker__day.is-today.is-disabled.is-selected div::after, .datepicker__day.is-today.is-otherMonth.is-selected div::after { box-shadow: none; } .datepicker__day.is-selected div { background: #2196F3; } .datepicker__day.is-selected:hover div::after { background: #1E88E5; } .datepicker__day.is-selected .datepicker__daynum { font-weight: bold; color: white; } .datepicker__day.is-selected + .is-selected div::before, .datepicker__day.is-highlighted + .is-highlighted div::before { content: ''; position: absolute; top: 0; left: -50%; width: 100%; height: 100%; background: inherit; z-index: 0; } .datepicker__day.is-disabled, .datepicker__day.is-otherMonth { cursor: default; pointer-events: none; color: #BBDEFB; } .datepicker__day.is-disabled.is-selected .datepicker__daynum, .datepicker__day.is-otherMonth.is-selected .datepicker__daynum { color: rgba(0,0,0,0.2); } .datepicker__day.is-disabled.is-selected div, .datepicker__day.is-otherMonth.is-selected div, .datepicker__day.is-disabled.is-selected + .is-selected div::before, .datepicker__day.is-otherMonth.is-selected + .is-selected div::before { background: #E3F2FD; } .datepicker__daynum { position: absolute; top: 50%; left: 0; width: 100%; font-size: 0.75rem; line-height: 1rem; margin-top: -0.5rem; text-align: center; z-index: 2; } @keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);height:100%;line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:calc(10px * 2);padding:calc(var(--plyr-control-spacing,10px) * 2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(calc(10px * -4));transform:translateY(calc(var(--plyr-control-spacing,10px) * -4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7);position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:calc(10px / 4);margin-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:calc(10px / 4);padding-left:calc(var(--plyr-control-spacing,10px)/ 4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 calc(10px / 2);padding:0 calc(var(--plyr-control-spacing,10px)/ 2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls:empty{display:none}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);background:var(--plyr-menu-background,rgba(255,255,255,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:rgba(255,255,255,.9);border-top-color:var(--plyr-menu-background,rgba(255,255,255,.9));content:'';height:0;position:absolute;right:calc(((18px / 2) + calc(10px * .7)) - (4px / 2));right:calc(((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)) - (var(--plyr-menu-arrow-size,4px)/ 2));top:100%;width:0}.plyr__menu__container [role=menu]{padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding-bottom:calc(calc(10px * .7)/ 1.5);padding-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);padding-left:calc(calc(10px * .7) * 1.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-right:calc(calc(10px * .7) * 1.5);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-top:calc(calc(10px * .7)/ 1.5);padding-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:calc(calc(10px * .7) * 4);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4)}.plyr__menu__container .plyr__control--forward::after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:calc((calc(10px * .7) * 1.5) - 4px);right:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:calc(10px * .7);margin:calc(var(--plyr-control-spacing,10px) * .7);margin-bottom:calc(calc(10px * .7)/ 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);padding-left:calc(calc(10px * .7) * 4);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4);position:relative;width:calc(100% - (calc(10px * .7) * 2));width:calc(100% - (calc(var(--plyr-control-spacing,10px) * .7) * 2))}.plyr__menu__container .plyr__control--back::after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:calc((calc(10px * .7) * 1.5) - 4px);left:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back::before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:'';height:1px;left:0;margin-top:calc(calc(10px * .7)/ 2);margin-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:calc(10px * .7);padding-left:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc((calc(10px * .7) - 2) * -1);margin-right:calc((calc(var(--plyr-control-spacing,10px) * .7) - 2) * -1);overflow:hidden;padding-left:calc(calc(10px * .7) * 3.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:calc(13px * 2);border-radius:calc(var(--plyr-range-thumb-height,13px) * 2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:calc((3px * 2) + 13px);height:calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px));margin:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);-webkit-appearance:none;margin-top:calc(((13px - 5px)/ 2) * -1);margin-top:calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/ 2) * -1)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:calc(5px / 2);border-radius:calc(var(--plyr-range-track-height,5px)/ 2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr__poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:calc(768px - 1)){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:rgba(255,255,255,.9);background:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:calc(10px / 2) calc(calc(10px / 2) * 1.5);padding:calc(var(--plyr-control-spacing,10px)/ 2) calc(calc(var(--plyr-control-spacing,10px)/ 2) * 1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:calc((18px / 2) + calc(10px * .7));left:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7))}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:calc((18px / 2) + calc(10px * .7));right:calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7));transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr__progress{left:calc(13px * .5);left:calc(var(--plyr-range-thumb-height,13px) * .5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:calc(13px * -.5);margin-left:calc(var(--plyr-range-thumb-height,13px) * -.5);margin-right:calc(13px * -.5);margin-right:calc(var(--plyr-range-thumb-height,13px) * -.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:calc((5px / 2) * -1);margin-top:calc((var(--plyr-range-track-height,5px)/ 2) * -1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,40,47,.6) 50%,rgba(35,40,47,.6) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:calc(10px / 2);margin-left:calc(var(--plyr-control-spacing,10px)/ 2);margin-right:calc(10px / 2);margin-right:calc(var(--plyr-control-spacing,10px)/ 2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;left:0;position:absolute;top:0}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:calc(10px / 2);padding:calc(var(--plyr-control-spacing,10px)/ 2);padding-top:calc(10px * 2);padding-top:calc(var(--plyr-control-spacing,10px) * 2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:calc(10px * 3.5);padding-top:calc(var(--plyr-control-spacing,10px) * 3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:calc(10px * 1.5);padding:calc(var(--plyr-control-spacing,10px) * 1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--video .plyr__progress__buffer{color:rgba(255,255,255,.25);color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin:-var(--plyr-range-track-height,5px)/2 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);background-color:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:calc(calc(10px / 2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important} /** * Swiper 6.3.3 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 9, 2020 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { padding: 0; margin: 0; font: inherit; font-size: 100%; vertical-align: baseline; border: 0; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote::before, blockquote::after { content: ''; content: none; } q::before, q::after { content: ''; content: none; } table { border-spacing: 0; border-collapse: collapse; } /* stylelint-disable scss/operator-no-unspaced */ @font-face { font-family: "RotondaC"; font-style: normal; font-weight: normal; src: url(/local/templates/okddd_365mg_footer/assets/fonts/RotondaC.eot); src: local("RotondaC"), url(/local/templates/okddd_365mg_footer/assets/fonts/RotondaC.eot?#iefix) format("embedded-opentype"), url(/local/templates/okddd_365mg_footer/assets/fonts/RotondaC.woff) format("woff"), url(/local/templates/okddd_365mg_footer/assets/fonts/RotondaC.ttf) format("truetype"); } @font-face { font-family: "RotondaC"; font-style: normal; font-weight: bold; src: url(/local/templates/okddd_365mg_footer/assets/fonts/RotondaC-Bold.eot); src: local("RotondaC Bold"), local("RotondaC-Bold"), url(/local/templates/okddd_365mg_footer/assets/fonts/RotondaC-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/okddd_365mg_footer/assets/fonts/RotondaC-Bold.woff) format("woff"), url(/local/templates/okddd_365mg_footer/assets/fonts/RotondaC-Bold.ttf) format("truetype"); } /* Colors */ /* Global */ /* Typography */ /* UI */ * { -webkit-box-sizing: border-box; box-sizing: border-box; } .container { width: 100%; max-width: 1230px; padding: 0 15px; margin: 0 auto; } section { padding: 60px 0; } @media (max-width: 1024px) { section { padding: 40px 0; } } @media (max-width: 600px) { section { padding: 20px 0; } } section:first-child { margin-top: 90px; } @media (max-width: 1200px) { section:first-child { margin-top: 80px; } } @media (max-width: 900px) { section:first-child { margin-top: 70px; } } .page-title { margin: 0; font-size: 2.8125rem; font-weight: bold; color: #343a40; } .section-title { font-size: 2.125rem; font-weight: bold; color: #343a40; } .section-title--small { font-size: 1.25rem; } .favorite-icon { cursor: pointer; } .favorite-icon:hover > svg { fill: #bd2d21; } .favorite-icon__svg { width: 22px; min-width: 22px; height: 22px; min-height: 22px; fill: #ddd; -webkit-transition: fill ease 0.3s; transition: fill ease 0.3s; } .favorite-icon--active > svg { fill: #bd2d21; } .link { display: inline-block; font-size: 1rem; font-weight: bold; color: #176ed3; text-decoration: none; } .link:hover { text-decoration: underline; } html { font-family: "RotondaC"; font-size: 16px; line-height: 1.2; color: #343a40; background: #faf3ef; } @media (max-width: 1200px) { html { font-size: 15px; } } @media (max-width: 1024px) { html { font-size: 14px; } } @media (max-width: 600px) { html { font-size: 13px; } } h1, .h1 { margin: 0; font-family: "RotondaC"; font-size: 2.8125rem; font-weight: bold; line-height: 1.3; color: #343a40; } @media (max-width: 900px) { h1, .h1 { font-size: 2.3rem; } } h2, .h2 { margin: 0; font-family: "RotondaC"; font-size: 2.8125rem; font-weight: bold; line-height: 1.3; color: #343a40; } @media (max-width: 900px) { h2, .h2 { font-size: 2.3rem; } } h3, .h3 { margin: 0; font-family: "RotondaC"; font-size: 2.125rem; font-weight: bold; line-height: 1.3; color: #343a40; } @media (max-width: 900px) { h3, .h3 { font-size: 2rem; } } h4, .h4 { margin: 0 0 20px; font-family: "RotondaC"; font-size: 1.5625rem; font-weight: bold; line-height: 1.3; color: #343a40; } @media (max-width: 900px) { h4, .h4 { font-size: 1.35rem; } } h5, .h5 { margin: 5px 0; font-family: "RotondaC"; font-size: 1.25rem; font-weight: bold; line-height: 1.3; color: #343a40; } @media (max-width: 900px) { h5, .h5 { font-size: 1.125rem; } } h6, .h6 { margin: 5px 0; font-family: "RotondaC"; font-size: 1rem; font-weight: bold; line-height: 1.3; color: #343a40; } @media (max-width: 900px) { h6, .h6 { font-size: 1rem; } } .modal-wrapper { position: fixed; top: 0; left: 0; z-index: 10; display: block; width: 100vw; height: 100vh; padding: 20px; overflow: auto; overflow-x: hidden; overflow-y: auto; font-size: 0; text-align: center; white-space: nowrap; visibility: hidden; background-color: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: opacity 0.3s, visibility 0.4s; transition: opacity 0.3s, visibility 0.4s; } @media (max-width: 768px) { .modal-wrapper { padding: 15px; } } .modal-wrapper::before { display: inline-block; height: 100%; vertical-align: middle; content: ''; } .modal-wrapper.active { visibility: visible; opacity: 1; } .modal-wrapper.active .modal { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .modal-wrapper .modal { position: relative; z-index: 11; display: inline-block; width: 100%; max-width: 480px; padding: 50px 20px; font-size: 1rem; text-align: center; white-space: normal; vertical-align: middle; background-color: #fff; border-radius: 10px; opacity: 0; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, transform 0.4s; transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s; -webkit-transform: scale(0.6); transform: scale(0.6); } @media (max-width: 992px) { .modal-wrapper .modal { padding: 30px 20px; } } @media (max-width: 768px) { .modal-wrapper .modal { padding: 30px 15px; } } .modal-wrapper .modal--small { max-width: 340px; } .modal-wrapper .modal--medium { max-width: 540px; } .modal-wrapper .modal--large { max-width: 740px; } .modal-wrapper .modal--no-padding { padding-right: 0; padding-left: 0; } .modal { padding: 50px; } @media (max-width: 600px) { .modal { padding: 50px 20px; } } .modal .modal-close { position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; padding: 0; color: #176ed3; background-color: transparent; border: none; outline: none; } .modal .modal-close:hover { color: #343a40; } .modal .modal-close__item { position: absolute; top: 50%; left: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; height: 4px; background: currentColor; border-radius: 2px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .modal .modal-close__item:nth-child(1) { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .modal .modal-close__item:nth-child(2) { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .modal__title { margin: 0 0 10px 0; font-size: 1.125rem; font-weight: bold; color: #343a40; } .modal__text { margin: 0 0 15px 0; font-size: 0.875rem; font-weight: bold; color: #6c757d; } .modal__price { margin: 0 0 30px 0; font-size: 1.5rem; font-weight: bold; color: #176ed3; } .modal__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: -5px; } .modal__buttons .button { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: unset; margin: 5px; } .modal-datepicker { width: 100%; margin: 25px 0; } .modal-datepicker__title { display: block; margin-bottom: 10px; font-size: 16px; line-height: 1.3; color: #6c757d; text-align: left; } .modal-datepicker .datepicker { z-index: 2; width: 100%; } .modal-datepicker .datepicker__wrapper { top: calc(100% + 2px) !important; width: 100%; min-width: auto !important; border-radius: 10px !important; } /* Buttons */ button { cursor: pointer; } .button { position: relative; z-index: 1; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 220px; padding: 0.858em 1.5em; margin: 0; font-family: "RotondaC"; font-size: 16px; font-weight: bold; line-height: 1.3; color: #343a40; text-align: center; text-decoration: none; cursor: pointer; background: #ffcf40; border: 2px solid transparent; border-radius: 10px; -webkit-transition: color 0.3s, background 0.3s, border 0.3s, -webkit-box-shadow 0.3s; transition: color 0.3s, background 0.3s, border 0.3s, -webkit-box-shadow 0.3s; transition: color 0.3s, background 0.3s, border 0.3s, box-shadow 0.3s; transition: color 0.3s, background 0.3s, border 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } @media (max-width: 900px) { .button { padding: 1em 1.25em; } } .button:hover { background: transparent; border: 2px solid #ffcf40; } .button:focus { outline: transparent; -webkit-box-shadow: 0 0 6px 2px rgba(255, 207, 64, 0.6); box-shadow: 0 0 6px 2px rgba(255, 207, 64, 0.6); } .button:disabled { cursor: default; background-color: #bdbdbd; border: 2px solid transparent; } .button svg { -webkit-transition: fill 0.3s, -webkit-transform 0.3s; transition: fill 0.3s, -webkit-transform 0.3s; transition: fill 0.3s, transform 0.3s; transition: fill 0.3s, transform 0.3s, -webkit-transform 0.3s; } .button--invert { background: #fff; border: 2px solid #ffcf40; } .button--tr { background: transparent; border-color: rgba(178, 183, 188, 0.2); } .button--tr:hover { background: rgba(178, 183, 188, 0.1); border-color: rgba(178, 183, 188, 0.2); } .button--tr:focus { outline: transparent; -webkit-box-shadow: 0 0 6px 2px rgba(178, 183, 188, 0.6); box-shadow: 0 0 6px 2px rgba(178, 183, 188, 0.6); } .button--gray { min-width: 170px; color: #6c757d; background-color: rgba(196, 196, 196, 0.3); } .button--gray:hover { background-color: rgba(196, 196, 196, 0.3); border-color: #6c757d; } .button--gray:focus { -webkit-box-shadow: 0 0 6px 2px rgba(108, 117, 125, 0.6); box-shadow: 0 0 6px 2px rgba(108, 117, 125, 0.6); } .button--small { min-width: initial; padding: 0.625em 1.25em; font-size: 14px; } .button--blue-light { background: -webkit-gradient(linear, left top, left bottom, from(#00c4ef), to(#2193d3)); background: linear-gradient(180deg, #00c4ef 0%, #2193d3 100%); } .button--red { background: -webkit-gradient(linear, left top, left bottom, from(#e23d2f), to(#9b2117)); background: linear-gradient(180deg, #e23d2f 0%, #9b2117 100%); } .button--white { color: rgba(52, 58, 64, 0.5); background: #fff; } .button--white:hover { color: initial; background: initial; } .button--blue { color: #176ed3; background: none; background-color: rgba(195, 229, 242, 0.5); border-color: #176ed3; border-width: 1px; -webkit-box-shadow: none; box-shadow: none; } .button--blue:hover { color: #fff; background-color: #176ed3; -webkit-box-shadow: none; box-shadow: none; } .button--blue:hover .svg { opacity: 1; stroke: #fff; } .button--blue .svg { display: block; width: 18px; height: 18px; margin-right: 10px; opacity: 0.5; stroke: #176ed3; -webkit-transition: stroke 0.3s, opacity 0.3s; transition: stroke 0.3s, opacity 0.3s; } .button-tab { min-width: auto; margin: 0; color: rgba(108, 117, 125, 0.5); text-transform: uppercase; background: none; background-color: transparent; border: 1px solid #c3e5f2; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .button-tab:first-child { border-right: none; border-radius: 6px 0 0 6px; } .button-tab:last-child { border-left: none; border-radius: 0 6px 6px 0; } .button-tab:first-child:last-child { border: 1px solid #c3e5f2; border-radius: 6px; } .button-tab:not(:last-child)::after { position: absolute; top: 50%; right: 0; width: 1px; min-width: 1px; height: 70%; content: ''; background-color: #c3e5f2; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .button-tab:hover { background-color: rgba(195, 229, 242, 0.5); -webkit-box-shadow: none; box-shadow: none; } .button-tab.active { color: #176ed3; } .button-back { width: 50px; min-width: 50px; height: 50px; min-height: 50px; padding: 5px; background-color: transparent; border-color: rgba(255, 255, 255, 0.4); border-width: 2px; border-radius: 50%; } .button-back:hover { background-color: #fff; border-color: #fff; } .button-back .svg { display: block; width: 10px; height: 10px; stroke: #343a40; -webkit-transition: stroke 0.3s; transition: stroke 0.3s; } .button-slider { width: 48px; min-width: 48px; height: 48px; min-height: 48px; padding: 5px; background-color: transparent; border-color: rgba(175, 175, 175, 0.2); border-width: 2px; border-radius: 6px; -webkit-box-shadow: none; box-shadow: none; } .button-slider:hover { background-color: rgba(175, 175, 175, 0.2); border-color: rgba(175, 175, 175, 0.2); -webkit-box-shadow: none; box-shadow: none; } .button-slider:focus { -webkit-box-shadow: none; box-shadow: none; } .button-slider--prev .svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .button-slider--next .svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .button-slider .svg { width: 10px; height: 10px; stroke: #6639b7; -webkit-transition: stroke 0.3s; transition: stroke 0.3s; } .button--no-button { min-width: auto; padding: 0; margin: 5px; font-weight: 500; font-weight: bold; color: #6c757d; text-decoration: none; background-color: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; } .button--no-button:hover { color: #176ed3; background-color: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; } .button--no-button:active { text-decoration: none; -webkit-box-shadow: none; box-shadow: none; } .button--no-button:focus { -webkit-box-shadow: none; box-shadow: none; } .button--no-button:disabled { color: #bd2d21; background-color: transparent; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .button--no-button:disabled svg { stroke: #bd2d21; } .button--no-button .svg { display: block; width: 17px !important; min-width: 17px !important; height: 17px !important; min-height: 17px !important; margin-right: 15px; fill: currentColor; } /* Inputs && Textareas */ .input, .textarea { padding: 0.858em 1.5em; margin: 0; overflow: hidden; font-family: "RotondaC"; font-size: 14px; font-weight: bold; line-height: 1; color: #343a40; background-color: #fff; border: 2px solid rgba(178, 183, 188, 0.3); border-radius: 10px; outline: transparent; -webkit-transition: border 0.3s; transition: border 0.3s; } @media (max-width: 900px) { .input, .textarea { padding: 0.75em 1em; } } .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder { font-family: "RotondaC"; font-size: 14px; font-weight: normal; line-height: 1; color: #6c757d; opacity: 1; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; } .input:-moz-placeholder, .textarea:-moz-placeholder { font-family: "RotondaC"; font-size: 14px; font-weight: normal; line-height: 1; color: #6c757d; opacity: 1; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; } .input::-moz-placeholder, .textarea::-moz-placeholder { font-family: "RotondaC"; font-size: 14px; font-weight: normal; line-height: 1; color: #6c757d; opacity: 1; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; } .input:-ms-input-placeholder, .textarea:-ms-input-placeholder { font-family: "RotondaC"; font-size: 14px; font-weight: normal; line-height: 1; color: #6c757d; opacity: 1; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; } .input:hover, .textarea:hover { border: 2px solid #ffcf40; } .input:focus, .textarea:focus { border: 2px solid #ffcf40; -webkit-box-shadow: 0 0 6px 2px rgba(255, 207, 64, 0.6); box-shadow: 0 0 6px 2px rgba(255, 207, 64, 0.6); } .input:focus::-webkit-input-placeholder, .textarea:focus::-webkit-input-placeholder { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .input:focus:-moz-placeholder, .textarea:focus:-moz-placeholder { opacity: 0; transform: translateX(100%); } .input:focus::-moz-placeholder, .textarea:focus::-moz-placeholder { opacity: 0; transform: translateX(100%); } .input:focus:-ms-input-placeholder, .textarea:focus:-ms-input-placeholder { opacity: 0; transform: translateX(100%); } .textarea { height: 100px; padding: 0.858em 1.5em; margin: 0; resize: none; } @media (max-width: 900px) { .textarea { padding: 0.75em 1em; } } /* Checkboxes && Radios */ .checkbox, .radio { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 5px 0; cursor: pointer; } .checkbox:hover .checkbox__custom, .checkbox:hover .radio__custom, .radio:hover .checkbox__custom, .radio:hover .radio__custom { border-color: #343a40; } .checkbox__input, .radio__input { position: absolute; top: 50%; left: 50%; z-index: -2; width: 1px; height: 1px; margin: 0; opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .checkbox__input:checked + .checkbox__custom, .radio__input:checked + .checkbox__custom { background-color: #ececec; } .checkbox__input:checked + .checkbox__custom .checkbox__icon, .radio__input:checked + .checkbox__custom .checkbox__icon { opacity: 1; } .checkbox__custom, .radio__custom { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24px; min-width: 24px; height: 24px; min-height: 24px; margin: 0 10px 0 0; background-color: #ececec; border: 1px solid transparent; border-radius: 5px; -webkit-transition: 0.3s; transition: 0.3s; } .checkbox__info, .radio__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .checkbox__img-wrapper, .radio__img-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 40px; height: 30px; margin-right: 10px; } .checkbox__img-wrapper--small, .radio__img-wrapper--small { min-width: 25px; } .checkbox__img-wrapper--small .radio__img, .radio__img-wrapper--small .radio__img { max-width: 25px; } .checkbox__img, .radio__img { display: block; width: auto; max-width: 40px; height: auto; max-height: 100%; margin: auto; } .checkbox__desc, .radio__desc { margin: auto 0; } .checkbox__text, .radio__text { display: block; font-family: "RotondaC"; font-size: 14px; font-weight: normal; line-height: 1.5; color: #343a40; } .checkbox__link, .radio__link { color: #6c757d; text-decoration: none; -webkit-transition: color 0.3s; transition: color 0.3s; } .checkbox__link:hover, .radio__link:hover { color: #6c757d; text-decoration: underline; } .checkbox__icon, .radio__icon { width: 14px; height: 14px; opacity: 0; stroke: #343a40; -webkit-transition: 0.3s; transition: 0.3s; } .radio { margin: 5px 0; } .radio__input:checked + .radio__custom { background-color: #ececec; } .radio__input:checked + .radio__custom::before { opacity: 1; } .radio__custom { position: relative; width: 20px; min-width: 20px; height: 20px; min-height: 20px; margin: 0 10px 0 0; background-color: #ececec; border-radius: 50%; } .radio__custom::before { position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; content: ''; background-color: #343a40; border-radius: 50%; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* Cancel (Test) */ .cancel { position: relative; width: 18px; height: 18px; padding: 0; background-color: transparent; border: none; } .cancel--fixed { position: fixed; top: 20px; right: 20px; width: 25px; height: 25px; } .cancel:hover .cancel__item, .cancel:focus .cancel__item { background-color: #bd2d21; } .cancel__item { position: absolute; display: block; width: 100%; height: 2px; background-color: #bdbdbd; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .cancel__item:first-child { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .cancel__item:last-child { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .header { position: fixed; top: 0; left: 0; z-index: 7; width: 100vw; padding: 10px 0; background-color: #fff; } @media (max-width: 1200px) { .header { padding: 5px 0; } } @media (max-width: 900px) { .header .nav, .header .phone-link { display: none; } } .header-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .logo { display: block; width: 100%; max-width: 80px; margin-right: 20px; text-decoration: none; } .logo__img { display: block; width: 100%; height: auto; } .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-link { margin: 0 20px; font-size: 16px; color: #343a40; text-decoration: none; -webkit-transition: color 0.3s; transition: color 0.3s; } .nav-link:hover { color: #176ed3; } .phone-link { margin-right: 20px; font-size: 20px; font-weight: bold; color: #343a40; text-decoration: none; -webkit-transition: color 0.3s; transition: color 0.3s; } .phone-link:hover { color: #176ed3; } .basket-link { color: #343a40; text-align: center; text-decoration: none; -webkit-transition: color 0.3s; transition: color 0.3s; } @media (max-width: 900px) { .basket-link { margin-left: auto; } } .basket-link:hover { color: #176ed3; } .basket-link__icon { display: block; width: 24px; height: 24px; margin: 0 auto; stroke: currentColor; } .basket-link__text { margin-top: 5px; font-size: 14px; font-weight: bold; line-height: 1.5; color: currentColor; } .hamburger { display: none; } @media (max-width: 900px) { .hamburger { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 34px; min-width: 34px; padding: 5px; margin-right: -5px; margin-left: 30px; cursor: pointer; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; } .hamburger:active .hamburger__item { background-color: #176ed3; } .hamburger__item { display: block; width: 24px; height: 2px; margin: 3px 0; background-color: #343a40; border-radius: 4px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } } .menu { display: none; } @media (max-width: 900px) { .menu { position: fixed; bottom: 0; left: 0; z-index: 9; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; visibility: hidden; background-color: #fff; opacity: 0; -webkit-transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s; transition: transform 0.5s, opacity 0.5s, visibility 0.5s; transition: transform 0.5s, opacity 0.5s, visibility 0.5s, -webkit-transform 0.5s; -webkit-transform: translateX(100%); transform: translateX(100%); } } .menu.active { visibility: visible; opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .menu .container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } .menu-close__button { position: relative; top: 25px; right: -10px; bottom: 0; z-index: 1; width: 40px; height: 40px; padding: 5px; margin-right: 0; margin-bottom: 15px; margin-left: auto; background-color: transparent; border: none; border-radius: 50%; outline: none; -webkit-transition: opacity 0.7s, visibility 0.7s, -webkit-transform 0.7s; transition: opacity 0.7s, visibility 0.7s, -webkit-transform 0.7s; transition: transform 0.7s, opacity 0.7s, visibility 0.7s; transition: transform 0.7s, opacity 0.7s, visibility 0.7s, -webkit-transform 0.7s; -webkit-transition-delay: 0s; transition-delay: 0s; } .menu-close__button:active .menu-close__item { background-color: #bd2d21; } .menu-close__item { position: absolute; display: block; width: 25px; height: 2px; background-color: #343a40; border-radius: 4px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .menu-close__item:nth-child(1) { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .menu-close__item:nth-child(2) { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } @media (max-width: 900px) { .menu-overlay { position: fixed; top: 0; left: 0; z-index: 8; width: 100%; height: 100%; visibility: hidden; background-color: #343a40; opacity: 0; -webkit-transition: opacity 0.5s, visibility 0.5s; transition: opacity 0.5s, visibility 0.5s; } .menu-overlay.active { visibility: visible; opacity: 0.7; } } .menu-wrapper { position: relative; display: block; height: 100%; padding: 20px 15px; overflow-x: hidden; scrollbar-color: #176ed3 transparent; scrollbar-width: thin; } .menu-wrapper::-webkit-scrollbar { width: 4px; } .menu-wrapper::-webkit-scrollbar-thumb { background: #176ed3; border-radius: 0; } .menu-wrapper::-webkit-scrollbar-track { background: transparent; border-radius: 0; } .menu-top { position: relative; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 5px 15px; background-color: #fff; } .menu-top .menu-close__button { top: 0; margin-bottom: 0; } @media (max-width: 900px) { .menu-wrap { position: relative; width: 100%; text-align: center; background-color: #fff; } } .menu-wrap .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 auto 30px; } .menu-wrap .nav-link { margin: 10px 0; font-weight: bold; } .menu-wrap .nav-link:hover { color: #176ed3; } .menu-wrap .phone-link { margin: 15px auto 0; } .hero-section { position: relative; padding: 0; background: #dad4cf; background-image: url(/local/templates/okddd_365mg_footer/assets/images/hero-bg.png); background-repeat: no-repeat; background-position: bottom right 100px; background-size: contain; } @media (max-width: 1200px) { .hero-section { background-position: center right -80px; } } @media (max-width: 600px) { .hero-section { background-position: bottom right -60px; } } @media (max-width: 480px) { .hero-section { background-position: bottom center; } } @media (max-width: 480px) { .hero-section { background-size: 140%; } .hero-section::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; background: rgba(218, 212, 207, 0.6); } } .hero { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 680px; } @media (max-width: 1200px) { .hero { height: auto; } } .hero__wrapper { position: relative; z-index: 1; width: 100%; padding: 120px 0; } @media (max-width: 900px) { .hero__wrapper { padding: 60px 0; } } @media (max-width: 600px) { .hero__wrapper { padding: 20px; } } @media (max-width: 480px) { .hero__wrapper { padding: 80px 0 140px; text-align: center; } } .hero__title { margin: 0 0 20px; font-size: 2.8125rem; font-weight: bold; line-height: 1.4; color: #343a40; } @media (max-width: 900px) { .hero__title { line-height: 1.2; } } @media (max-width: 600px) { .hero__title { font-size: 1.875rem; } } .hero__text { margin: 0 0 60px; font-size: 1rem; line-height: 1.5; color: #6c757d; } @media (max-width: 600px) { .hero__text { margin: 0 0 20px; font-size: 1.125rem; } } @media (max-width: 480px) { .hero__text { color: #343a40; } } .hero__button { height: 60px; margin: 0 0 30px 0; } @media (max-width: 600px) { .hero__button { height: 70px; margin: 0 0 20px 0; } } .hero__subtext { font-size: 1rem; font-weight: bold; line-height: 1.5; color: #343a40; } .programs-section__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: -5px -5px 35px -5px; } .programs-section__header > * { margin: 5px; } @media (max-width: 900px) { .programs-section__header { margin: -5px -5px 15px -5px; } } @media (max-width: 600px) { .programs-section .tabs { width: 100%; } .programs-section .tabs__trigger { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } .programs-section .tabs-contents { margin: 0 0 80px 0; } @media (max-width: 900px) { .programs-section .tabs-contents { margin: 0 0 20px 0; } } .programs-wrapper .date-filter, .schedule-wrapper .date-filter { margin: 0 0 30px 0; } @media (max-width: 900px) { .programs-wrapper .date-filter, .schedule-wrapper .date-filter { margin: 0 0 20px 0; } } .programs-wrapper .hashtags, .schedule-wrapper .hashtags { margin: 0 0 30px 0; } @media (max-width: 900px) { .programs-wrapper .hashtags, .schedule-wrapper .hashtags { margin: 0 0 20px 0; } } .program-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; } .program-list .program.program--big { width: calc(100% - 20px); margin: 10px 10px 50px 10px; } @media (max-width: 900px) { .program-list .program.program--big { margin: 10px; } } .program-list .program { width: calc(33.3333% - 20px); margin: 10px; } @media (max-width: 1024px) { .program-list .program { width: calc(50% - 20px); margin: 10px; } } @media (max-width: 700px) { .program-list .program { width: calc(100% - 20px); margin: 10px; } } .program-list .banner { margin: 30px 10px; } @media (max-width: 900px) { .program-list .banner { margin: 10px; } } .program-list .loader-wrapper { margin: 30px 10px 10px; } @media (max-width: 900px) { .program-list .loader-wrapper { margin: 10px; } } .program { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; background: #fff; border-radius: 10px; } .program__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .program__img-link { display: -webkit-box; display: -ms-flexbox; display: flex; height: 220px; overflow: hidden; } .program__img-link:hover > img { -webkit-transform: scale(1.4); transform: scale(1.4); } .program__img { width: 100%; height: 100%; -webkit-transition: -webkit-transform ease-in-out 1.6s; transition: -webkit-transform ease-in-out 1.6s; transition: transform ease-in-out 1.6s; transition: transform ease-in-out 1.6s, -webkit-transform ease-in-out 1.6s; -webkit-transform: scale(1); transform: scale(1); -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .program__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px; } @media (max-width: 1024px) { .program__content { padding: 20px; } } .program__content .prices-wrapper { padding: 20px 10px; margin: auto 0 0; background: #f0f0f0; border-radius: 20px; } .program__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 10px 0; } .program__top-title { font-size: 1.5rem; font-weight: bold; color: #343a40; text-decoration: none; } .program__top-title:hover { text-decoration: underline; } .program__top-favorite { margin: 0 0 0 5px; } .program__description { margin: 0 0 30px 0; } @media (max-width: 900px) { .program__description { margin: 0 0 20px 0; } } .program__description p { font-size: 1rem; line-height: 1.5; color: #6c757d; } .program__properties { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px -15px 20px -15px; } @media (max-width: 900px) { .program__properties { margin: -5px -15px 10px -15px; } } .program__property { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 5px 15px; } .program__property-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 48px; min-width: 48px; height: 48px; min-height: 48px; margin: 0 10px 0 0; overflow: hidden; background: #faf3ef; border-radius: 50%; } .program__property-icon svg { width: 24px; min-width: 24px; height: 24px; min-height: 24px; fill: #6c757d; stroke: #6c757d; } .program__property-icon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .program__property-text { font-size: 1rem; font-weight: bold; color: #343a40; } @media (min-width: 600px) { .program--big .program__wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; min-height: 450px; } .program--big .program__img-link { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: unset; } .program--big .program__content { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 70px 60px; } } @media (min-width: 600px) and (max-width: 900px) { .program--big .program__content { padding: 40px; } } @media (min-width: 600px) { .program--big .program__top { margin: 0 0 20px 0; } .program--big .program__properties { margin: -5px -15px 40px -15px; } } @media (min-width: 600px) and (max-width: 900px) { .program--big .program__properties { margin: -5px -15px 20px -15px; } } .schedule { position: relative; overflow: hidden; background: #fff; border: 1px solid #faf3ef; border-radius: 10px; } @media (max-width: 1200px) { .schedule { overflow-x: auto; } .schedule::-webkit-scrollbar { height: 10px; } .schedule::-webkit-scrollbar-thumb { background: #ffcf40; border-radius: 0; } .schedule::-webkit-scrollbar-track { background: #ffedb6; border-radius: 0; } } .schedule__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 80px; } .schedule__header .schedule__col { font-size: 1rem; font-weight: bold; color: #6c757d; background: #fff; } .schedule__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; min-height: 70px; } .schedule__row:last-child .schedule__col { border-bottom: none; } .schedule__col { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; font-size: 1rem; font-weight: bold; color: #343a40; background: #ffedb6; border-right: 2px solid #faf3ef; border-bottom: 2px solid #faf3ef; } @media (max-width: 1200px) { .schedule__col { min-width: 180px; } } .schedule__col:empty { background: #fff; } .schedule__col:first-child { min-width: 100px; max-width: 100px; color: #6c757d; background: #fff; } .schedule__col:last-child { border-right: none; } .schedule__text { position: relative; z-index: 1; padding: 5px 20px; text-align: center; } .schedule__img { position: absolute; right: 10px; bottom: 0; z-index: 0; width: 42px; } .detail-section { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 730px; background-color: #ffcf40; background-image: url(/local/templates/okddd_365mg_footer/assets/images/detail_bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } @media (max-width: 1200px) { .detail-section { min-height: auto; } .detail-section::after { position: absolute; top: 0; right: 0; width: 100%; height: 100%; content: ''; background: rgba(218, 212, 207, 0.5); } } @media (max-width: 900px) { .detail-section { background-image: none; } .detail-section::after { content: none; } } .detail-wrap { height: 100%; } @media (max-width: 1200px) { .detail-wrap { position: relative; z-index: 1; } } .detail-header { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .detail-header .button-back { margin-right: 20px; } .detail-info { margin: 20px 0; } .detail-info .properties { margin-bottom: 0; } .detail-datepicker-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 500px) { .detail-datepicker-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .detail-datepicker-wrapper .datepicker { pointer-events: none; } @media (max-width: 500px) { .detail-datepicker-left { display: -webkit-box; display: -ms-flexbox; display: flex; } } .datepicker { position: relative; z-index: 1; } @media (max-width: 400px) { .datepicker { width: 100%; } } .datepicker .datepicker__wrapper { min-width: 320px; padding: 15px; margin: 0 !important; font-family: "RotondaC"; font-weight: bold; background-color: #fdae07; border: none; border-radius: 6px; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-transition: border 0.5s; transition: border 0.5s; } @media (max-width: 700px) { .datepicker .datepicker__wrapper { width: 100%; min-width: 300px; padding: 15px 10px; } } @media (max-width: 500px) { .datepicker .datepicker__wrapper { max-width: 100%; } } .datepicker .datepicker__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 0; margin: 0; background: transparent; background-color: transparent; } .datepicker .datepicker__titles { margin: 0 10px; } .datepicker .datepicker__title { padding: 0; font-size: 16px; font-weight: bold; color: #000; -webkit-transition: color 0.3s; transition: color 0.3s; } .datepicker .datepicker__title:hover { color: #343a40; } .datepicker .datepicker__prev, .datepicker .datepicker__next { float: unset; width: 20px; min-width: auto; height: 20px; padding: 0; margin: 0; pointer-events: all; background-color: transparent; background-image: none; border: none; } .datepicker .datepicker__prev:hover, .datepicker .datepicker__next:hover { background-color: transparent; opacity: 1; } .datepicker .datepicker__prev:hover .svg, .datepicker .datepicker__next:hover .svg { stroke: #fff; } .datepicker .datepicker__prev .svg, .datepicker .datepicker__next .svg { width: 10px; height: 10px; stroke: #343a40; } .datepicker .datepicker__prev .svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .datepicker .datepicker__next .svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .datepicker table th { font-size: 13px; font-weight: bold; line-height: 3; color: #343a40; text-transform: none; } .datepicker tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -7px; } .datepicker .datepicker__day { display: block; margin: 1px 7px; } .datepicker .datepicker__day div { color: #000; } .datepicker .datepicker__day div:hover { color: #343a40; background: transparent; background-color: rgba(255, 229, 150, 0.3); } .datepicker .datepicker__day.is-otherMonth { color: #343a40; opacity: 0.5; } .datepicker .datepicker__day.is-today { color: #343a40; } .datepicker .datepicker__day.is-today div { color: #fff; background-color: transparent; border: 2px solid #fff; } .datepicker .datepicker__day.is-today div::after { -webkit-box-shadow: none; box-shadow: none; } .datepicker .datepicker__day.is-today div:hover { color: #343a40; background: transparent; background-color: #ffe596; } .datepicker .datepicker__day.is-selected .datepicker__daynum { color: #343a40; } .datepicker .datepicker__day.is-selected div { background: transparent; background-color: rgba(255, 229, 150, 0.5); } .datepicker .datepicker__day.is-selected div::after { background: transparent; background-color: rgba(255, 229, 150, 0.3); } .datepicker .datepicker__day.is-selected div::before { content: none; } .datepicker .datepicker__day.highlighted .datepicker__daynum { color: #bd2d21; } .datepicker .datepicker__daynum { font-size: 13px; } .detail-datepicker-right { width: 100%; margin-left: 30px; } @media (max-width: 600px) { .detail-datepicker-right { margin-left: 15px; } } @media (max-width: 500px) { .detail-datepicker-right { margin-top: 20px; margin-left: 0; } } .detail-datepicker-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 500px) { .detail-datepicker-info { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 0; } } .detail-datepicker-info-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 500px) { .detail-datepicker-info-row { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .detail-datepicker-info-row:not(:last-of-type) { margin-bottom: 35px; } @media (max-width: 500px) { .detail-datepicker-info-row:not(:last-of-type) { margin-right: 15px; margin-bottom: 0; } } .detail-datepicker-info-row__icon-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30px; min-width: 30px; height: auto; min-height: 20px; margin-right: 10px; } .detail-datepicker-info-row__icon { display: block; width: 100%; height: auto; } .detail-datepicker-info-row__custom { width: 20px; min-width: 20px; height: 20px; min-height: 20px; background-color: #ffe596; border-radius: 50%; } .detail-datepicker-info-row__text { font-size: 1rem; line-height: 1.3; color: #343a40; } .detail-datepicker-info-row__date { display: block; margin-top: 8px; font-size: 1rem; font-weight: bold; color: #343a40; } .detail-datepicker-info-row .link { margin-top: 15px; } .detail-datepicker-info-row .properties { margin: -5px -15px; } .detail-pay { width: 100%; max-width: 500px; margin-top: 30px; } .detail-pay .prices { margin: 0 -8px; } .detail-pay .price { width: calc(100% / 3 - 16px); margin: 8px; } .detail-pay__title { margin-bottom: 15px; font-size: 1.5625rem; font-weight: bold; line-height: 1.3; } .personal-section .page-title { margin: 20px 0 40px; } @media (max-width: 900px) { .personal-section .page-title { margin: 20px 0; } } .personal-section .section-title { margin: 0 0 40px 0; } @media (max-width: 900px) { .personal-section .section-title { margin: 0 0 20px 0; } } .personal-section .container > div:not(:last-of-type) { margin: 0 0 80px 0; } @media (max-width: 900px) { .personal-section .container > div:not(:last-of-type) { margin: 0 0 20px 0; } } .personal-data__warning { margin: 0 0 10px 0; font-weight: 550; color: #bd2d21; } .personal-data__warning--hidden { display: none; } .personal-data__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 800px; margin: -10px; } @media (max-width: 900px) { .personal-data__wrapper { width: calc(100% + 10px); margin: -5px; } } @media (max-width: 600px) { .personal-data__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .personal-data__label { position: relative; width: calc(50% - 20px); margin: 10px; } @media (max-width: 600px) { .personal-data__label--password { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (max-width: 900px) { .personal-data__label { width: calc(50% - 10px); margin: 5px; } } @media (max-width: 600px) { .personal-data__label { width: calc(100% - 10px); } } .personal-data__input { width: 100%; height: 60px; margin: 0; font-size: 0.9375rem; font-weight: 550; color: #343a40; } .personal-data__input:disabled { background: rgba(230, 230, 230, 0.6); } .personal-data__input--text-align-right { padding: 1.25rem 1.25rem 1.25rem 150px; text-align: right; } .personal-data__button { position: relative; width: calc(50% - 20px); height: 60px; padding: 1.25rem; margin: 10px 10px 10px auto; } @media (max-width: 900px) { .personal-data__button { width: calc(50% - 10px); margin: 5px 5px 5px auto; } } @media (max-width: 600px) { .personal-data__button { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: calc(100% - 10px); } } .personal-webinar__item { position: relative; margin: 0 0 20px 0; overflow: hidden; border-radius: 10px; -webkit-box-shadow: 0 4px 15px rgba(166, 176, 185, 0.15); box-shadow: 0 4px 15px rgba(166, 176, 185, 0.15); } .personal-webinar__item.active .personal-webinar__button .svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .personal-webinar__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 180px; background: #fff; } @media (max-width: 900px) { .personal-webinar__header { min-height: auto; padding: 20px; } } .personal-webinar__link { position: relative; display: block; -ms-flex-item-align: normal; align-self: normal; width: 180px; margin: 0 40px 0 0; overflow: hidden; } @media (max-width: 900px) { .personal-webinar__link { width: 120px; margin: 0 20px 0 0; } } @media (max-width: 600px) { .personal-webinar__link { display: none; } } .personal-webinar__image-wrapper { width: 100%; height: 100%; overflow: hidden; } .personal-webinar__image-wrapper::before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; content: ''; background: -webkit-gradient(linear, left bottom, left top, from(rgba(44, 44, 44, 0.3)), to(rgba(44, 44, 44, 0.3))); background: linear-gradient(0deg, rgba(44, 44, 44, 0.3), rgba(44, 44, 44, 0.3)); opacity: 0.6; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .personal-webinar__image { display: block; width: 100%; height: 100%; -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; } .personal-webinar__image-icon { position: absolute; top: 50%; left: 50%; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 60px; height: 60px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 900px) { .personal-webinar__image-icon { width: 40px; height: 40px; } } .personal-webinar__image-icon .svg { width: 30px; min-width: 30px; height: 30px; min-height: 30px; fill: #fff; } @media (max-width: 900px) { .personal-webinar__image-icon .svg { width: 14px; height: 14px; } } .personal-webinar__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 40px 0 0; } @media (max-width: 900px) { .personal-webinar__text { margin: 0 20px 0 0; } } .personal-webinar__title { margin: 0 0 10px 0; font-size: 1.5625rem; font-weight: 550; line-height: 1.5; color: #343a40; text-decoration: none; -webkit-transition: color 0.3s; transition: color 0.3s; } .personal-webinar__title:hover { color: #176ed3; } .personal-webinar__description { font-size: 1rem; line-height: 1.6; color: #6c757d; } .personal-webinar__button { display: inline-block; width: 58px; min-width: 58px; height: 58px; min-height: 58px; padding: 16px; margin: 0 10px 0 auto; border-color: rgba(178, 183, 188, 0.2); } .personal-webinar__button .svg { width: 10px; max-height: 10px; margin: 0; stroke: #176ed3; } .personal-webinar__content { max-height: 0; -webkit-transition: max-height 0.3s; transition: max-height 0.3s; } .personal-webinar__content-wrapper { padding: 0 40px 40px 40px; background: #fff; border-top: 1px solid #e6e6e6; } @media (max-width: 900px) { .personal-webinar__content-wrapper { padding: 0 20px 20px 20px; } } .personal-webinar__content-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 40px 0 0 0; } @media (max-width: 900px) { .personal-webinar__content-inner { padding: 20px 0 0 0; } } @media (max-width: 600px) { .personal-webinar__content-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .personal-webinar__content-left { -ms-flex-item-align: end; align-self: flex-end; width: 180px; margin: 0 40px 0 0; font-size: 1rem; line-height: 1.6; color: #6c757d; } @media (max-width: 900px) { .personal-webinar__content-left { width: 120px; margin: 0 20px 0 0; } } @media (max-width: 600px) { .personal-webinar__content-left { -ms-flex-item-align: baseline; align-self: baseline; margin: 0 0 20px 0; } } .documents { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px -30px; } .documents__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 5px 30px; } .documents__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 58px; min-width: 58px; height: 58px; min-height: 58px; margin: 0 20px 0 0; overflow: hidden; background: #faf3ef; border-radius: 50%; } .documents__icon .svg { width: 24px; min-width: 24px; height: 24px; min-height: 24px; fill: #6c757d; } .documents__content { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .documents__name { margin: 0 0 5px 0; font-size: 1rem; font-weight: normal; color: #6c757d; } .documents__link { font-size: 1rem; font-weight: bold; color: #176ed3; text-decoration: none; } .documents__link:hover { text-decoration: underline; } .documents__link:hover svg { fill: #176ed3; } .documents__link svg { width: 18px; min-width: 18px; height: 10px; min-height: 10px; fill: rgba(23, 110, 211, 0.5); -webkit-transition: fill 0.3s; transition: fill 0.3s; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .desc-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 900px) { .desc-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; } } .desc-content { width: 100%; max-width: 840px; margin-right: 30px; } @media (max-width: 900px) { .desc-content { max-width: 100%; margin-right: 0; margin-bottom: 20px; } } .desc-content-accordion__list { height: auto; max-height: 110px; overflow: hidden; -webkit-transition: max-height 0.3s ease-in-out; transition: max-height 0.3s ease-in-out; } .desc-content-accordion__list b { font-weight: bold; } .desc-content-accordion__list p { font-size: 1rem; line-height: 1.4; color: #6c757d; } .desc-content-accordion__list p:not(:last-child) { margin: 0 0 20px 0; } .desc-content-accordion__list ul:not(:last-child) { margin: 0 0 20px 0; } .desc-content-accordion__list li { margin: 3px 0; margin: 5px 0; font-size: 16px; line-height: 1.4; color: #6c757d; } .desc-content-accordion__list li::before { display: inline; margin-right: 3px; font-size: 16px; font-weight: bold; color: #176ed3; vertical-align: middle; content: '\2022'; } .desc-content-accordion__button { margin: 15px 0 0; font-size: 1.25rem; cursor: pointer; } :root { --plyr-color-main: #176ed3; --plyr-control-radius: 8px; } .desc-content-video-wrapper { position: relative; width: 100%; margin: 70px 0; overflow: hidden; border-radius: 10px; } @media (max-width: 1200px) { .desc-content-video-wrapper { margin: 40px 0; } } @media (max-width: 900px) { .desc-content-video-wrapper { margin: 30px 0; } } .desc-content-video-wrapper::after { display: block; width: 1px; padding-top: 56.25%; content: ''; } .desc-content-video-wrapper .plyr { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; } .desc-content-video-wrapper .plyr--stopped::before { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; content: ''; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3))); background: linear-gradient(0deg, rgba(0, 0, 0, 0.3)); } .desc-content-video-wrapper .plyr--stopped .plyr__controls { display: none; } .desc-content-video-wrapper .plyr--stopped + .desc-content-video-placeholder { display: -webkit-box; display: -ms-flexbox; display: flex; } .desc-content-video-wrapper .plyr .plyr__control--overlaid { display: none; } .desc-content-video-placeholder { position: absolute; top: 0; left: 0; z-index: 1; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; text-align: center; cursor: pointer; } .desc-content-video-placeholder__button { min-width: auto; padding: 0; margin-right: 10px; color: #ffcf40; background-color: transparent; border: none; } .desc-content-video-placeholder__button:hover { color: #ffcf40; background-color: transparent; border: none; } .desc-content-video-placeholder__button .svg { width: 16px; height: 16px; fill: currentColor; } .desc-content-video-placeholder__title { margin: 0; color: #fff; } .desc-content-video-placeholder .desc-content-video-info { -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset; } .desc-content-list__item { margin: 3px 0; } .desc-content-list__text { margin: 5px 0; font-size: 16px; line-height: 1.4; } .desc-content-list__text::before { display: inline; margin-right: 3px; font-size: 16px; font-weight: bold; color: #176ed3; vertical-align: middle; content: '\2022'; } .desc-aside { position: -webkit-sticky; position: sticky; top: 120px; width: 100%; max-width: 410px; padding: 30px 40px; background-color: #fff; border-radius: 10px; } @media (max-width: 1024px) { .desc-aside { max-width: 350px; padding: 20px 30px; } } @media (max-width: 900px) { .desc-aside { position: static; max-width: 100%; } } @media (min-width: 601px) { .instruction-section { padding-top: 30px; } } .instruction__title { margin-bottom: 40px; } @media (max-width: 900px) { .instruction__title { margin-bottom: 20px; } } .instruction-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px; counter-reset: count; } @media (max-width: 900px) { .instruction-list { margin: -5px; } } .instruction-item { width: calc(25% - 20px); padding: 20px 20px 30px 30px; margin: 10px; counter-increment: count; background-color: #fff; border-radius: 10px; } @media (max-width: 1200px) { .instruction-item { width: calc(100% / 3 - 20px); } } @media (max-width: 900px) { .instruction-item { width: calc(100% / 3 - 10px); padding: 20px; margin: 5px; } } @media (max-width: 800px) { .instruction-item { width: calc(50% - 10px); } } @media (max-width: 600px) { .instruction-item { width: calc(100% - 10px); padding: 15px; } } .instruction-item:nth-child(-n + 9) .instruction-item__top::before { content: "0" counter(count); } .instruction-item__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } @media (max-width: 900px) { .instruction-item__top { margin-bottom: 20px; } } .instruction-item__top::before { font-size: 2.5rem; font-weight: bold; color: #f0ded3; content: counter(count); } .instruction-item__img-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 70px; min-width: 70px; height: 70px; min-height: 70px; } @media (max-width: 800px) { .instruction-item__img-wrapper { width: 50px; min-width: 50px; height: 50px; min-height: 50px; } } .instruction-item__img { display: block; width: auto; max-width: 100%; height: auto; max-height: 100%; } .instruction-item__title { font-size: 20px; } .similar-section { overflow: hidden; } .similar-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 60px; } @media (max-width: 1200px) { .similar-header { margin-bottom: 40px; } } @media (max-width: 600px) { .similar-header { margin-bottom: 20px; } } .similar-header .similar__title { margin-right: 20px; } .similar-header .slider-buttons { margin-left: auto; } .slider-buttons { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: -5px; } .slider-buttons .button-slider { margin: 5px; } @media (max-width: 500px) { .similar-slider-wrapper { padding: 0 15px; } } .similar-slider .program { width: 100%; max-width: 380px; height: auto; margin: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } @media (max-width: 500px) { .similar-slider .program { width: auto; max-width: none; } } .similar-slider .program:not(.swiper-slide-active).not-visible { opacity: 0.2; } .basket-section { position: relative; } .basket__title { margin-top: 20px; } .basket-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 40px 0 60px; } @media (max-width: 1024px) { .basket-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 900px) { .basket-wrap { margin: 20px 0; } } .basket__subtitle em { color: #6c757d; } .basket { width: 100%; max-width: 800px; } @media (max-width: 1024px) { .basket { max-width: 100%; } } .basket-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } .basket-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 600px) { .basket-list { margin: 0 -2px; } } .basket-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; overflow: hidden; background-color: #fff; border-radius: 8px; } @media (max-width: 500px) { .basket-list-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .basket-list-item:not(:last-of-type) { margin-bottom: 20px; } .basket-list-item__img-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 230px; } @media (max-width: 700px) { .basket-list-item__img-wrapper { max-width: 200px; } } @media (max-width: 600px) { .basket-list-item__img-wrapper { max-width: 170px; } } @media (max-width: 500px) { .basket-list-item__img-wrapper { max-width: 100%; height: 200px; } } .basket-list-item__img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .basket-list-item__wrap { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 25px 25px 35px 40px; } @media (max-width: 900px) { .basket-list-item__wrap { padding: 20px 25px; } } @media (max-width: 600px) { .basket-list-item__wrap { padding: 20px; } } .basket-list-item__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 25px; } @media (max-width: 600px) { .basket-list-item__top { margin-bottom: 20px; } } .basket-list-item__top .button { margin: 0; } .basket-list-item__top .button .svg { margin: 0; } .basket-list-item__title { margin: 0 20px 0 0; text-decoration: none; -webkit-transition: color 0.3s; transition: color 0.3s; } .basket-list-item__title:hover { color: #176ed3; } .basket-list-item__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 600px) { .basket-list-item__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; } } .basket-list-item .properties { margin: -5px -15px; } .basket-list-item .property { width: calc(100% - 30px); } .basket-list-item__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: right; } @media (max-width: 600px) { .basket-list-item__info { margin-top: 15px; margin-left: auto; } } .basket-list-item__price { font-size: 1.5rem; font-weight: bold; color: #176ed3; } .basket-list-item__type { margin-top: 5px; font-size: 14px; font-weight: bold; line-height: 1.3; color: #6c757d; } .basket-aside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 390px; padding: 30px; margin-top: 55px; margin-left: 20px; overflow: hidden; background-color: #fff; border: 1px solid #faf3ef; border-radius: 8px; } @media (max-width: 1200px) { .basket-aside { max-width: 340px; } } @media (max-width: 1024px) { .basket-aside { max-width: 100%; margin-top: 20px; margin-left: 0; } } @media (max-width: 600px) { .basket-aside { padding: 15px; } } .basket-aside .help-card-form__text { width: 100%; max-width: 240px; margin: 10px auto 15px; } @media (max-width: 1024px) { .basket-aside .help-card-form__text { max-width: 100%; margin: 5px auto 10px; text-align: center; } } .basket-aside > .button { margin: 30px 0 0; } .basket-aside-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .basket-aside-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 4px 0; } .basket-aside-list-item:first-child .basket-aside-list-item__title { font-size: 16px; font-weight: 500; color: #343a40; } .basket-aside-list-item:first-child .basket-aside-list-item__price { font-size: 1.125rem; font-weight: bold; color: #343a40; } .basket-aside-list-item:last-child { position: relative; z-index: 1; padding: 20px 0; margin-top: 20px; } .basket-aside-list-item:last-child::before { position: absolute; top: 50%; left: 50%; z-index: -1; width: 400vw; height: 100%; content: ''; background-color: #faf3ef; opacity: 0.5; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 600px) { .basket-aside-list-item:last-child { padding: 10px 0; margin-top: 10px; } } .basket-aside-list-item:last-child .basket-aside-list-item__title { font-size: 16px; font-weight: bold; color: #343a40; } .basket-aside-list-item:last-child .basket-aside-list-item__price { font-size: 1.5rem; font-weight: bold; color: #176ed3; } .basket-aside-list-item__title { font-size: 14px; font-weight: normal; line-height: 1.3; color: #6c757d; } .basket-aside-list-item__price { font-family: "Arial"; font-size: 14px; font-weight: normal; line-height: 1.3; color: #6c757d; } .basket-aside-list-item__price--blue { color: #176ed3; } .basket-aside-list-item__price em { font-family: "RotondaC"; } .basket-aside-coupon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 25px; } .basket-aside-coupon .button, .basket-aside-coupon .input { width: 100%; height: 50px; margin: 0; } .basket-aside-coupon .button { border-radius: 0 0 8px 8px; } .basket-aside-coupon .input { border-radius: 8px 8px 0 0; } .basket-aside__text { width: 100%; max-width: 260px; margin: 20px auto 0; line-height: 1.3; color: #6c757d; text-align: center; } .basket-aside__link { display: inline-block; color: #176ed3; text-decoration: none; } .basket-aside__link:hover { text-decoration: underline; } .order-row { margin-top: 40px; } @media (max-width: 900px) { .order-row { margin-top: 20px; } } .order-row:not(:last-of-type) { margin-bottom: 40px; } @media (max-width: 900px) { .order-row:not(:last-of-type) { margin-bottom: 20px; } } .order-row-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; } @media (max-width: 600px) { .order-row-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .order-col { width: 100%; max-width: 360px; } .order-col:nth-child(odd) { margin-right: 20px; } .order-col-wrap { margin-top: 10px; } .order-col-wrap .radio { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 8px 0; } .order-col-wrap .radio__custom { margin-top: 5px; } .order-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .order-info .label { margin-top: 10px; } @media (max-width: 600px) { .order-info .label { margin: 5px 0; } } .order-info-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -10px; } @media (max-width: 600px) { .order-info-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; } } .order-info-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; margin: 10px; } @media (max-width: 600px) { .order-info-col { margin: 0; } } .order-info-col .input { height: 60px; } .order-info-col .input, .order-info-col .textarea { width: 100%; margin: 10px 0; } @media (max-width: 600px) { .order-info-col .input, .order-info-col .textarea { margin: 5px 0; } } @media (min-width: 601px) { .order-info-col .textarea { height: 100%; } } @media (min-width: 501px) { .order-list .basket-list-item__img-wrapper { max-width: 160px; } } @media (min-width: 501px) { .order-list .basket-list-item__wrap { padding: 25px 25px 25px 35px; } } @media (min-width: 501px) { .order-list .basket-list-item .property { width: auto; } } .tabs { position: relative; } .tabs__triggers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; border-radius: 10px; } .tabs__trigger { min-width: unset; height: 48px; margin: 5px; } .tabs__content { display: none; } .tabs__content.active { display: block; } .date-filter { padding: 65px 60px; background: #fff; border-radius: 10px; } @media (max-width: 1200px) { .date-filter { padding: 35px 30px; } } @media (max-width: 1100px) { .date-filter { padding: 20px; } } .date-filter__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: -10px -15px; } .date-filter__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 10px 15px; } @media (max-width: 600px) { .date-filter__row { width: 100%; } } .date-filter__row:first-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .date-filter__row .datepicker { z-index: 2; width: 100%; } .date-filter__row .datepicker .datepicker__wrapper { top: calc(100% + 2px) !important; width: 100%; border-radius: 10px; } @media (max-width: 700px) { .date-filter__row .datepicker .datepicker__wrapper { right: 0; left: auto !important; max-width: 320px; } } .date-filter__row > .button { height: 50px; } @media (max-width: 600px) { .date-filter__row > .button { width: 100%; } } .date-filter__name { margin: 0 0 20px; font-size: 2rem; font-weight: 600; color: #ffcf40; } .date-filter__label { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .date-filter__label-input { width: 100%; min-width: 230px; height: 50px; padding-right: calc(3em + 24px); } .date-filter__label-input:focus { border: 2px solid #ffcf40; -webkit-box-shadow: 0 0 6px 2px rgba(255, 207, 64, 0.6); box-shadow: 0 0 6px 2px rgba(255, 207, 64, 0.6); } .date-filter__label-input:focus::-webkit-input-placeholder { opacity: 0; -webkit-transform: none; transform: none; } .date-filter__label-input:focus:-moz-placeholder { opacity: 0; transform: none; } .date-filter__label-input:focus::-moz-placeholder { opacity: 0; transform: none; } .date-filter__label-input:focus:-ms-input-placeholder { opacity: 0; transform: none; } .date-filter__label-icon { position: absolute; top: 50%; right: 1.5em; width: 24px; min-width: 24px; height: 24px; min-height: 24px; pointer-events: none; fill: #b2b7bc; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .date-filter__inputs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 10px); margin: -5px; } @media (max-width: 600px) { .date-filter__inputs { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .date-filter__inputs label { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto; margin: 5px; } .date-filter__inputs input { position: absolute; top: 50%; left: 50%; width: 0; height: 0; visibility: hidden; opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .date-filter__inputs input:checked ~ .input { color: #343a40; background: #ffcf40; border-color: #ffcf40; } .date-filter__inputs .input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 50px; font-size: 1rem; color: #b2b7bc; white-space: nowrap; cursor: pointer; -webkit-transition: color ease 0.3s, background ease 0.3s, border-color ease 0.3s; transition: color ease 0.3s, background ease 0.3s, border-color ease 0.3s; } .hashtags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: -5px; } .hashtags__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 14px; margin: 5px; font-size: 1rem; font-weight: bold; line-height: 18px; color: #343a40; text-decoration: none; background-color: transparent; border: 2px solid rgba(255, 207, 64, 0.5); border-radius: 10px; -webkit-transition: background ease 0.3s, border ease 0.3s; transition: background ease 0.3s, border ease 0.3s; } .hashtags__item:hover, .hashtags__item.active { background-color: rgba(255, 207, 64, 0.5); border-color: transparent; } .banner { position: relative; width: 100%; padding: 60px; overflow: hidden; background: #fff; background-image: url(/local/templates/okddd_365mg_footer/assets/images/banner-bg_1.png); background-repeat: no-repeat; background-position: center right; background-size: cover; border-radius: 10px; } @media (max-width: 900px) { .banner { padding: 20px; } } @media (max-width: 600px) { .banner { padding: 50px 0 160px; text-align: center; background-position: bottom -100px right -180px; background-size: auto; } .banner::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(rgba(255, 255, 255, 0))); background: linear-gradient(180deg, white 50%, rgba(255, 255, 255, 0) 100%); } } .banner__wrapper { position: relative; z-index: 1; } .banner__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin: 30px 0 0 0; } @media (max-width: 900px) { .banner__bottom { margin: 20px 0 0 0; } } @media (max-width: 600px) { .banner__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 40px 0 0 0; } } .banner__bottom .button { height: 70px; margin: 0 20px 0 0; } @media (max-width: 900px) { .banner__bottom .button { height: 50px; } } @media (max-width: 600px) { .banner__bottom .button { margin: 0 0 10px 0; } } .banner__bottom .link { margin: 10px 0 0 0; } .banner p { margin: 0 0 10px 0; font-size: 1rem; font-weight: bold; color: #6c757d; } .banner h4 { margin: 0; font-size: 2.125rem; font-weight: bold; color: #343a40; } .loader-wrapper { width: 100%; text-align: center; } .loader-wrapper__count { margin: 0 0 10px 0; font-size: 1.25rem; font-weight: bold; color: #343a40; } .loader-wrapper__text { font-size: 1rem; color: #6c757d; } .loader-wrapper .loader { margin: 0 0 20px 0; } .loader { width: 32px; min-width: 32px; height: 32px; min-height: 32px; -webkit-animation: 2.5s linear 0s infinite rotate; animation: 2.5s linear 0s infinite rotate; } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { from { -webkit-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .feedback { padding: 70px; overflow: hidden; background-color: #fff; background-image: url(/local/templates/okddd_365mg_footer/assets/images/feedback-bg.png); background-repeat: no-repeat; background-position: center left; background-size: cover; border-radius: 10px; } @media (max-width: 600px) { .feedback { padding: 20px; } } .feedback__title { margin: 0 0 10px 0; font-size: 2.125rem; font-weight: bold; color: #343a40; } .feedback__text { margin: 0 0 50px 0; font-size: 1rem; font-weight: bold; line-height: 1.5; color: #6c757d; } @media (max-width: 600px) { .feedback__text { margin: 0 0 20px 0; } } .feedback__inputs { margin: 0 20px 0 0; } .feedback__inputs .input { width: 300px; } .feedback__inputs .input.invalid { color: #bd2d21; border-color: #bd2d21; } .feedback__inputs .input.invalid::-webkit-input-placeholder { color: #bd2d21; } .feedback__inputs .input.invalid:-moz-placeholder { color: #bd2d21; } .feedback__inputs .input.invalid::-moz-placeholder { color: #bd2d21; } .feedback__inputs .input.invalid:-ms-input-placeholder { color: #bd2d21; } .feedback__inputs .input.invalid:focus { -webkit-box-shadow: 0 0 6px 2px rgba(189, 45, 33, 0.6); box-shadow: 0 0 6px 2px rgba(189, 45, 33, 0.6); } .feedback__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: -10px -10px 50px -10px; } @media (max-width: 900px) { .feedback__row { margin: -5px -5px 15px -5px; } } .feedback__row .button, .feedback__row .input { height: 60px; margin: 10px; } @media (max-width: 900px) { .feedback__row .button, .feedback__row .input { width: 100%; margin: 5px; } } .feedback__policy { font-size: 0.875rem; color: #6c757d; } .feedback__policy a { font-size: 0.875rem; font-weight: bold; color: #6c757d; text-decoration: none; } .feedback__policy a:hover { text-decoration: underline; } .properties { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 20px -15px -5px -15px; } @media (max-width: 900px) { .properties { margin: 10px -15px -5px -15px; } } .properties--big .property__icon { width: 58px; min-width: 58px; height: 58px; min-height: 58px; margin: 0 20px 0 0; } .properties--big .property__icon svg { width: 28px; min-width: 28px; height: 28px; min-height: 28px; } .properties--big .property__name { margin: 0 0 5px 0; font-size: 1rem; font-weight: normal; color: #6c757d; } .property { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 5px 15px; } .property__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 48px; min-width: 48px; height: 48px; min-height: 48px; margin: 0 10px 0 0; overflow: hidden; background: #faf3ef; border-radius: 50%; } .property__icon svg { width: 24px; min-width: 24px; height: 24px; min-height: 24px; fill: #6c757d; stroke: #6c757d; } .property__icon img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .property__text { font-size: 1rem; font-weight: bold; color: #343a40; } .prices { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px -5px; } .prices__title { width: 100%; margin: 5px 5px 20px; font-size: 1rem; font-weight: bold; text-align: center; } .price { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0.75rem; margin: 5px; text-align: center; cursor: pointer; background: #ffcf40; border: 2px solid transparent; border-radius: 10px; -webkit-transition: border ease 0.3s, background ease 0.3s; transition: border ease 0.3s, background ease 0.3s; } .price:hover { background: transparent; border: 2px solid #ffcf40; } .price--white { background-color: #fff; } .price--white:hover { background-color: #fff; border: 2px solid #176ed3; } @media (max-width: 600px) { .price { padding: 0.5rem 0.75rem; } } .price p { font-size: 0.75rem; font-weight: bold; line-height: 18px; color: #6c757d; } .price p:first-of-type { font-size: 1rem; color: #343a40; } .schedule { position: relative; overflow: hidden; background: #fff; border: 1px solid #faf3ef; border-radius: 10px; } @media (max-width: 1200px) { .schedule { overflow-x: auto; } .schedule::-webkit-scrollbar { height: 10px; } .schedule::-webkit-scrollbar-thumb { background: #ffcf40; border-radius: 0; } .schedule::-webkit-scrollbar-track { background: #ffedb6; border-radius: 0; } } .schedule__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 80px; } @media (max-width: 900px) { .schedule__header { height: 60px; } } .schedule__header .schedule__col { font-size: 1rem; font-weight: bold; color: #6c757d; background: #fff; } .schedule__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; min-height: 70px; } @media (max-width: 900px) { .schedule__row { min-height: 50px; } } .schedule__row:last-child .schedule__col { border-bottom: none; } .schedule__col { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; font-size: 1rem; font-weight: bold; color: #343a40; background: #ffedb6; border-right: 2px solid #faf3ef; border-bottom: 2px solid #faf3ef; } @media (max-width: 1200px) { .schedule__col { min-width: 180px; } } .schedule__col:empty { background: #fff; } .schedule__col:first-child { min-width: 100px; max-width: 100px; color: #6c757d; background: #fff; } @media (max-width: 900px) { .schedule__col:first-child { min-width: 80px; max-width: 80px; } } .schedule__col:last-child { border-right: none; } .schedule__text { position: relative; z-index: 1; padding: 5px 20px; text-align: center; } .schedule__img { position: absolute; right: 10px; bottom: 0; z-index: 0; width: 42px; } .breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .breadcrumbs__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .breadcrumbs__item:not(:last-of-type)::after { display: block; margin: 0 2px; color: #6c757d; content: '/'; } .breadcrumbs__link { font-size: 1rem; color: #6c757d; text-decoration: none; -webkit-transition: color 0.3s; transition: color 0.3s; } .breadcrumbs__link:hover { color: #176ed3; } .breadcrumbs__text { font-size: 1rem; font-weight: 500; color: #6c757d; } .order { position: relative; margin: 0 0 20px 0; overflow: hidden; border-radius: 10px; -webkit-box-shadow: 0 4px 15px rgba(166, 176, 185, 0.15); box-shadow: 0 4px 15px rgba(166, 176, 185, 0.15); } .order.active .order__content { border-top: 1px solid #e6e6e6; } .order.active .order__footer { border-top: none; } .order.active .order__footer-accordion-button { color: #6c757d; } .order.active .order__footer-accordion-button:hover { color: #343a40; } .order__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 50px; background: #fff; } @media (max-width: 900px) { .order__header { padding: 20px; } } @media (max-width: 600px) { .order__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .order__header-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 5; -ms-flex-positive: 5; flex-grow: 5; margin: -10px; } @media (max-width: 600px) { .order__header-left { margin: -5px -5px 5px -5px; } } .order__header-left > * { margin: 10px; } @media (max-width: 600px) { .order__header-left > * { margin: 5px; } } @media (max-width: 900px) { .order__header-left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .order__header-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin: -10px; } @media (max-width: 600px) { .order__header-right { width: 100%; margin: -5px; } } .order__header-right > * { margin: 10px; } @media (max-width: 600px) { .order__header-right > * { margin: 5px; } } @media (max-width: 900px) { .order__header-right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .order__header-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 900px) { .order__header-name { width: 50%; } } .order__header-name h4, .order__header-name h4 a { margin: 0; font-size: 20px; font-weight: bold; line-height: 1.3; color: #343a40; text-decoration: none; } .order__header-name h4 a:hover, .order__header-name h4 a a:hover { text-decoration: underline; } .order__header-name p { font-size: 1rem; line-height: 1.3; color: #6c757d; } .order__header-date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 900px) { .order__header-date { width: 50%; } } .order__header-date p { margin: 0 0 10px 0; font-size: 1rem; line-height: 1.3; color: #6c757d; } @media (max-width: 600px) { .order__header-date p { margin: 0 0 5px 0; } } .order__header-date time { font-size: 1rem; font-weight: bold; line-height: 1.3; color: #343a40; } .order__header-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: right; } @media (max-width: 600px) { .order__header-price { text-align: start; } } .order__header-price p { font-size: 0.875rem; line-height: 1.3; color: #6c757d; } .order__header-price b { font-size: 1.5rem; font-weight: bold; line-height: 1.3; color: #176ed3; } .order__header-button { width: 260px; height: 100%; } @media (max-width: 600px) { .order__header-button { width: 100%; } } .order__content { max-height: 0; overflow: hidden; background-color: #fff; -webkit-transition: max-height ease 0.3s; transition: max-height ease 0.3s; } .order__content-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow-x: auto; overflow-y: hidden; } .order__content-list::-webkit-scrollbar { height: 10px; } .order__content-list::-webkit-scrollbar-thumb { background: #ffcf40; border-radius: 0; } .order__content-list::-webkit-scrollbar-track { background: #ffedb6; border-radius: 0; } .order__content-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-width: 1000px; padding: 15px 50px; } @media (max-width: 900px) { .order__content-item { padding: 10px 20px; } } .order__content-item:nth-child(odd) { background-color: rgba(250, 243, 239, 0.5); } .order__content-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 340px; } .order__content-name-img { width: 40px; min-width: 40px; height: 40px; min-height: 40px; margin: 0 10px 0 0; border-radius: 10px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .order__content-name-link { font-size: 1.125rem; font-weight: bold; color: #343a40; text-decoration: none; } .order__content-name-link:hover { text-decoration: underline; } .order__content-properties { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .order__content-properties.properties { margin: -5px -15px -5px -15px; } .order__content-duration { width: 120px; font-size: 1rem; line-height: 1.3; color: #6c757d; text-align: center; } .order__content-choose { display: block; margin-top: 2px; font-size: 16px; font-weight: bold; line-height: 1.3; color: #176ed3; cursor: pointer; -webkit-transition: color 0.3s; transition: color 0.3s; } .order__content-choose:hover { color: #ffcf40; } .order__content-date { display: block; margin-top: 2px; font-size: 16px; font-weight: bold; line-height: 1.3; color: #343a40; } .order__content-price { width: 120px; font-size: 1.5rem; font-weight: bold; color: #343a40; text-align: right; } .order__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px 50px; background: #fff; border-top: 1px solid #e6e6e6; } @media (max-width: 900px) { .order__footer { padding: 20px; } } .order__footer-accordion-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 1.125rem; font-weight: bold; color: #176ed3; cursor: pointer; -webkit-transition: color ease 0.3s; transition: color ease 0.3s; } .order__footer-accordion-button:hover { color: #343a40; } .order__footer-delete-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 32px; min-width: 32px; height: 32px; min-height: 32px; background-color: transparent; border-radius: 50%; -webkit-transition: background-color ease 0.3s; transition: background-color ease 0.3s; } .order__footer-delete-button:hover { background-color: #ffcf40; } .order__footer-delete-button:hover .svg { fill: #343a40; } .order__footer-delete-button .svg { width: 16px; min-width: 16px; height: 16px; min-height: 16px; fill: #6c757d; -webkit-transition: fill ease 0.3s; transition: fill ease 0.3s; } .order__button { min-width: 140px; margin: 0 40px 0 auto; } .order--paid .order__header-price b { color: #343a40; } .order--paid .order__header-button { cursor: auto; background-color: #b9fad7; } .order--paid .order__header-button:hover { border-color: #b9fad7; } .modal.modal-map-school { background: rgba(183, 207, 191, 1); } /* End */ /* Start:/local/templates/okddd_365mg_footer/custom.css?16793802485648*/ .competences { position: relative; } .competences__h2 { margin-bottom: 30px; } .competences__list { display: flex; flex-wrap: wrap; margin: 0 -20px -40px; } .competences__item { display: flex; width: 33%; padding: 0 20px 40px; } @media screen and (min-width: 1200px) { body .competences__decor-wave { content: ''; position: absolute; bottom: 0; left: 0; /* z-index: -1;*/ width: 100%; height: 350px; background: url('https://okddd.ru/free-activities/novyy-razdel/img/decor-wave.png') center no-repeat; background-size: cover; } body .competences::before { content: ''; position: absolute; top: 341px; left: 32%; z-index:2; width: 110px; height: 110px; background: url('https://okddd.ru/free-activities/novyy-razdel/img/decor-cube.png') center no-repeat; background-size: contain; } body .competences::after { content: ''; position: absolute; top: 92px; right: 20%; z-index: 2; width: 110px; height: 110px; background: url('https://okddd.ru/free-activities/novyy-razdel/img/decor-cube.png') center no-repeat; background-size: contain; } } /* Карточка компетенции */ .card-competence { padding: 15px 50px 15px 30px; border-radius: 8px; background-color: #f3f3f3; } .card-competence__icon { width: 90px; height: 90px; margin-bottom: 20px; } .card-competence__descr { font-size: 22px; font-weight: 700; line-height: 1.2em; color: #000; } .card-competence__more { display: inline-block; margin-top: 15px; color: inherit; text-decoration: underline; } .card-competence__more:hover { text-decoration: none; } @media screen and (max-width: 1200px) { .card-competence { padding: 15px 30px; } .card-competence__icon { width: 70px; height: 70px; } .card-competence__descr { font-size: 18px; } } @media screen and (max-width: 992px) { .card-competence { padding: 15px; } .card-competence__icon { width: 60px; height: 60px; } .card-competence__descr { font-size: 16px; } } .inst img { width: 100%; max-width: 45px; } body .testimonials.children-future .testimonials-block { align-items: center; } .hero__wrapper { padding: 160px 0; } .modal-wrapper.j_modal.active { z-index: 99999 !important; } @media (max-width: 600px){ body .hero__title { font-size: 28px; width: 100%; } body .competences__item { width: unset; } body .hero__wrapper { padding: 40px 0px; margin-top: 50px; } body .testimonials .testimonials-block__second { flex-direction: column-reverse; display: flex; } body .testimonials .testimonials-block__second .testimonials-block__info { padding: 30px 0 0; margin-bottom: 40px; } body .form.form-submit.bv-form { display: unset; } body .form.form-submit.bv-form .block_TITLE { width: 100%; } body .form.form-submit.bv-form .block_EMAIL { width: 100%; } body .form.form-submit.bv-form .my-textarea { height: 179px; } body .support-form.contacts-form { margin: 0; } body section.contacts .contacts-form { margin: 0; } body .input-block.form-group.block_TITLE { width: 100%; } body .input-block.form-group.block_EMAIL { width: 100%; } body .input-block.my-textarea.form-group { height: 181px; } body .testimonials-block__info { justify-content: flex-start !important; } } @media (max-width: 765px){ body .testimonials-block__info { justify-content: flex-start !important; } body .testimonials .testimonials-block__second .testimonials-block__info { padding: 30px 0 0; margin-bottom: 40px; } body .hero__wrapper { padding: 40px 0px; margin-top: 50px; } body .testimonials .testimonials-block__second { flex-direction: column-reverse; display: flex; } body .testimonials.children-future .testimonials-block { align-items: flex-start; } body section.contacts .contacts-form { padding: 20px 52px; } body .form.form-submit.bv-form { display: unset; } .support-contacts__wrapper.wrapper { justify-content: center; } body .form.form-submit.bv-form .block_TITLE { width: 100%; } body .form.form-submit.bv-form .block_EMAIL { width: 100%; } body .form.form-submit.bv-form .my-textarea { height: 179px; } body .support-form.contacts-form { margin: 0; } body section.contacts .contacts-form { margin: 0; } body .input-block.form-group.block_TITLE { width: 100%; } body .input-block.form-group.block_EMAIL { width: 100%; } body .input-block.my-textarea.form-group { height: 181px; } } @media (max-width: 900px){ body .program__img-link { height: 100% !important; } body .support-form.contacts-form { margin: 0; } body section.contacts .contacts-form { margin: 0; } body .testimonials-block__info { justify-content: flex-start !important; } body .testimonials .testimonials-block__second { flex-direction: column-reverse; display: flex; } body .testimonials .testimonials-block__second .testimonials-block__info { padding: 30px 0 0; margin-bottom: 40px; } body .testimonials.children-future .testimonials-block { align-items: flex-start; } } body .program__img-link { height: 520px; } .program--big .program__content { padding: 70px 42px; } .program--big .program__wrapper { height: 636px; } /* End */ /* Start:/local/templates/okddd_365mg_footer/components/bitrix/menu/top/style.min.css?1611154298490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/okddd_365mg_footer/components/bitrix/menu/top/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/bitrix/components/slam/easyform/lib/css/bootstrap.min.css?160326739422741*/ .slam-easyform{font:normal 16px/1.4 "Arial", sans-serif}.slam-easyform .hidden{display:none!important;visibility:hidden!important}.slam-easyform .form-group{margin-bottom:15px}.slam-easyform .control-label{display:inline-block;margin-bottom:5px;font-weight:700}.slam-easyform .form-control{display:block;width:100%;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;box-sizing:border-box}.slam-easyform .form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)}.slam-easyform [class*="col-xs"]{float:left;position:relative;min-height:1px;padding-left:15px;padding-right:15px;box-sizing:border-box}.slam-easyform .row{margin-left:-15px;margin-right:-15px}.slam-easyform .row:before{content:" ";display:table;clear:both}.slam-easyform .col-xs-12{width:100%}.slam-easyform .col-xs-9{width:75%}.slam-easyform .col-xs-3{width:25%}.slam-easyform .radio-inline, .slam-easyform .checkbox-inline{display:inline-block;position:relative;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.slam-easyform .help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}.slam-easyform .btn:active, .slam-easyform .btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125)}.slam-easyform .btn:hover, .slam-easyform .btn:focus{color:#333;text-decoration:none}.slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open>.dropdown-toggle.btn-primary{background-image:none}.slam-easyform .btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125)}.slam-easyform .pull-right{float:right}.slam-easyform .pull-right{float:right!important}.slam-easyform .btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.slam-easyform .btn-primary:active:hover, .slam-easyform .btn-primary.active:hover, .slam-easyform .open>.dropdown-toggle.btn-primary:hover, .slam-easyform .btn-primary:active:focus, .slam-easyform .btn-primary.active:focus, .slam-easyform .open>.dropdown-toggle.btn-primary:focus, .slam-easyform .btn-primary:active.focus, .slam-easyform .btn-primary.active.focus, .slam-easyform .open>.dropdown-toggle.btn-primary.focus{color:#fff;background-color:#204d74;border-color:#122b40}.slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.slam-easyform .btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.slam-easyform .btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open .dropdown-toggle.btn-primary{background-image:none}.slam-easyform .btn-primary:hover, .slam-easyform .btn-primary:focus, .slam-easyform .btn-primary:active, .slam-easyform .btn-primary.active, .slam-easyform .open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.slam-easyform .btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slam-easyform .pull-right{float:right !important}.slam-easyform input, .slam-easyform button, .slam-easyform select, .slam-easyform textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}.slam-easyform button, .slam-easyform input[type=button], .slam-easyform input[type=reset], .slam-easyform input[type=submit]{-webkit-appearance:button;cursor:pointer}.slam-easyform button, .slam-easyform select{text-transform:none}.slam-easyform button{overflow:visible}.slam-easyform button, .slam-easyform input[type="button"], .slam-easyform input[type="reset"], .slam-easyform input[type="submit"]{-webkit-appearance:button;cursor:pointer}.slam-easyform .close:not([disabled]):not(.disabled){cursor:pointer}.slam-easyform .modal-header .close{margin-top:-2px}.slam-easyform .modal-header .close{margin-top:-2px}.slam-easyform button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.slam-easyform .close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity: .2;filter:alpha(opacity=20)}.slam-easyform .modal:before{display:inline-block;vertical-align:middle;content:" ";height:100%}.slam-easyform .close:hover, .slam-easyform .close:focus{color:#000;text-decoration:none;cursor:pointer;opacity: .5;filter:alpha(opacity=50)}.slam-easyform .fade.in{opacity:1;background:rgba(0, 0, 0, .5)}.slam-easyform .modal{text-align:center}.modal-open .slam-easyform .modal{overflow-x:hidden}.slam-easyform .modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.slam-easyform .fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;background:none}.slam-easyform .modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.slam-easyform .modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.slam-easyform .modal-dialog{display:inline-block;text-align:left;vertical-align:middle}.slam-easyform .modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0, 0, 0, .2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5);box-shadow:0 3px 9px rgba(0, 0, 0, .5);background-clip:padding-box;outline:0}.slam-easyform .modal-content{-webkit-box-shadow:0 5px 15px rgba(0, 0, 0, .5);box-shadow:0 5px 15px rgba(0, 0, 0, .5)}.slam-easyform .modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.slam-easyform .modal-body{position:relative;padding:20px}.slam-easyform .alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.slam-easyform .alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.slam-easyform .alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.slam-easyform .modal .modal-header .title{margin:0;font-size:22px;display:inline-block}.slam-easyform .has-success .help-block, .slam-easyform .has-success .control-label, .slam-easyform .has-success .radio, .slam-easyform .has-success .checkbox, .slam-easyform .has-success .radio-inline, .slam-easyform .has-success .checkbox-inline{color:#3c763d}.slam-easyform .clearfix:before, .slam-easyform .clearfix:after, .slam-easyform .container:before, .slam-easyform .container:after, .slam-easyform .container-fluid:before, .slam-easyform .container-fluid:after, .slam-easyform .row:before, .slam-easyform .row:after, .slam-easyform .form-horizontal .form-group:before, .slam-easyform .form-horizontal .form-group:after, .slam-easyform .btn-toolbar:before, .slam-easyform .btn-toolbar:after, .slam-easyform .btn-group-vertical>.btn-group:before, .slam-easyform .btn-group-vertical>.btn-group:after, .slam-easyform .nav:before, .slam-easyform .nav:after, .slam-easyform .navbar:before, .slam-easyform .navbar:after, .slam-easyform .navbar-header:before, .slam-easyform .navbar-header:after, .slam-easyform .navbar-collapse:before, .slam-easyform .navbar-collapse:after, .slam-easyform .pager:before, .slam-easyform .pager:after, .slam-easyform .panel-body:before, .slam-easyform .panel-body:after, .slam-easyform .modal-footer:before, .slam-easyform .modal-footer:after{content:" ";display:table;clear:both}@media (min-width:768px){.slam-easyform .modal-dialog{position:relative;width:auto;margin:10px}.slam-easyform .modal-dialog{width:600px;margin:30px auto}.slam-easyform .container{width:750px}.slam-easyform .container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}}@media (min-width:992px){.slam-easyform .container{width:970px}}@media (min-width:1200px){.slam-easyform .container{width:1170px}}.modal-open{overflow:hidden}.slam-easyform *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.slam-easyform .has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}.slam-easyform .has-error .help-block, .slam-easyform .has-error .control-label, .slam-easyform .has-error .radio, .slam-easyform .has-error .checkbox, .slam-easyform .has-error .radio-inline, .slam-easyform .has-error .checkbox-inline{color:#a94442}.slam-easyform .has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}.slam-easyform .radio input[type=radio], .slam-easyform .radio-inline input[type=radio], .slam-easyform .checkbox input[type=checkbox], .slam-easyform .checkbox-inline input[type=checkbox]{float:left;margin-left:-20px}.slam-easyform input[type=radio], .slam-easyform input[type=checkbox]{margin:4px 0 0;margin-top:1px 9;line-height:normal}.slam-easyform input[type=checkbox], .slam-easyform input[type=radio]{box-sizing:border-box;padding:0}.slam-easyform .has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168}.slam-easyform .has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483}.slam-easyform .container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.slam-easyform .col-xs-1, .slam-easyform .col-sm-1, .slam-easyform .col-md-1, .slam-easyform .col-lg-1, .slam-easyform .col-xs-2, .slam-easyform .col-sm-2, .slam-easyform .col-md-2, .slam-easyform .col-lg-2, .slam-easyform .col-xs-3, .slam-easyform .col-sm-3, .slam-easyform .col-md-3, .slam-easyform .col-lg-3, .slam-easyform .col-xs-4, .slam-easyform .col-sm-4, .slam-easyform .col-md-4, .slam-easyform .col-lg-4, .slam-easyform .col-xs-5, .slam-easyform .col-sm-5, .slam-easyform .col-md-5, .slam-easyform .col-lg-5, .slam-easyform .col-xs-6, .slam-easyform .col-sm-6, .slam-easyform .col-md-6, .slam-easyform .col-lg-6, .slam-easyform .col-xs-7, .slam-easyform .col-sm-7, .slam-easyform .col-md-7, .slam-easyform .col-lg-7, .slam-easyform .col-xs-8, .slam-easyform .col-sm-8, .slam-easyform .col-md-8, .slam-easyform .col-lg-8, .slam-easyform .col-xs-9, .slam-easyform .col-sm-9, .slam-easyform .col-md-9, .slam-easyform .col-lg-9, .slam-easyform .col-xs-10, .slam-easyform .col-sm-10, .slam-easyform .col-md-10, .slam-easyform .col-lg-10, .slam-easyform .col-xs-11, .slam-easyform .col-sm-11, .slam-easyform .col-md-11, .slam-easyform .col-lg-11, .slam-easyform .col-xs-12, .slam-easyform .col-sm-12, .slam-easyform .col-md-12, .slam-easyform .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.slam-easyform .col-xs-1, .slam-easyform .col-xs-2, .slam-easyform .col-xs-3, .slam-easyform .col-xs-4, .slam-easyform .col-xs-5, .slam-easyform .col-xs-6, .slam-easyform .col-xs-7, .slam-easyform .col-xs-8, .slam-easyform .col-xs-9, .slam-easyform .col-xs-10, .slam-easyform .col-xs-11, .slam-easyform .col-xs-12{float:left}.slam-easyform .col-xs-12{width:100%}.slam-easyform .col-xs-11{width:91.66666667%}.slam-easyform .col-xs-10{width:83.33333333%}.slam-easyform .col-xs-9{width:75%}.slam-easyform .col-xs-8{width:66.66666667%}.slam-easyform .col-xs-7{width:58.33333333%}.slam-easyform .col-xs-6{width:50%}.slam-easyform .col-xs-5{width:41.66666667%}.slam-easyform .col-xs-4{width:33.33333333%}.slam-easyform .col-xs-3{width:25%}.slam-easyform .col-xs-2{width:16.66666667%}.slam-easyform .col-xs-1{width:8.33333333%}.slam-easyform .col-xs-pull-12{right:100%}.slam-easyform .col-xs-pull-11{right:91.66666667%}.slam-easyform .col-xs-pull-10{right:83.33333333%}.slam-easyform .col-xs-pull-9{right:75%}.slam-easyform .col-xs-pull-8{right:66.66666667%}.slam-easyform .col-xs-pull-7{right:58.33333333%}.slam-easyform .col-xs-pull-6{right:50%}.slam-easyform .col-xs-pull-5{right:41.66666667%}.slam-easyform .col-xs-pull-4{right:33.33333333%}.slam-easyform .col-xs-pull-3{right:25%}.slam-easyform .col-xs-pull-2{right:16.66666667%}.slam-easyform .col-xs-pull-1{right:8.33333333%}.slam-easyform .col-xs-pull-0{right:0}.slam-easyform .col-xs-push-12{left:100%}.slam-easyform .col-xs-push-11{left:91.66666667%}.slam-easyform .col-xs-push-10{left:83.33333333%}.slam-easyform .col-xs-push-9{left:75%}.slam-easyform .col-xs-push-8{left:66.66666667%}.slam-easyform .col-xs-push-7{left:58.33333333%}.slam-easyform .col-xs-push-6{left:50%}.slam-easyform .col-xs-push-5{left:41.66666667%}.slam-easyform .col-xs-push-4{left:33.33333333%}.slam-easyform .col-xs-push-3{left:25%}.slam-easyform .col-xs-push-2{left:16.66666667%}.slam-easyform .col-xs-push-1{left:8.33333333%}.slam-easyform .col-xs-push-0{left:0}.slam-easyform .col-xs-offset-12{margin-left:100%}.slam-easyform .col-xs-offset-11{margin-left:91.66666667%}.slam-easyform .col-xs-offset-10{margin-left:83.33333333%}.slam-easyform .col-xs-offset-9{margin-left:75%}.slam-easyform .col-xs-offset-8{margin-left:66.66666667%}.slam-easyform .col-xs-offset-7{margin-left:58.33333333%}.slam-easyform .col-xs-offset-6{margin-left:50%}.slam-easyform .col-xs-offset-5{margin-left:41.66666667%}.slam-easyform .col-xs-offset-4{margin-left:33.33333333%}.slam-easyform .col-xs-offset-3{margin-left:25%}.slam-easyform .col-xs-offset-2{margin-left:16.66666667%}.slam-easyform .col-xs-offset-1{margin-left:8.33333333%}.slam-easyform .col-xs-offset-0{margin-left:0}@media (min-width:768px){.slam-easyform .col-sm-1, .slam-easyform .col-sm-2, .slam-easyform .col-sm-3, .slam-easyform .col-sm-4, .slam-easyform .col-sm-5, .slam-easyform .col-sm-6, .slam-easyform .col-sm-7, .slam-easyform .col-sm-8, .slam-easyform .col-sm-9, .slam-easyform .col-sm-10, .slam-easyform .col-sm-11, .slam-easyform .col-sm-12{float:left}.slam-easyform .col-sm-12{width:100%}.slam-easyform .col-sm-11{width:91.66666667%}.slam-easyform .col-sm-10{width:83.33333333%}.slam-easyform .col-sm-9{width:75%}.slam-easyform .col-sm-8{width:66.66666667%}.slam-easyform .col-sm-7{width:58.33333333%}.slam-easyform .col-sm-6{width:50%}.slam-easyform .col-sm-5{width:41.66666667%}.slam-easyform .col-sm-4{width:33.33333333%}.slam-easyform .col-sm-3{width:25%}.slam-easyform .col-sm-2{width:16.66666667%}.slam-easyform .col-sm-1{width:8.33333333%}.slam-easyform .col-sm-pull-12{right:100%}.slam-easyform .col-sm-pull-11{right:91.66666667%}.slam-easyform .col-sm-pull-10{right:83.33333333%}.slam-easyform .col-sm-pull-9{right:75%}.slam-easyform .col-sm-pull-8{right:66.66666667%}.slam-easyform .col-sm-pull-7{right:58.33333333%}.slam-easyform .col-sm-pull-6{right:50%}.slam-easyform .col-sm-pull-5{right:41.66666667%}.slam-easyform .col-sm-pull-4{right:33.33333333%}.slam-easyform .col-sm-pull-3{right:25%}.slam-easyform .col-sm-pull-2{right:16.66666667%}.slam-easyform .col-sm-pull-1{right:8.33333333%}.slam-easyform .col-sm-pull-0{right:0}.slam-easyform .col-sm-push-12{left:100%}.slam-easyform .col-sm-push-11{left:91.66666667%}.slam-easyform .col-sm-push-10{left:83.33333333%}.slam-easyform .col-sm-push-9{left:75%}.slam-easyform .col-sm-push-8{left:66.66666667%}.slam-easyform .col-sm-push-7{left:58.33333333%}.slam-easyform .col-sm-push-6{left:50%}.slam-easyform .col-sm-push-5{left:41.66666667%}.slam-easyform .col-sm-push-4{left:33.33333333%}.slam-easyform .col-sm-push-3{left:25%}.slam-easyform .col-sm-push-2{left:16.66666667%}.slam-easyform .col-sm-push-1{left:8.33333333%}.slam-easyform .col-sm-push-0{left:0}.slam-easyform .col-sm-offset-12{margin-left:100%}.slam-easyform .col-sm-offset-11{margin-left:91.66666667%}.slam-easyform .col-sm-offset-10{margin-left:83.33333333%}.slam-easyform .col-sm-offset-9{margin-left:75%}.slam-easyform .col-sm-offset-8{margin-left:66.66666667%}.slam-easyform .col-sm-offset-7{margin-left:58.33333333%}.slam-easyform .col-sm-offset-6{margin-left:50%}.slam-easyform .col-sm-offset-5{margin-left:41.66666667%}.slam-easyform .col-sm-offset-4{margin-left:33.33333333%}.slam-easyform .col-sm-offset-3{margin-left:25%}.slam-easyform .col-sm-offset-2{margin-left:16.66666667%}.slam-easyform .col-sm-offset-1{margin-left:8.33333333%}.slam-easyform .col-sm-offset-0{margin-left:0}}@media (min-width:992px){.slam-easyform .col-md-1, .slam-easyform .col-md-2, .slam-easyform .col-md-3, .slam-easyform .col-md-4, .slam-easyform .col-md-5, .slam-easyform .col-md-6, .slam-easyform .col-md-7, .slam-easyform .col-md-8, .slam-easyform .col-md-9, .slam-easyform .col-md-10, .slam-easyform .col-md-11, .slam-easyform .col-md-12{float:left}.slam-easyform .col-md-12{width:100%}.slam-easyform .col-md-11{width:91.66666667%}.slam-easyform .col-md-10{width:83.33333333%}.slam-easyform .col-md-9{width:75%}.slam-easyform .col-md-8{width:66.66666667%}.slam-easyform .col-md-7{width:58.33333333%}.slam-easyform .col-md-6{width:50%}.slam-easyform .col-md-5{width:41.66666667%}.slam-easyform .col-md-4{width:33.33333333%}.slam-easyform .col-md-3{width:25%}.slam-easyform .col-md-2{width:16.66666667%}.slam-easyform .col-md-1{width:8.33333333%}.slam-easyform .col-md-pull-12{right:100%}.slam-easyform .col-md-pull-11{right:91.66666667%}.slam-easyform .col-md-pull-10{right:83.33333333%}.slam-easyform .col-md-pull-9{right:75%}.slam-easyform .col-md-pull-8{right:66.66666667%}.slam-easyform .col-md-pull-7{right:58.33333333%}.slam-easyform .col-md-pull-6{right:50%}.slam-easyform .col-md-pull-5{right:41.66666667%}.slam-easyform .col-md-pull-4{right:33.33333333%}.slam-easyform .col-md-pull-3{right:25%}.slam-easyform .col-md-pull-2{right:16.66666667%}.slam-easyform .col-md-pull-1{right:8.33333333%}.slam-easyform .col-md-pull-0{right:0}.slam-easyform .col-md-push-12{left:100%}.slam-easyform .col-md-push-11{left:91.66666667%}.slam-easyform .col-md-push-10{left:83.33333333%}.slam-easyform .col-md-push-9{left:75%}.slam-easyform .col-md-push-8{left:66.66666667%}.slam-easyform .col-md-push-7{left:58.33333333%}.slam-easyform .col-md-push-6{left:50%}.slam-easyform .col-md-push-5{left:41.66666667%}.slam-easyform .col-md-push-4{left:33.33333333%}.slam-easyform .col-md-push-3{left:25%}.slam-easyform .col-md-push-2{left:16.66666667%}.slam-easyform .col-md-push-1{left:8.33333333%}.slam-easyform .col-md-push-0{left:0}.slam-easyform .col-md-offset-12{margin-left:100%}.slam-easyform .col-md-offset-11{margin-left:91.66666667%}.slam-easyform .col-md-offset-10{margin-left:83.33333333%}.slam-easyform .col-md-offset-9{margin-left:75%}.slam-easyform .col-md-offset-8{margin-left:66.66666667%}.slam-easyform .col-md-offset-7{margin-left:58.33333333%}.slam-easyform .col-md-offset-6{margin-left:50%}.slam-easyform .col-md-offset-5{margin-left:41.66666667%}.slam-easyform .col-md-offset-4{margin-left:33.33333333%}.slam-easyform .col-md-offset-3{margin-left:25%}.slam-easyform .col-md-offset-2{margin-left:16.66666667%}.slam-easyform .col-md-offset-1{margin-left:8.33333333%}.slam-easyform .col-md-offset-0{margin-left:0}}@media (min-width:1200px){.slam-easyform .col-lg-1, .slam-easyform .col-lg-2, .slam-easyform .col-lg-3, .slam-easyform .col-lg-4, .slam-easyform .col-lg-5, .slam-easyform .col-lg-6, .slam-easyform .col-lg-7, .slam-easyform .col-lg-8, .slam-easyform .col-lg-9, .slam-easyform .col-lg-10, .slam-easyform .col-lg-11, .slam-easyform .col-lg-12{float:left}.slam-easyform .col-lg-12{width:100%}.slam-easyform .col-lg-11{width:91.66666667%}.slam-easyform .col-lg-10{width:83.33333333%}.slam-easyform .col-lg-9{width:75%}.slam-easyform .col-lg-8{width:66.66666667%}.slam-easyform .col-lg-7{width:58.33333333%}.slam-easyform .col-lg-6{width:50%}.slam-easyform .col-lg-5{width:41.66666667%}.slam-easyform .col-lg-4{width:33.33333333%}.slam-easyform .col-lg-3{width:25%}.slam-easyform .col-lg-2{width:16.66666667%}.slam-easyform .col-lg-1{width:8.33333333%}.slam-easyform .col-lg-pull-12{right:100%}.slam-easyform .col-lg-pull-11{right:91.66666667%}.slam-easyform .col-lg-pull-10{right:83.33333333%}.slam-easyform .col-lg-pull-9{right:75%}.slam-easyform .col-lg-pull-8{right:66.66666667%}.slam-easyform .col-lg-pull-7{right:58.33333333%}.slam-easyform .col-lg-pull-6{right:50%}.slam-easyform .col-lg-pull-5{right:41.66666667%}.slam-easyform .col-lg-pull-4{right:33.33333333%}.slam-easyform .col-lg-pull-3{right:25%}.slam-easyform .col-lg-pull-2{right:16.66666667%}.slam-easyform .col-lg-pull-1{right:8.33333333%}.slam-easyform .col-lg-pull-0{right:0}.slam-easyform .col-lg-push-12{left:100%}.slam-easyform .col-lg-push-11{left:91.66666667%}.slam-easyform .col-lg-push-10{left:83.33333333%}.slam-easyform .col-lg-push-9{left:75%}.slam-easyform .col-lg-push-8{left:66.66666667%}.slam-easyform .col-lg-push-7{left:58.33333333%}.slam-easyform .col-lg-push-6{left:50%}.slam-easyform .col-lg-push-5{left:41.66666667%}.slam-easyform .col-lg-push-4{left:33.33333333%}.slam-easyform .col-lg-push-3{left:25%}.slam-easyform .col-lg-push-2{left:16.66666667%}.slam-easyform .col-lg-push-1{left:8.33333333%}.slam-easyform .col-lg-push-0{left:0}.slam-easyform .col-lg-offset-12{margin-left:100%}.slam-easyform .col-lg-offset-11{margin-left:91.66666667%}.slam-easyform .col-lg-offset-10{margin-left:83.33333333%}.slam-easyform .col-lg-offset-9{margin-left:75%}.slam-easyform .col-lg-offset-8{margin-left:66.66666667%}.slam-easyform .col-lg-offset-7{margin-left:58.33333333%}.slam-easyform .col-lg-offset-6{margin-left:50%}.slam-easyform .col-lg-offset-5{margin-left:41.66666667%}.slam-easyform .col-lg-offset-4{margin-left:33.33333333%}.slam-easyform .col-lg-offset-3{margin-left:25%}.slam-easyform .col-lg-offset-2{margin-left:16.66666667%}.slam-easyform .col-lg-offset-1{margin-left:8.33333333%}.slam-easyform .col-lg-offset-0{margin-left:0}} /* End */ /* Start:/bitrix/components/slam/easyform/lib/css/bootstrapValidator.min.css?1603267394565*/ /*! * BootstrapValidator (http://bootstrapvalidator.com) * The best jQuery plugin to validate form fields. Designed to use with Bootstrap 3 * * @version v0.5.2, built on 2014-09-25 4:01:07 PM * @author https://twitter.com/nghuuphuoc * @copyright (c) 2013 - 2014 Nguyen Huu Phuoc * @license MIT */ .bv-form .help-block{margin-bottom:0}.bv-form .tooltip-inner{text-align:left}.nav-tabs li.bv-tab-success>a{color:#3c763d}.nav-tabs li.bv-tab-error>a{color:#a94442}.bv-form .bv-icon-no-label{top:0}.bv-form .bv-icon-input-group{top:0;z-index:100} /* End */ /* Start:/bitrix/components/slam/easyform/templates/.default/style.min.css?1603267394805*/ .slam-easyform .modal{text-align:center}@media screen and (min-width:768px){.slam-easyform .modal:before{display:inline-block;vertical-align:middle;content:" ";height:100%}}.slam-easyform .modal-dialog{display:inline-block;text-align:left;vertical-align:middle}.slam-easyform .modal .modal-header .title{margin:0;font-size:22px;display:inline-block}.hide-formvalidation small.help-block{display:none!important}@keyframes spinner{to{transform:rotate(360deg)}}.slam-easyform .spinner,.slam-easyform .spinner:hover{position:relative;color:transparent}.slam-easyform .spinner:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;border:2px solid #ccc;border-top-color:#333;animation:spinner .6s linear infinite} /* End */ /* Start:/local/templates/okddd_365mg_footer/styles.css?161166436531517*/ .fancybox-active { height: auto } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: 0; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992 } .fancybox-container * { -webkit-box-sizing: border-box; box-sizing: border-box } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto } .fancybox-bg { background: #1e1e1e; opacity: 0; -webkit-transition-duration: inherit; -o-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71); -o-transition-timing-function: cubic-bezier(.47, 0, .74, .71); transition-timing-function: cubic-bezier(.47, 0, .74, .71) } .fancybox-is-open .fancybox-bg { opacity: .9; -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1); -o-transition-timing-function: cubic-bezier(.22, .61, .36, 1); transition-timing-function: cubic-bezier(.22, .61, .36, 1) } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; -webkit-transition: opacity .25s ease, visibility 0s ease .25s; -o-transition: opacity .25s ease, visibility 0s ease .25s; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997 } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s; -o-transition: opacity .25s ease 0s, visibility 0s ease 0s; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-toolbar { right: 0; top: 0 } .fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994 } .fancybox-is-open .fancybox-stage { overflow: hidden } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: 0; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994 } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0 } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block } .fancybox-slide--image { overflow: hidden; padding: 44px 0 } .fancybox-slide--image::before { display: none } .fancybox-slide--html { padding: 6px } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1); animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: 0 0; background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995 } .fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out } .fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in } .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: -webkit-grab; cursor: grab } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing } .fancybox-container [data-selectable=true] { cursor: text } .fancybox-image, .fancybox-spaceball { background: 0 0; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% } .fancybox-spaceball { z-index: 1 } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100% } .fancybox-slide--video .fancybox-content { background: #000 } .fancybox-slide--map .fancybox-content { background: #e5e3df } .fancybox-slide--iframe .fancybox-content { background: #fff } .fancybox-iframe, .fancybox-video { background: 0 0; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100% } .fancybox-iframe { left: 0; position: absolute; top: 0 } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100% } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0 } .fancybox-button { background: rgba(30, 30, 30, .6); border: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; -webkit-transition: color .2s; -o-transition: color .2s; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc } .fancybox-button:hover { color: #fff } .fancybox-button:focus { outline: 0 } .fancybox-button.fancybox-focus { outline: 1px dotted } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: 0 } .fancybox-button div { height: 100% } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100% } .fancybox-button svg path { fill: currentColor; stroke-width: 0 } .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--play svg:nth-child(2) { display: none } .fancybox-button--fsexit svg:nth-child(1), .fancybox-button--pause svg:nth-child(1) { display: none } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998 } .fancybox-close-small { background: 0 0; border: 0; -webkit-border-radius: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401 } .fancybox-close-small:hover { color: #fff; opacity: 1 } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0 } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none } .fancybox-navigation .fancybox-button { -webkit-background-clip: content-box; background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: -webkit-calc(50% - 50px); top: calc(50% - 50px); width: 70px } .fancybox-navigation .fancybox-button div { padding: 7px } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right) } .fancybox-caption { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .85)), color-stop(50%, rgba(0, 0, 0, .3)), color-stop(65%, rgba(0, 0, 0, .15)), color-stop(75.5%, rgba(0, 0, 0, .075)), color-stop(82.85%, rgba(0, 0, 0, .037)), color-stop(88%, rgba(0, 0, 0, .019)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(bottom, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996 } .fancybox-caption--separate { margin-top: -50px } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none } .fancybox-caption a:hover { color: #fff; text-decoration: underline } .fancybox-loading { -webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 1s linear infinite; background: 0 0; border: 4px solid #888; border-bottom-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999 } @-webkit-keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1); -o-transition-timing-function: cubic-bezier(0, 0, .25, 1); transition-timing-function: cubic-bezier(0, 0, .25, 1) } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1); -o-transition-timing-function: cubic-bezier(.19, 1, .22, 1); transition-timing-function: cubic-bezier(.19, 1, .22, 1) } .fancybox-fx-fade.fancybox-slide--current { opacity: 1 } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5) } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(.5, .5, .5); transform: scale3d(.5, .5, .5) } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg) } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg) } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0) } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0) } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0) } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg) } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(.1) skew(10deg) } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1) } @media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px } .fancybox-slide--image { padding: 6px 0 } .fancybox-close-small { right: -6px } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px } .fancybox-caption { padding-left: 12px; padding-right: 12px } } .fancybox-share { background: #f4f4f4; -webkit-border-radius: 3px; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0 } .fancybox-share p { margin: 0; padding: 0 } .fancybox-share__button { border: 0; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap } .fancybox-share__button:link, .fancybox-share__button:visited { color: #fff } .fancybox-share__button:hover { text-decoration: none } .fancybox-share__button--fb { background: #3b5998 } .fancybox-share__button--fb:hover { background: #344e86 } .fancybox-share__button--pt { background: #bd081d } .fancybox-share__button--pt:hover { background: #aa0719 } .fancybox-share__button--tw { background: #1da1f2 } .fancybox-share__button--tw:hover { background: #0d95e8 } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px } .fancybox-share__button svg path { fill: #fff } .fancybox-share__input { background: 0 0; border: 0; border-bottom: 1px solid #d7d7d7; -webkit-border-radius: 0; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: 0; padding: 10px 15px; width: 100% } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; width: 212px; z-index: 99995 } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden } .fancybox-show-thumbs .fancybox-thumbs { display: block } .fancybox-show-thumbs .fancybox-inner { right: 212px } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100% } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; -webkit-border-radius: 10px; border-radius: 10px } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: -webkit-calc(100% - 8px); max-height: calc(100% - 8px); max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); outline: 0; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94); -o-transition: all .2s cubic-bezier(.25, .46, .45, .94); transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991 } .fancybox-thumbs__list a:focus::before { opacity: .5 } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1 } @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px } .fancybox-show-thumbs .fancybox-inner { right: 110px } .fancybox-thumbs__list a { max-width: -webkit-calc(100% - 10px); max-width: calc(100% - 10px) } } .modal { overflow-x: hidden; overflow-y: auto } .modal.modal-big { width: 100%; max-width: 100%; padding: 0 } .modal.modal-big .contacts-title { max-width: 520px } .modal.modal-big { margin: 50px 0; max-width: calc(100% - 100px); height: auto; border-radius: 20px; } .wrapper { max-width: 1330px; margin: 0 auto; padding: 0 20px; } .contacts { padding: 100px 0 140px; background: #ffcf40; position: relative } .contacts-form { max-width: 850px; background: #333; -webkit-box-shadow: 0 15px 30px rgba(153, 124, 38, .5); box-shadow: 0 15px 30px rgba(153, 124, 38, .5); -webkit-border-radius: 20px; border-radius: 20px; padding: 40px 50px 90px; position: relative } @media (min-width: 768px) { .input-block { display: inline-flex; width: 100%; margin: 0 0 15px 0; } form.form-submit > .input-block:nth-child(1), form.form-submit > .input-block:nth-child(2) { display: inline-flex; flex-direction: column; width: calc(50% - 3px); } .form-item.form-item-select { display: inline-flex; flex-direction: column; width: calc(50% - 3px); } } .input-block input, .input-block select { display: block; width: 100%; height: 60px; background: #fff; -webkit-border-radius: 10px; border-radius: 10px; border: none; padding: 0 20px; font-size: 20px; font-weight: 700; color: #333; } .contacts-form__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 2px 0 30px } .contacts-form__list span { display: inline-block; margin-left: 30px; font-size: 20px; line-height: 1.2; font-weight: 700; color: #fff } .contacts-form__price div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 8px 10px 6px; background: #26babf; -webkit-box-shadow: 0 5px 10px rgba(38, 186, 191, .2); box-shadow: 0 5px 10px rgba(38, 186, 191, .2); -webkit-border-radius: 7px; border-radius: 7px; white-space: nowrap; text-align: center; font-size: 20px; line-height: 1.2; font-weight: 700; color: #fff } .contacts-form__price span { margin: 0 } .contacts-form__price img, .contacts-form__price svg { display: block; margin: 0 2px 0 6px } .contacts-form__price i { font-size: 16px; line-height: 1.3; font-style: normal } .contacts-form__wrap { max-width: 550px; position: relative; z-index: 11 } .contacts-form__wrap p { font-family: Calibri, sans-serif; font-size: 16px; line-height: 20px; color: #fff; padding-bottom: 30px; max-width: 500px } .contacts-ico { position: absolute; top: -14px; right: -31px } .contacts-ico img, .contacts-ico svg { display: block } .contacts-title { display: block; font-size: 40px; line-height: 1.15; font-weight: 700; color: #fff; margin: 0 0 16px; max-width: 440px } .contacts-form__wrap p { font-family: Calibri, sans-serif; font-size: 16px; line-height: 20px; color: #fff; padding-bottom: 30px; max-width: 500px; } .contacts-subtitle { display: block; font-size: 16px; line-height: 18px; font-weight: 700; color: #fff; margin: 0 0 10px } .contacts-btn { padding: 10px 0 20px } .contacts-btn .main-btn { min-width: 300px } .contacts-info p { color: rgba(255, 255, 255, .8); padding-bottom: 16px } .contacts-info p a { display: inline-block; color: rgba(255, 255, 255, .8); padding-bottom: 3px; border-bottom: 1px solid rgba(255, 255, 255, .2) } .contacts-info p a:hover { color: #ffcf40; border-color: rgba(255, 207, 64, .2) } .contacts-info p:last-child { padding-bottom: 0 } .contacts-img { position: absolute; bottom: 0; right: 0 } .contacts-img img, .contacts-img svg { display: block; max-width: 996px } .contacts-done { display: none; background: #333; -webkit-box-shadow: 0 15px 30px rgba(153, 124, 38, .5); box-shadow: 0 15px 30px rgba(153, 124, 38, .5); -webkit-border-radius: 20px; border-radius: 20px; padding: 30px 40px 50px; position: relative; overflow: hidden } .contacts-done__ico { position: absolute; top: -100px; right: 100px } .contacts-done__ico img, .contacts-done__ico svg { display: block } .contacts-done__wrap { position: relative; z-index: 10 } .contacts-done__wrap .contacts-title { max-width: 100%; margin-bottom: 20px } .contacts-done__wrap p { max-width: 710px; font-size: 20px; line-height: 1.2; font-weight: 700; color: #fff; padding-bottom: 20px } .contacts-done__img { margin-bottom: 42px } .contacts-done__img img, .contacts-done__img svg { display: block } .contacts.active .contacts-form, .contacts.active .contacts-img { display: none } .contacts.active .contacts-done { display: block } @media only screen and (max-width: 1400px) { .contacts-img img, .contacts-img svg { max-width: 900px } } @media only screen and (max-width: 1200px) { .contacts { padding: 50px 0 } .contacts-img img, .contacts-img svg { max-width: 640px } } @media only screen and (max-width: 1020px) { .contacts { padding: 0 } .contacts .wrapper { padding: 0 } .contacts-form { max-width: 100%; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; padding: 60px 20px 100px } .contacts-img { z-index: 12 } .contacts-done { -webkit-border-radius: 0; border-radius: 0; padding: 60px 20px 100px } .contacts-done__ico { right: -30px } .contacts-done__ico img, .contacts-done__ico svg { max-width: 260px; max-height: 260px } } @media only screen and (max-width: 920px) { .contacts-img img, .contacts-img svg { max-width: 500px } } @media only screen and (max-width: 768px) { .contacts-title { margin-bottom: 20px } .contacts-subtitle { margin-bottom: 20px } .contacts-ico img, .contacts-ico svg { max-width: 260px; max-height: 260px } .contacts-btn .main-btn { min-width: 220px } .contacts-img { right: auto; left: 350px; bottom: 70px } .contacts-info { max-width: 320px } } @media only screen and (max-width: 530px) { .contacts-img { left: 214px } .contacts-form__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; padding-bottom: 40px } .contacts-form__list span { width: 50%; margin: 0 } .contacts-form__price { width: 100%; margin-bottom: 20px } .contacts-form__price div { max-width: 150px } } .main-btn, .second-btn { font-family: Calibri, sans-serif; display: inline-block; text-align: center; -webkit-border-radius: 10px; border-radius: 10px; font-size: 20px; line-height: 1.2; font-weight: 700; color: #333; white-space: nowrap; } .main-btn { padding: 23px 40px; background: #ecd8b9; -webkit-box-shadow: 0 10px 10px rgba(82, 82, 82, .1); box-shadow: 0 10px 10px rgba(82, 82, 82, .1); } .contacts-btn .main-btn { min-width: 300px; } .fancybox-close-small img, .fancybox-close-small svg { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 24px; max-height: 24px; } .fancybox-slide--html .fancybox-close-small { top: 33px; right: 65px; padding: 0; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-close-small { position: fixed; top: 33px; right: 65px; width: 60px; height: 60px; -webkit-border-radius: 50%; border-radius: 50%; padding: 0; background: #fff; -webkit-box-shadow: 0 10px 10px rgba(82, 82, 82, .1); box-shadow: 0 10px 10px rgba(82, 82, 82, .1); z-index: 700; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--html .fancybox-close-small { top: 33px; right: 65px; padding: 0; opacity: 1; } .response--success { color: #4FA64D; display: none; margin-bottom: 10px; } .map-popup { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: #FAF6E6; z-index: 2000; display: flex; align-items: title; display: none; } .map-popup-header { padding: 50px 0; } .map-popup ul { list-style: none; text-align: right; } .map-popup ul li { display: inline-block; margin: 0 0 0 10px; } .map-popup ul li:last-child { margin: 0 10px 0 40px; } .map-popup ul li:first-child { margin: 0; } .header-nav-link { -webkit-box-shadow: 0 10px 10px rgb(82 82 82 / 10%); box-shadow: 0 10px 10px rgb(82 82 82 / 10%); background: #FFF; border-radius: 60px; width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(82, 82, 82, 0.38); font-size: 20px; } .header-nav-link .icon { width: 1em; height: 1em; } .map-popup iframe { height: 100%; } /* End */ /* Start:/local/templates/okddd_365mg_footer/template_styles.css?1753907681220004*/ .date-filter__row .datepicker .datepicker__wrapper { height: fit-content; } .basket-list-item__price, .modal__price, .order__header-price p, .order__content-price, .basket-aside-list-item__price em, .basket-aside-list-item__price em { font-family: "Arial"; } main { overflow-x: hidden; } .desc-content-video-wrapper { max-height: 420px; } .bx-soa-coupon-block { position: relative; } .bx-soa-coupon-item.fonts__middle_comment { top: -40%; position: absolute; } .offers-custom-age { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0.75rem; margin: 5px; text-align: center; flex-direction: column; text-decoration: none; cursor: pointer; background: #ffcf40; border: 2px solid transparent; border-radius: 10px; -webkit-transition: border ease 0.3s, background ease 0.3s; transition: border ease 0.3s, background ease 0.3s; } .offers-custom-age:hover { background: rgba(255, 207, 64, 0.4); border: 2px solid #ffcf40; } .offers-custom-age p:first-of-type { font-size: 1rem; color: #343a40; } .offers-custom-age p { font-size: 0.75rem; font-weight: bold; line-height: 18px; color: #6c757d; } @media (max-width: 1024px) { .feedback__inputs { flex-direction: column; width: 100%; } } .workers-slide-popup__container { max-width: 970px; height: 630px; display: flex; background-color: #fff; padding: 40px 30px 45px 40px; } .workers-slide-popup__container .workers-slide { background: #fff; box-shadow: none; max-width: 290px; width: 100%; } .workers-slide-popup__description { width: 100%; padding-left: 70px; } .workers-slide-popup__description .mCustomScrollBox { padding-right: 70px; } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr; } .workers-slide-popup__title { color: #525252; letter-spacing: 0.01em; font-size: 23px; line-height: 123.58%; margin-bottom: 17px; } .workers-slide-popup__textContant { margin-bottom: 24px; color: #323232; opacity: 0.62; font-size: 15px; line-height: 133%; } .workers-slide-popup__container .workers-slide .img { width: 100%; max-width: 100%; margin-top: 0; margin-bottom: 25px; max-height: 340px; } .workers-slide .img { text-align: center; padding: 0; width: 100%; height: 420px; margin: 30px auto; overflow: hidden; max-width: calc(100% - 60px); border-radius: 4%; margin-bottom: 15px; overflow: hidden; max-height: 385px; } .workers-slide-popup__container .worker-text { padding: 0; } .workers-slide-popup__container .worker-post { background-color: #fff; padding-left: 0; font-size: 16px; line-height: 123.58%; color: #525252; opacity: 0.45; } .worker-post { display: inline-block; font-size: 18px; line-height: 123.58%; letter-spacing: 0.02em; color: #525252; opacity: 0.6; padding-top: 5px; padding-left: 0; padding-right: 5px; opacity: 0.6; margin-bottom: 5px; font-family: "Calibri"; } .workers-slide-popup__container .worker-name { font-size: 23px; line-height: 123.58%; letter-spacing: 0.01em; color: #525252; margin-bottom: 17px; } .worker-name { font-size: 23px; line-height: 123.58%; letter-spacing: 0.01em; color: #525252; margin: 0 0 12px; max-width: 244px; min-height: 33px; } .worker-text ul { list-style: none; text-align: center; margin: 0 0 15px; } .workers-slide-popup__container .worker-text li { padding-bottom: 8px; border-bottom: solid 1px rgba(50, 50, 50, 0.09); height: auto; padding-top: 8px; } .worker-text ul li { position: relative; display: flex; align-items: flex-start; /* height: 17px; */ } .modal .hamburger { position: absolute; top: 20px; right: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 20px; min-width: 20px; height: 20px; min-height: 20px; } .worker-text .left-text { font-size: 14px; width: 70%; line-height: 20px; letter-spacing: 0.02em; color: #b4b2b0; text-align: left; color: #525252; opacity: 0.5; position: relative; font-family: "Calibri"; } .workers-slide-popup__container .worker-text .left-text { font-size: 15px; line-height: 100%; letter-spacing: 0.02em; color: #525252; opacity: 0.62; font-weight: 400; } .worker-text .left-text span { color: #525252; opacity: 0.5; padding: 0 5px 0 0; font-family: "Calibri"; } .workers-slide img { display: inline; width: 100%; height: auto; border-radius: 4%; } .workers-slide-popup__container .worker-text .right-text { font-size: 15px; line-height: 100%; text-align: right; letter-spacing: 0.02em; color: #525252; font-weight: 700; } .worker-text .right-text span { font-weight: 700; padding: 0; } .worker-text .right-text { width: 100%; } .desc-content-accordion__list { max-height: unset !important; } .select_age { width: 100%; text-align: center; font-weight: bold; margin-bottom: 20px; } .properties.properties--big { margin-top: 15px; } .program__top-title:hover { text-decoration: unset !important; } .desc-content-accordion { margin-bottom: 20px; } .feedback__row .feedback__inputs .input { width: 260px; } .width25 { width: 25%; } .desc-content-list__title, .desc-content__title, .desc-aside__title { margin: 0 0 20px; font-family: "RotondaC"; font-size: 1.5625rem; font-weight: bold; line-height: 1.3; color: #343a40; } .program__img-link { position: relative; } .lable.event--non-actual { position: absolute; top: 15px; left: 15px; padding: 5px 10px; background-color: #e52c28; color: #ffffff; border-radius: 8px; z-index: 2; } .lable.event--actual { position: absolute; top: 15px; left: 15px; padding: 5px 10px; background-color: #2db52d; color: #ffffff; border-radius: 8px; z-index: 2; } .detail-datepicker-info-row.event--non-actual .detail-datepicker-info-row__icon-wrapper, .detail-datepicker-info-row.event--actual .detail-datepicker-info-row__icon-wrapper { display: none; } .detail-datepicker-info-row.event--non-actual .detail-datepicker-info-row__text { padding: 5px 10px; background-color: #e52c28; color: #ffffff; border-radius: 8px; } .detail-datepicker-info-row.event--actual .detail-datepicker-info-row__text { padding: 5px 10px; background-color: #2db52d; color: #ffffff; border-radius: 8px; } /*TEST*/ @font-face { font-family: RotondaC; font-weight: 700; font-style: normal; src: url(/local/templates/okddd_365mg_footer/../fonts/RotondaC-Bold/RotondaC-Bold.eot); src: url(/local/templates/okddd_365mg_footer/../fonts/RotondaC-Bold/RotondaC-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/okddd_365mg_footer/../fonts/RotondaC-Bold/RotondaC-Bold.woff) format("woff"), url(/local/templates/okddd_365mg_footer/../fonts/RotondaC-Bold/RotondaC-Bold.ttf) format("truetype"); } @font-face { font-family: Calibri; font-weight: 700; font-style: normal; src: url(/local/templates/okddd_365mg_footer/../fonts/Calibri-Bold/Calibri-Bold.eot); src: url(/local/templates/okddd_365mg_footer/../fonts/Calibri-Bold/Calibri-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/okddd_365mg_footer/../fonts/Calibri-Bold/Calibri-Bold.woff) format("woff"), url(/local/templates/okddd_365mg_footer/../fonts/Calibri-Bold/Calibri-Bold.ttf) format("truetype"); } @font-face { font-family: Calibri; font-weight: 400; font-style: normal; src: url(/local/templates/okddd_365mg_footer/../fonts/Calibri/Calibri.eot); src: url(/local/templates/okddd_365mg_footer/../fonts/Calibri/Calibri.eot?#iefix) format("embedded-opentype"), url(/local/templates/okddd_365mg_footer/../fonts/Calibri/Calibri.woff) format("woff"), url(/local/templates/okddd_365mg_footer/../fonts/Calibri/Calibri.ttf) format("truetype"); } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } [type="button"], [type="reset"], [type="submit"], button { -webkit-appearance: button; } [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } /*! * Fotorama 4.6.4 | http://fotorama.io/license/ */ .fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__html, .fotorama__img, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video iframe { position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; } .fotorama--fullscreen, .fotorama__img { max-width: 99999px !important; max-height: 99999px !important; min-width: 0 !important; min-height: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0 !important; } .fotorama__wrap .fotorama__grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .fotorama__grabbing * { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .fotorama__spinner { position: absolute !important; top: 50% !important; left: 50% !important; } .fotorama__wrap--css3 .fotorama__arr, .fotorama__wrap--css3 .fotorama__fullscreen-icon, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border, .fotorama__wrap--css3 .fotorama__video-close, .fotorama__wrap--css3 .fotorama__video-play { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .fotorama__caption, .fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before, .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__stage .fotorama__img, .fotorama__wrap--css3 .fotorama__stage__frame { -webkit-transform: translateZ(0); transform: translateZ(0); } .fotorama__arr:focus, .fotorama__fullscreen-icon:focus, .fotorama__nav__frame { outline: 0; } .fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after { content: ""; -webkit-border-radius: inherit; border-radius: inherit; background-color: rgba(0, 175, 234, 0.5); } .fotorama__wrap--video .fotorama__stage, .fotorama__wrap--video .fotorama__stage__frame--video, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__shaft { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border { transition-property: -webkit-transform, width; -webkit-transition-property: width, -webkit-transform; transition-property: width, -webkit-transform; -o-transition-property: transform, width; transition-property: transform, width; transition-property: transform, width, -webkit-transform; -webkit-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1); -o-transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1); transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1); -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__no-select, .fotorama__video-close, .fotorama__video-play, .fotorama__wrap { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fotorama__select { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } .fotorama__nav, .fotorama__nav__frame { margin: auto; padding: 0; } .fotorama__caption__wrap, .fotorama__nav__frame, .fotorama__nav__shaft { display: inline-block; vertical-align: middle; } .fotorama__nav__frame, .fotorama__thumb-border { -webkit-box-sizing: content-box; box-sizing: content-box; } .fotorama__caption__wrap { -webkit-box-sizing: border-box; box-sizing: border-box; } .fotorama--hidden, .fotorama__load { position: absolute; left: -99999px; top: -99999px; z-index: -1; } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__nav, .fotorama__nav__frame, .fotorama__nav__shaft, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video-close, .fotorama__video-play { -webkit-tap-highlight-color: transparent; } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play { background: url(/local/templates/okddd_365mg_footer/img/fotorama.png) no-repeat; } @media (-webkit-min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) { .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play { background: url(/local/templates/okddd_365mg_footer/img/fotorama@2x.png) 0 0/96px 160px no-repeat; } } .fotorama__thumb { background-color: #7f7f7f; background-color: rgba(127, 127, 127, 0.2); } @media print { .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__thumb-border, .fotorama__video-close, .fotorama__video-play { background: 0 0 !important; } } .fotorama { min-width: 1px; overflow: hidden; } .fotorama:not(.fotorama--unobtrusive) > :not(:first-child) { display: none; } .fullscreen { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #000; } .fotorama--fullscreen { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; float: none !important; z-index: 2147483647 !important; background: #000; width: 100% !important; height: 100% !important; margin: 0 !important; } .fotorama--fullscreen .fotorama__nav, .fotorama--fullscreen .fotorama__stage { background: #000; } .fotorama__wrap { -webkit-text-size-adjust: 100%; position: relative; direction: ltr; z-index: 0; } .fotorama__wrap--rtl .fotorama__stage__frame { direction: rtl; } .fotorama__nav, .fotorama__stage { overflow: hidden; position: relative; max-width: 100%; } .fotorama__wrap--pan-y { -ms-touch-action: pan-y; } .fotorama__wrap .fotorama__pointer { cursor: pointer; } .fotorama__wrap--slide .fotorama__stage__frame { opacity: 1 !important; } .fotorama__stage__frame { overflow: hidden; } .fotorama__stage__frame.fotorama__active { z-index: 8; } .fotorama__wrap--fade .fotorama__stage__frame { display: none; } .fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear, .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active { display: block; left: 0; top: 0; } .fotorama__wrap--fade .fotorama__fade-front { z-index: 8; } .fotorama__wrap--fade .fotorama__fade-rear { z-index: 7; } .fotorama__wrap--fade .fotorama__fade-rear.fotorama__active { z-index: 9; } .fotorama__wrap--fade .fotorama__stage .fotorama__shadow { display: none; } .fotorama__img { -ms-filter: "alpha(Opacity=0)"; opacity: 0; border: none !important; } .fotorama__error .fotorama__img, .fotorama__loaded .fotorama__img { -ms-filter: "alpha(Opacity=100)"; opacity: 1; } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img, .fotorama__img--full { display: none; } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full { display: block; } .fotorama__wrap--only-active .fotorama__nav, .fotorama__wrap--only-active .fotorama__stage { max-width: 99999px !important; } .fotorama__wrap--only-active .fotorama__stage__frame { visibility: hidden; } .fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active { visibility: visible; } .fotorama__nav { font-size: 0; line-height: 0; text-align: center; display: none; white-space: nowrap; z-index: 5; } .fotorama__nav__shaft { position: relative; left: 0; top: 0; text-align: left; } .fotorama__nav__frame { position: relative; cursor: pointer; } .fotorama__nav--dots { display: block; } .fotorama__nav--dots .fotorama__nav__frame { width: 18px; height: 30px; } .fotorama__nav--dots .fotorama__nav__frame--thumb, .fotorama__nav--dots .fotorama__thumb-border { display: none; } .fotorama__nav--thumbs { display: block; } .fotorama__nav--thumbs .fotorama__nav__frame { padding-left: 0 !important; } .fotorama__nav--thumbs .fotorama__nav__frame:last-child { padding-right: 0 !important; } .fotorama__nav--thumbs .fotorama__nav__frame--dot { display: none; } .fotorama__dot { display: block; width: 4px; height: 4px; position: relative; top: 12px; left: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #7f7f7f; } .fotorama__nav__frame:focus .fotorama__dot:after { padding: 1px; top: -1px; left: -1px; } .fotorama__nav__frame.fotorama__active .fotorama__dot { width: 0; height: 0; border-width: 3px; } .fotorama__nav__frame.fotorama__active .fotorama__dot:after { padding: 3px; top: -3px; left: -3px; } .fotorama__thumb { overflow: hidden; position: relative; width: 100%; height: 100%; } .fotorama__nav__frame:focus .fotorama__thumb { z-index: 2; } .fotorama__thumb-border { position: absolute; z-index: 9; top: 0; left: 0; border-style: solid; border-color: #00afea; background-image: -webkit-gradient( linear, left top, right bottom, from(rgba(255, 255, 255, 0.25)), to(rgba(64, 64, 64, 0.1)) ); background-image: -webkit-linear-gradient(top left, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1)); background-image: -o-linear-gradient(top left, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1)); background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1)); } .fotorama__caption { position: absolute; z-index: 12; bottom: 0; left: 0; right: 0; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 14px; line-height: 1.5; color: #000; } .fotorama__caption a { text-decoration: none; color: #000; border-bottom: 1px solid; border-color: rgba(0, 0, 0, 0.5); } .fotorama__caption a:hover { color: #333; border-color: rgba(51, 51, 51, 0.5); } .fotorama__wrap--rtl .fotorama__caption { left: auto; right: 0; } .fotorama__wrap--no-captions .fotorama__caption, .fotorama__wrap--video .fotorama__caption { display: none; } .fotorama__caption__wrap { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); padding: 5px 10px; } @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fotorama__wrap--css3 .fotorama__spinner { -webkit-animation: spinner 24s infinite linear; animation: spinner 24s infinite linear; } .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__stage .fotorama__img { -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img { -ms-filter: "alpha(Opacity=0)"; opacity: 0; } .fotorama__select { cursor: auto; } .fotorama__video { top: 32px; right: 0; bottom: 0; left: 0; position: absolute; z-index: 10; } @-moz-document url-prefix() { .fotorama__active { box-shadow: 0 0 0 transparent; } } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play { position: absolute; z-index: 11; cursor: pointer; } .fotorama__arr { position: absolute; width: 32px; height: 32px; top: 50%; margin-top: -16px; } .fotorama__arr--prev { left: 2px; background-position: 0 0; } .fotorama__arr--next { right: 2px; background-position: -32px 0; } .fotorama__arr--disabled { pointer-events: none; cursor: default; opacity: 0.1; } .fotorama__fullscreen-icon { width: 32px; height: 32px; top: 2px; right: 2px; background-position: 0 -32px; z-index: 20; } .fotorama__arr:focus, .fotorama__fullscreen-icon:focus { -webkit-border-radius: 50%; border-radius: 50%; } .fotorama--fullscreen .fotorama__fullscreen-icon { background-position: -32px -32px; } .fotorama__video-play { width: 96px; height: 96px; left: 50%; top: 50%; margin-left: -48px; margin-top: -48px; background-position: 0 -64px; opacity: 0; } .fotorama__wrap--css2 .fotorama__video-play, .fotorama__wrap--video .fotorama__stage .fotorama__video-play { display: none; } .fotorama__error .fotorama__video-play, .fotorama__loaded .fotorama__video-play, .fotorama__nav__frame .fotorama__video-play { opacity: 1; display: block; } .fotorama__nav__frame .fotorama__video-play { width: 32px; height: 32px; margin-left: -16px; margin-top: -16px; background-position: -64px -32px; } .fotorama__video-close { width: 32px; height: 32px; top: 0; right: 0; background-position: -64px 0; z-index: 20; opacity: 0; } .fotorama__wrap--css2 .fotorama__video-close { display: none; } .fotorama__wrap--css3 .fotorama__video-close { -webkit-transform: translate3d(32px, -32px, 0); transform: translate3d(32px, -32px, 0); } .fotorama__wrap--video .fotorama__video-close { display: block; opacity: 1; } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { opacity: 0; } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { opacity: 1; } .fotorama__wrap--video .fotorama__arr, .fotorama__wrap--video .fotorama__fullscreen-icon { opacity: 0 !important; } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { display: none; } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { display: block; } .fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon { display: none !important; } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) { -webkit-transform: translate3d(32px, -32px, 0); transform: translate3d(32px, -32px, 0); } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) { -webkit-transform: translate3d(-48px, 0, 0); transform: translate3d(-48px, 0, 0); } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) { -webkit-transform: translate3d(48px, 0, 0); transform: translate3d(48px, 0, 0); } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon { -webkit-transform: translate3d(32px, -32px, 0) !important; transform: translate3d(32px, -32px, 0) !important; } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev { -webkit-transform: translate3d(-48px, 0, 0) !important; transform: translate3d(-48px, 0, 0) !important; } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next { -webkit-transform: translate3d(48px, 0, 0) !important; transform: translate3d(48px, 0, 0) !important; } .fotorama__wrap--css3 .fotorama__arr:not(:focus), .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), .fotorama__wrap--css3 .fotorama__video-close:not(:focus), .fotorama__wrap--css3 .fotorama__video-play:not(:focus) { transition-property: -webkit-transform, opacity; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before { content: ""; display: block; position: absolute; text-decoration: none; top: 0; bottom: 0; width: 10px; height: auto; z-index: 10; pointer-events: none; background-repeat: no-repeat; -webkit-background-size: 1px 100%, 5px 100%; background-size: 1px 100%, 5px 100%; } .fotorama__nav:before, .fotorama__stage:before { background-image: -webkit-gradient( linear, left top, left bottom, from(transparent), color-stop(25%, rgba(0, 0, 0, 0.2)), color-stop(75%, rgba(0, 0, 0, 0.3)), to(transparent) ), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent); background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), -webkit-radial-gradient(0 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent); background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), -o-radial-gradient(0 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent); background-position: 0 0, 0 0; left: -10px; } .fotorama__nav.fotorama__shadows--left:before, .fotorama__stage.fotorama__shadows--left:before { left: 0; } .fotorama__nav:after, .fotorama__stage:after { background-image: -webkit-gradient( linear, left top, left bottom, from(transparent), color-stop(25%, rgba(0, 0, 0, 0.2)), color-stop(75%, rgba(0, 0, 0, 0.3)), to(transparent) ), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent); background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), -webkit-radial-gradient(100% 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent); background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), -o-radial-gradient(100% 50%, farthest-side, rgba(0, 0, 0, 0.4), transparent); background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent); background-position: 100% 0, 100% 0; right: -10px; } .fotorama__nav.fotorama__shadows--right:after, .fotorama__stage.fotorama__shadows--right:after { right: 0; } .fotorama--fullscreen .fotorama__nav:after, .fotorama--fullscreen .fotorama__nav:before, .fotorama--fullscreen .fotorama__stage:after, .fotorama--fullscreen .fotorama__stage:before, .fotorama__wrap--fade .fotorama__stage:after, .fotorama__wrap--fade .fotorama__stage:before, .fotorama__wrap--no-shadows .fotorama__nav:after, .fotorama__wrap--no-shadows .fotorama__nav:before, .fotorama__wrap--no-shadows .fotorama__stage:after, .fotorama__wrap--no-shadows .fotorama__stage:before { display: none; } body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: 0; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; -webkit-transition-duration: inherit; -o-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); -o-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.9; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; -webkit-transition: opacity 0.25s ease, visibility 0s ease 0.25s; -o-transition: opacity 0.25s ease, visibility 0s ease 0.25s; transition: opacity 0.25s ease, visibility 0s ease 0.25s; visibility: hidden; z-index: 99997; } .fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; -webkit-transition: opacity 0.25s ease 0s, visibility 0s ease 0s; -o-transition: opacity 0.25s ease 0s, visibility 0s ease 0s; transition: opacity 0.25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: 0; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: 0 0; background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable="true"] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: 0 0; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-iframe, .fancybox-video { background: 0 0; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: 0; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: 0; } .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--play svg:nth-child(2) { display: none; } .fancybox-button--fsexit svg:nth-child(1), .fancybox-button--pause svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998; } .fancybox-close-small { background: 0 0; border: 0; -webkit-border-radius: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: 0.8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } .fancybox-navigation .fancybox-button { -webkit-background-clip: content-box; background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: -webkit-calc(50% - 50px); top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } .fancybox-caption { background: -webkit-gradient( linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0)) ); background: -webkit-linear-gradient( bottom, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100% ); background: -o-linear-gradient( bottom, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100% ); background: linear-gradient( to top, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100% ); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } .fancybox-loading { -webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 1s linear infinite; background: 0 0; border: 4px solid #888; border-bottom-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: 0.7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); -o-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); } .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } @media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } } .fancybox-share { background: #f4f4f4; -webkit-border-radius: 3px; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:link, .fancybox-share__button:visited { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: 0 0; border: 0; border-bottom: 1px solid #d7d7d7; -webkit-border-radius: 0; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: 0; padding: 10px 15px; width: 100%; } .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; -webkit-border-radius: 10px; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: -webkit-calc(100% - 8px); max-height: calc(100% - 8px); max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); outline: 0; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: 0.5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: -webkit-calc(100% - 10px); max-width: calc(100% - 10px); } } .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-element { display: none; } .scroll-element, .scroll-element div { -webkit-box-sizing: content-box; box-sizing: content-box; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-element .scroll-arrow, .scroll-element .scroll-bar { cursor: default; } .scroll-textarea { border: 1px solid #ccc; border-top-color: #999; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: 0; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } .scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; } .scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-inner > .scroll-element .scroll-bar, .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track { -webkit-border-radius: 8px; border-radius: 8px; } .scrollbar-inner > .scroll-element .scroll-bar, .scrollbar-inner > .scroll-element .scroll-element_track { opacity: 0.4; } .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; } .scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; } .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; } .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } .scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-outer > .scroll-element { background-color: #fff; } .scrollbar-outer > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-y { height: 100%; right: 0; top: 0; width: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; } .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eee; } .scrollbar-outer > .scroll-element .scroll-bar, .scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track { -webkit-border-radius: 8px; border-radius: 8px; } .scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; } .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; } .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; } .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top: -12px; margin-top: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; } .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; } .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; } .scrollbar-macosx > .scroll-element, .scrollbar-macosx > .scroll-element div { background: 0 0; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-macosx > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-macosx > .scroll-element .scroll-element_track { display: none; } .scrollbar-macosx > .scroll-element .scroll-bar { background-color: #6c6e71; display: block; opacity: 0; -webkit-border-radius: 7px; border-radius: 7px; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .scrollbar-macosx:hover > .scroll-element .scroll-bar, .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar { opacity: 0.7; } .scrollbar-macosx > .scroll-element.scroll-x { bottom: 0; height: 0; left: 0; min-width: 100%; overflow: visible; width: 100%; } .scrollbar-macosx > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 0; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; } .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } .scrollbar-light > .scroll-element, .scrollbar-light > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-light > .scroll-element { background-color: #fff; } .scrollbar-light > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-light > .scroll-element .scroll-element_outer { -webkit-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-element .scroll-element_size { background: #dbdbdb; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, right top, color-stop(0, #dbdbdb), color-stop(100%, #e8e8e8)); background: -webkit-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%); background: -o-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%); background: -webkit-gradient(linear, left top, right top, from(#dbdbdb), to(#e8e8e8)); background: linear-gradient(to right, #dbdbdb 0, #e8e8e8 100%); -webkit-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-element.scroll-x { bottom: 0; height: 17px; left: 0; min-width: 100%; width: 100%; } .scrollbar-light > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 17px; } .scrollbar-light > .scroll-element .scroll-bar { background: #fefefe; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, right top, color-stop(0, #fefefe), color-stop(100%, #f5f5f5)); background: -webkit-linear-gradient(left, #fefefe 0, #f5f5f5 100%); background: -o-linear-gradient(left, #fefefe 0, #f5f5f5 100%); background: -webkit-gradient(linear, left top, right top, from(#fefefe), to(#f5f5f5)); background: linear-gradient(to right, #fefefe 0, #f5f5f5 100%); border: 1px solid #dbdbdb; -webkit-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-light > .scroll-content.scroll-scrollx_visible { top: -17px; margin-top: 17px; } .scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0; } .scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0; min-height: 10px; width: 10px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; } .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; } .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } .scrollbar-rail > .scroll-element, .scrollbar-rail > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-rail > .scroll-element { background-color: #fff; } .scrollbar-rail > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-rail > .scroll-element .scroll-element_size { background-color: #999; background-color: rgba(0, 0, 0, 0.3); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size { background-color: #666; background-color: rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; min-width: 100%; padding: 3px 0 2px; width: 100%; } .scrollbar-rail > .scroll-element.scroll-y { height: 100%; min-height: 100%; padding: 0 2px 0 3px; right: 0; top: 0; width: 12px; } .scrollbar-rail > .scroll-element .scroll-bar { background-color: #d0b9a0; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar { -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); } .scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; } .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; } .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; } .scrollbar-dynamic > .scroll-element, .scrollbar-dynamic > .scroll-element div { background: 0 0; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-dynamic > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-x { bottom: 2px; height: 7px; left: 0; min-width: 100%; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 2px; top: 0; width: 7px; } .scrollbar-dynamic > .scroll-element .scroll-element_outer { opacity: 0.3; -webkit-border-radius: 12px; border-radius: 12px; } .scrollbar-dynamic > .scroll-element .scroll-element_size { background-color: #ccc; opacity: 0; -webkit-border-radius: 12px; border-radius: 12px; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .scrollbar-dynamic > .scroll-element .scroll-bar { background-color: #6c6e71; -webkit-border-radius: 7px; border-radius: 7px; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar { bottom: 0; height: 7px; min-width: 24px; top: auto; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar { left: auto; min-height: 24px; right: 0; width: 7px; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer { bottom: 0; top: auto; left: 2px; -webkit-transition: height 0.2s; -o-transition: height 0.2s; transition: height 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer { left: auto; right: 0; top: 2px; -webkit-transition: width 0.2s; -o-transition: width 0.2s; transition: width 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; } .scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer, .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer { overflow: hidden; opacity: 0.7; } .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size, .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size { opacity: 1; } .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar, .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar { height: 100%; width: 100%; -webkit-border-radius: 12px; border-radius: 12px; } .scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer { height: 20px; min-height: 7px; } .scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer { min-width: 7px; width: 20px; } .scrollbar-chrome > .scroll-element, .scrollbar-chrome > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-chrome > .scroll-element { background-color: #fff; } .scrollbar-chrome > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-chrome > .scroll-element .scroll-element_track { background: #f1f1f1; border: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x { bottom: 0; height: 16px; left: 0; min-width: 100%; width: 100%; } .scrollbar-chrome > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 16px; } .scrollbar-chrome > .scroll-element .scroll-bar { background-color: #d9d9d9; border: 1px solid #bdbdbd; cursor: default; -webkit-border-radius: 2px; border-radius: 2px; } .scrollbar-chrome > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; border-color: #a9a9a9; } .scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; border-color: #7e7e7e; } .scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; } .scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top: -16px; margin-top: 16px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; } .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; } .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: 0; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:after, .slick-track:before { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-next, .slick-prev { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: 0; background: 0 0; } .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before { opacity: 1; } .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: 0.25; } .slick-next:before, .slick-prev:before { font-size: 20px; line-height: 1; opacity: 0.75; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: ""; } [dir="rtl"] .slick-prev:before { content: ""; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { right: auto; left: -25px; } .slick-next:before { content: ""; } [dir="rtl"] .slick-next:before { content: ""; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: 0; background: 0 0; } .slick-dots li button:focus, .slick-dots li button:hover { outline: 0; } .slick-dots li button:focus:before, .slick-dots li button:hover:before { opacity: 1; } .slick-dots li button:before { font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ""; text-align: center; opacity: 0.25; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: 0.75; color: #000; } ::-webkit-input-placeholder { color: rgba(51, 51, 51, 0.5); } :-moz-placeholder { color: rgba(51, 51, 51, 0.5); } ::-moz-placeholder { color: rgba(51, 51, 51, 0.5); } :-ms-input-placeholder { color: rgba(51, 51, 51, 0.5); } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-tap-highlight-color: transparent; } a, a:active, a:focus, a:hover, a:visited { text-decoration: none; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } ol, ul { list-style: none; } body, html { overflow-x: hidden; } body.scroll-hidden, html.scroll-hidden { overflow: hidden; } body { font-family: RotondaC, sans-serif; font-size: 16px; line-height: 1.3; color: #333; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } .fancybox-lock body { overflow: visible !important; } img { max-width: 100%; height: auto; } button, input, select, textarea { font-family: RotondaC, sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none; box-shadow: none; } select { background: url(/local/templates/okddd_365mg_footer/../img/select-icon.svg) no-repeat 97% center; -webkit-background-size: 10px 10px; background-size: 10px; } button { cursor: pointer; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; border: none; background: 0 0; } section { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } footer { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .wrapper { max-width: 1330px; margin: 0 auto; padding: 0 20px; } .section-title { display: block; font-size: 58px; line-height: 67px; font-weight: 700; margin: 0 0 60px; } .status { position: absolute; top: -44px; left: 15px; display: inline-block; padding: 8px 10px 6px; font-size: 14px; line-height: 16px; font-weight: 700; color: #fff; letter-spacing: 0.1em; text-transform: uppercase; background: rgba(38, 186, 191, 0.8); -webkit-box-shadow: 0 10px 10px rgba(80, 197, 201, 0.3); box-shadow: 0 10px 10px rgba(80, 197, 201, 0.3); -webkit-border-radius: 5px; border-radius: 5px; } .formDone { position: fixed; bottom: 30px; right: 30px; z-index: 200; background: rgba(51, 51, 51, 0.95); -webkit-box-shadow: 0 15px 30px rgba(82, 82, 82, 0.35); box-shadow: 0 15px 30px rgba(82, 82, 82, 0.35); -webkit-border-radius: 10px; border-radius: 10px; padding: 55px 20px 26px; max-width: 630px; opacity: 0; visibility: hidden; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .formDone.active { opacity: 1; visibility: visible; } .formDone-close { position: absolute; top: 20px; right: 20px; cursor: pointer; } .formDone-close img, .formDone-close svg { display: block; } .formDone-ico { position: absolute; top: -30px; left: 15px; } .formDone-ico img, .formDone-ico svg { display: block; } .formDone-title { display: block; font-size: 20px; line-height: 1.2; font-weight: 700; color: #fff; margin: 0 0 5px; } .formDone p { display: block; font-family: Calibri, sans-serif; font-size: 16px; line-height: 20px; color: #fff; padding-bottom: 14px; } #map > ymaps, .map > ymaps { -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; } @media only screen and (max-width: 920px) { .section-title { font-size: 40px; line-height: 1.2; margin-bottom: 30px; } } @media only screen and (max-width: 768px) { .formDone { bottom: 0; right: 0; width: 100%; max-width: 100%; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } } .main-btn, .second-btn { font-family: Calibri, sans-serif; display: inline-block; text-align: center; -webkit-border-radius: 10px; border-radius: 10px; font-size: 20px; line-height: 1.2; font-weight: 700; color: #333; white-space: nowrap; } .main-btn__big, .second-btn__big { max-width: 440px; width: 100%; } .main-btn:disabled, .second-btn:disabled { background: gray; cursor: not-allowed; } .main-btn { padding: 23px 40px; background: #ecd8b9; -webkit-box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); } .main-btn:hover { background-color: #ffe9c8; } .second-btn { border: 2px solid #333; padding: 11px 20px; } .second-btn__small { font-family: RotondaC, sans-serif; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 7px 9px 5px; border-width: 1px; font-size: 14px; line-height: 16px; -webkit-border-radius: 5px; border-radius: 5px; } .second-btn:hover { background: #ffcf40; border-color: #ffcf40; } .input-block { margin-bottom: 30px; } .input-block input, .input-block select { display: block; width: 100%; height: 60px; background: #fff; -webkit-border-radius: 10px; border-radius: 10px; border: none; padding: 0 20px; font-size: 20px; font-weight: 700; color: #333; } .input-block__wrap { position: relative; } .input-block__wrap input { padding-right: 130px; } .input-block__lb { position: absolute; top: 15px; right: 15px; display: inline-block; background: rgba(51, 51, 51, 0.1); -webkit-border-radius: 5px; border-radius: 5px; padding: 8px 10px 6px; text-transform: uppercase; font-size: 14px; line-height: 16px; font-weight: 700; letter-spacing: 0.1em; color: rgba(51, 51, 51, 0.6); text-align: center; white-space: nowrap; } .input-block__lb-small { font-family: RotondaC, sans-serif; top: 13px; right: 20px; font-size: 16px; line-height: 20px; color: rgba(51, 51, 51, 0.5); padding: 0; background: 0 0; text-transform: none; letter-spacing: 0; } .input-block.error input { background: #ffd9d9; } .input-block.error .input-block__lb { display: none; } .checkbox, .radio { display: block; position: relative; } .checkbox-ico, .radio-ico { display: block; position: absolute; top: 0; left: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .checkbox input, .radio input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 2; } .checkbox { padding: 0 0 0 26px; } .checkbox-ico { border: 1px solid #cbcbcb; width: 16px; height: 16px; -webkit-border-radius: 4px; border-radius: 4px; } .checkbox-ico svg { display: block; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; opacity: 0; } .checkbox p { font-size: 14px; } .checkbox input:checked + .checkbox-ico svg { opacity: 1; } .radio { padding: 0 0 0 26px; } .radio-ico { width: 16px; height: 16px; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #000; } .radio-ico::after { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 6px; height: 6px; -webkit-border-radius: 50%; border-radius: 50%; background: #000; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; opacity: 0; } .radio input:checked + .radio-ico::after { opacity: 1; } .modal { overflow-x: hidden; overflow-y: auto; } .modal.modal-big { width: 100%; max-width: 100%; padding: 0; } .modal.modal-big .contacts-title { max-width: 520px; } .modal-map { height: 100%; background: #ffcf40; } .modal-map__top, .modal-map__top-list, .modal-map__top-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .modal-map__top { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-top: 34px; } .modal-map__top-list { padding-right: 40px; } .modal-map__top-list li { padding-right: 10px; } .modal-map__top-list li a { display: inline-block; padding: 8px 10px 6px; font-size: 14px; line-height: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: #333; -webkit-border-radius: 5px; border-radius: 5px; } .modal-map__top-list li a.active { background: #333; color: #fff; } .modal-map__back { position: fixed; top: 33px; right: 65px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 4px 6px; background: #fff; -webkit-box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); -webkit-border-radius: 30px; border-radius: 30px; z-index: 1000; font-size: 14px; line-height: 16px; font-weight: 700; color: #333; letter-spacing: 0.1em; text-transform: uppercase; } .modal-map__back b { 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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 52px; height: 52px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; background: #ffecb8; } .modal-map__back b img, .modal-map__back b svg { display: block; } .modal-map__back span { display: inline-block; padding: 0 24px 0 14px; } .modal-map .wrapper { position: relative; } .modal-map__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 30px 0 50px; } .modal-map__img { max-width: 960px; width: 100%; width: 100%; height: 720px; -webkit-box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); -webkit-border-radius: 20px; border-radius: 20px; position: relative; overflow: hidden; } .modal-map__img #map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modal-map__info { max-width: 330px; width: 100%; padding-left: 30px; } .modal-map__info p { font-size: 20px; line-height: 1.2; font-weight: 700; margin-bottom: 40px; } .modal-map__cat { display: inline-block; margin-bottom: 20px; padding: 8px 10px 6px; font-size: 14px; line-height: 16px; text-transform: uppercase; color: #fff; font-weight: 700; letter-spacing: 0.1em; background: #333; -webkit-border-radius: 5px; border-radius: 5px; } .modal-map__title { display: block; font-size: 40px; line-height: 1.2; font-weight: 700; margin-bottom: 10px; } .modal-map__logo { position: absolute; bottom: 0; right: 5px; } .modal-map__logo img, .modal-map__logo svg { display: block; } .modal-map__phone, .modal-map__subtitle { display: inline-block; font-size: 28px; line-height: 32px; font-weight: 700; color: #333; margin-bottom: 16px; } .modal-map__phone a, .modal-map__subtitle a { color: #333; } .modal-map__subtitle { display: block; } .modal-map__phone { margin-bottom: 10px; } .modal-map__block { padding-top: 24px; } .modal-map__block .modal-map__subtitle { margin: 0; } .modal-map__ico { margin-bottom: 10px; } .modal-map__ico img, .modal-map__ico svg { display: block; } .modal-info { height: 100%; background: #fbeccc; } .modal-info .wrapper { padding: 60px 20px 70px; } .modal-info__head { display: block; font-size: 40px; line-height: 1.2; font-weight: 700; margin: 0 0 30px; } .modal-info__title { display: block; font-family: Calibri, sans-serif; font-size: 30px; line-height: 37px; font-weight: 700; margin-bottom: 40px; } .modal-info__row { position: relative; padding-right: 440px; } .modal-info__row p { font-family: Calibri, sans-serif; font-size: 20px; line-height: 1.2; font-weight: 400; padding-bottom: 20px; } .modal-info__subtitle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 28px; line-height: 32px; font-weight: 700; margin-bottom: 10px; } .modal-info__subtitle i { font-style: normal; margin-right: 40px; } .modal-info__subtitle b { display: inline-block; padding: 8px 10px 6px; font-size: 14px; line-height: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: #fff; background: rgba(38, 186, 191, 0.8); -webkit-box-shadow: 0 10px 10px rgba(80, 197, 201, 0.3); box-shadow: 0 10px 10px rgba(80, 197, 201, 0.3); -webkit-border-radius: 5px; border-radius: 5px; text-align: center; white-space: nowrap; margin-left: 15px; } .modal-info__block { padding-top: 20px; position: relative; } .modal-info__block.active { padding: 16px 20px 30px; background: #faf3ef; -webkit-box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); -webkit-border-radius: 10px; border-radius: 10px; margin: 30px 0 30px -20px; } .modal-info__block.active p:last-child { padding-bottom: 0; } .modal-info__sidebar { position: absolute; top: -10px; right: -410px; width: 380px; } .modal-info__sidebar-1 { right: 0; } .modal-info__sidebar-2 { top: -160px; } .modal-info__sidebar-3 { top: 62px; } .modal-info__sidebar-4 { top: -35px; } .modal-info__sidebar-11 { top: 0; } .modal-info__sidebar-11 .modal-info__sidebar-num { margin-top: 10px; } .modal-info__sidebar-num { display: block; font-size: 78px; line-height: 90px; font-weight: 700; color: #4fa64d; } .modal-info__sidebar-num b { font-size: 40px; } .modal-info__sidebar-title { display: block; font-size: 20px; line-height: 1.2; font-weight: 700; position: relative; z-index: 2; } .modal-info__sidebar-small { max-width: 300px; } .modal-info__sidebar-img { display: block; margin-bottom: 20px; } .modal-info__sidebar-img img, .modal-info__sidebar-img svg { display: block; } .modal-info__sidebar-bg { position: absolute; top: -30px; right: 0; } .modal-info__sidebar-bg img, .modal-info__sidebar-bg svg { display: block; } .modal-card { min-height: 100%; background: #e4ede7; } .modal-card .wrapper { padding: 60px 20px; } .modal-card__row { padding-right: 400px; position: relative; } .modal-card__row p { font-family: Calibri, sans-serif; font-size: 20px; line-height: 1.2; padding-bottom: 20px; } .modal-card__sidebar { position: absolute; top: 0; right: 0; width: 300px; } .modal-card__sidebar-last { top: auto; bottom: 0; padding-bottom: 20px; } .modal-card__name { display: block; font-size: 40px; line-height: 1.2; font-weight: 700; margin: 0 0 6px; } .modal-card__status { display: block; font-size: 20px; line-height: 1.2; font-weight: 700; margin: 0 0 30px; } .modal-card__title { display: block; font-family: Calibri, sans-serif; font-size: 22px; line-height: 1.2; font-weight: 700; margin: 0 0 20px; } .modal-card__block { padding-top: 10px; } .modal-card__block-big { padding-top: 20px; } .modal-card__subtitle { display: block; font-size: 20px; line-height: 1.2; font-weight: 700; margin: 0 0 6px; } .modal-card__user img, .modal-card__user svg { display: block; -webkit-border-radius: 50%; border-radius: 50%; } .modal-card__diploma { font-size: 16px; line-height: 1.3; font-weight: 700; color: #333; } .modal-card__diploma img, .modal-card__diploma span { display: block; } .modal-card__diploma span { margin-top: 22px; } .modal-card__diploma img { display: block; border: 2px solid transparent; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .modal-card__diploma:hover { color: #cf3a3a; } .modal-card__diploma:hover img { border-color: #26babf; } .modal-timetable { height: 100%; background: #f9f5e6; } .modal-timetable .wrapper { padding: 60px 20px; } .modal-timetable__head { display: block; margin: 0 0 30px; font-size: 40px; line-height: 1.2; font-weight: 700; } .modal-timetable__row { padding-right: 370px; position: relative; } .modal-timetable__row p, .modal-timetable__row ul li { font-family: Calibri, sans-serif; font-size: 20px; line-height: 1.2; } .modal-timetable__row p { padding-bottom: 20px; } .modal-timetable__row ul li { line-height: 1.7; padding-left: 20px; } .modal-timetable__sidebar { position: absolute; top: -20px; right: 0; width: 310px; } .modal-timetable__sidebar img { display: block; margin-bottom: 20px; } .modal-timetable__sidebar-2 { top: 300px; } .modal-timetable__subtitle, .modal-timetable__title { display: block; font-family: Calibri, sans-serif; line-height: 1.2; font-weight: 700; } .modal-timetable__title { font-size: 22px; margin: 0 0 20px; } .modal-timetable__subtitle { font-size: 20px; margin: 10px 0 4px; } .modal-timetable__name { display: block; font-size: 20px; line-height: 1.2; font-weight: 700; } .modal-timetable__status { display: block; font-size: 16px; line-height: 1.3; font-weight: 700; margin-top: 4px; color: #333; opacity: 0.6; } .fancybox-slide--html { padding: 0; } .fancybox-slide--html .fancybox-close-small { top: 33px; right: 65px; padding: 0; opacity: 1; } .fancybox-close-small { position: fixed; top: 33px; right: 65px; width: 60px; height: 60px; -webkit-border-radius: 50%; border-radius: 50%; padding: 0; background: #fff; -webkit-box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); z-index: 700; } .fancybox-close-small img, .fancybox-close-small svg { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 24px; max-height: 24px; } @media only screen and (max-width: 1200px) { .fancybox-slide--html .fancybox-close-small { top: 10px; right: 10px; } .modal-map__back { top: 10px; right: 10px; } .modal-map__back span { display: none; } .modal-map__back b { background: 0 0; } } @media only screen and (max-width: 920px) { .modal .page-row { -webkit-border-radius: 10px; border-radius: 10px; } .modal-info__row { padding-right: 0; } .modal-info .wrapper { padding: 30px 20px; } .modal-info__sidebar { position: relative; top: 0; left: 0; padding: 20px 0 30px; width: auto; max-width: 400px; } .modal-info__sidebar-bg { top: -20px; margin-top: 20px; } .modal-info__block.active { margin: 20px 0; } .modal-card__row { padding-right: 0; } .modal-card__sidebar { position: static; width: auto; } .modal-card__title { margin-bottom: 40px; } .modal-card__user { margin-bottom: 40px; } .modal-card__diploma { display: inline-block; margin-top: 30px; padding: 0; max-width: 300px; } .modal-timetable__row { padding: 0; } .modal-timetable__sidebar { position: static; width: auto; margin-bottom: 30px; } .modal-timetable__sidebar-2 { margin: 30px 0 0; } } @media only screen and (max-width: 768px) { .modal-map__top { padding: 40px 20px 0; } .modal-map__top-row { display: block; } .modal-map__top-list { padding: 0; margin-bottom: 15px; } .modal-map .wrapper { padding: 0; } .modal-map__content { display: block; padding: 20px 10px 70px; } .modal-map__img { height: 500px; } .modal-map__info { padding: 40px 10px 0; max-width: 350px; } .modal-info__row p { font-size: 18px; line-height: 22px; } .modal-info__subtitle { font-size: 20px; margin-bottom: 10px; } .modal-info__title { font-size: 22px; line-height: 1.2; margin-bottom: 30px; } .modal-card .wrapper { padding: 30px 20px; } .modal-card__row p { font-size: 18px; line-height: 22px; } .modal-timetable .wrapper { padding: 30px 20px; } .modal-timetable__row p, .modal-timetable__row ul li { font-size: 18px; line-height: 22px; } .modal-timetable__row ul li { padding-left: 5px; line-height: 1.7; } } @media only screen and (max-width: 530px) { .modal-map .page-list li a { padding: 8px 20px; font-size: 14px; } } .drop { position: relative; z-index: 20; } .drop-wrap { position: absolute; top: 100%; left: 10px; padding-top: 20px; width: 500px; opacity: 0; visibility: hidden; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; z-index: 21; } .drop-wrap__all { padding: 19px 24px 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #fff; -webkit-box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); } .drop-wrap__2 .drop-img { bottom: 24px; } .drop-img { position: absolute; bottom: 0; right: 30px; } .drop-img img, .drop-img svg { display: block; } .drop-block { padding-bottom: 20px; } .drop-block p { font-family: Calibri, sans-serif; font-size: 16px; line-height: 20px; padding-top: 5px; } .drop-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 20px; line-height: 1.2; font-weight: 700; color: #333; } .drop-title b { margin-right: 10px; } .drop-title:hover { color: #cf3a3a; } .drop-tag { display: inline-block; -webkit-border-radius: 5px; border-radius: 5px; padding: 6px 8px 4px; background: rgba(207, 58, 58, 0.8); font-size: 12px; line-height: 14px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700; color: #fff; } .drop-tag__blue { background: rgba(38, 186, 191, 0.8); } .drop-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -5px; } .drop-menu li { width: 50%; padding: 0 5px 20px; } .drop-menu li a { font-size: 20px; line-height: 1.2; font-weight: 700; color: #333; } .drop-menu li a:hover { color: #cf3a3a; } .drop-menu__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; padding: 20px 0; } .drop-menu__wrap p { font-size: 20px; line-height: 1.2; font-weight: 700; padding-right: 10px; } .drop-ico { position: absolute; bottom: 20px; right: 20px; } .drop-ico img, .drop-ico svg { display: block; } .drop:hover .drop-wrap { opacity: 1; visibility: visible; } .main { background: #ffcf40; padding: 200px 0 73px; position: relative; } .main-img { position: absolute; bottom: 0; right: 0; } .main-img img { display: block; max-width: 812px; } .main-info { max-width: 550px; position: relative; z-index: 10; } .main-info p { font-family: Calibri, sans-serif; font-size: 22px; line-height: 1.2; font-weight: 700; padding-bottom: 14px; } .main-info .main-btn { margin: 23px 0 0; background: #fff; } .main-info .main-btn span { display: none; } .main-info .main-btn:hover { background: #ecd8b9; } .main-title { display: block; font-size: 78px; line-height: 90px; font-weight: 700; margin: 0 0 17px; } .main-subtitle { display: inline-block; margin: 0 0 14px; padding: 8px 10px 6px; font-size: 14px; line-height: 16px; font-weight: 700; color: #fff; letter-spacing: 0.1em; text-transform: uppercase; background: #333; -webkit-border-radius: 5px; border-radius: 5px; } .main-subtitle__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .main-subtitle__row .main-subtitle { margin-right: 10px; } .main-subtitle__row .main-subtitle__second { margin-right: 0; } .main-subtitle__second { background: #26babf; } .main-block { margin-top: 132px; } .main-block__ico { display: none; position: absolute; bottom: 24px; right: 20px; } .main-block__ico img, .main-block__ico svg { display: block; } .main-block__bottom, .main-block__top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .main-block__top { padding-bottom: 5px; } .main-block__top span { display: block; font-size: 40px; line-height: 1.2; font-weight: 700; margin-right: 40px; } .main-block__top span b { font-size: 28px; line-height: 32px; } .main-block__top span:last-child { margin-right: 0; } .main-block__bottom p { font-family: Calibri, sans-serif; font-size: 16px; line-height: 20px; font-weight: 700; padding-right: 14px; } .main-block__bottom a { display: inline-block; text-transform: uppercase; font-size: 14px; line-height: 16px; font-weight: 700; color: #333; letter-spacing: 0.1em; padding: 8px 10px 6px; border: 1px solid rgba(51, 51, 51, 0.8); -webkit-border-radius: 5px; border-radius: 5px; white-space: nowrap; text-align: center; } .main-block__bottom a:hover { background: #333; color: #fff; } @media only screen and (max-width: 1400px) { .main-img img { max-width: 700px; } } @media only screen and (max-width: 1200px) { .main { padding: 193px 0 73px; } .main-info { max-width: 420px; } .main-info .main-btn { font-size: 18px; padding: 23px 30px; } .main-title { font-size: 60px; line-height: 1.2; } .main-block { max-width: 420px; margin-top: 50px; } .main-block__top span { font-size: 35px; } .main-img img { max-width: 600px; } } @media only screen and (max-width: 1020px) { .main-img img { max-width: 500px; } } @media only screen and (max-width: 920px) { .main { padding: 193px 0 410px; z-index: 10; margin-bottom: 120px; } .main-block, .main-info { max-width: 100%; } .main-block img, .main-info img { max-width: 500px; } .main-block { position: absolute; bottom: -106px; left: 0; width: 100%; padding: 0 20px; z-index: 11; } .main-block a, .main-block p, .main-block span { color: #fff; } .main-block a { border-color: #fff; } .main-block a:hover { background-color: #fff; color: #333; } .main-block__wrap { background: #333; -webkit-box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); -webkit-border-radius: 15px; border-radius: 15px; padding: 20px; } .main-block__top { padding-bottom: 14px; } } @media only screen and (max-width: 768px) { .main-img img { max-width: 420px; } } @media only screen and (max-width: 530px) { .main { margin-bottom: 206px; } .main-subtitle { margin-bottom: 14px; } .main-title { font-size: 40px; line-height: 1.2; margin-bottom: 14px; } .main-info p { padding-bottom: 16px; } .main-info .main-btn { padding: 22px 15px; font-size: 20px; max-width: 335px; width: 100%; } .main-info .main-btn b { display: none; } .main-info .main-btn span { display: block; } .main-block { bottom: -206px; } .main-block__top { display: block; padding-bottom: 0; } .main-block__top span { display: block; font-size: 40px; margin: 0 0 4px; } .main-block__bottom { display: block; } .main-block__bottom p { font-size: 18px; line-height: 22px; padding: 10px 0 14px; } .main-block__wrap { padding: 14px 20px 28px; position: relative; } .main-block__ico { display: block; } } @media only screen and (max-width: 370px) { .main-block__top span { font-size: 32px; } } .presentation { padding: 100px 0 40px; background: #faf3ef; } .presentation-video { display: block; height: 700px; padding: 60px; position: relative; } .presentation-bg, .presentation-bg::after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .presentation-bg { background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; } .presentation-bg::after { content: ""; background: -webkit-gradient(linear, left top, left bottom, color-stop(45.66%, rgba(51, 51, 51, 0)), to(#333)); background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0) 45.66%, #333 100%); background: -o-linear-gradient(top, rgba(51, 51, 51, 0) 45.66%, #333 100%); background: linear-gradient(180deg, rgba(51, 51, 51, 0) 45.66%, #333 100%); } .presentation-title { display: block; font-size: 40px; line-height: 1.2; font-weight: 700; color: #fff; max-width: 570px; width: 100%; position: absolute; bottom: 60px; right: 60px; } .presentation-play { display: block; position: absolute; bottom: 60px; left: 40px; width: 173px; text-align: center; padding: 80px 26px 80px 0; font-size: 28px; line-height: 32px; font-weight: 700; color: #333; } .presentation-play b { position: relative; z-index: 10; } .presentation-play svg { display: block; position: absolute; top: 0; left: 0; } .presentation-cat { position: absolute; top: 40px; left: 50px; display: inline-block; margin: 0 0 14px; padding: 8px 10px 6px; font-size: 14px; line-height: 16px; font-weight: 700; color: #fff; letter-spacing: 0.1em; text-transform: uppercase; background: #333; -webkit-border-radius: 5px; border-radius: 5px; } @media only screen and (max-width: 920px) { .presentation-title { font-size: 30px; max-width: 420px; } } @media only screen and (max-width: 768px) { .presentation { padding: 144px 0 212px; } .presentation-cat { top: -44px; left: 0; } .presentation-video { height: 535px; } .presentation-title { right: auto; left: 0; bottom: -16px; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); max-width: 100%; color: #333; } .presentation-play { left: 20px; bottom: 30px; padding: 38px 20px 38px 0; width: 90px; font-size: 20px; line-height: 1.2; } .presentation-play img, .presentation-play svg { max-width: 90px; max-height: 100px; } .presentation-bg::after { display: none; } } @media only screen and (max-width: 530px) { .presentation-video { height: 335px; } .presentation-title { font-size: 20px; } } .advantages { padding: 100px 0 40px; background: #faf3ef; } .advantages-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -15px; } .advantages-col { width: 25%; padding: 0 15px 30px; position: relative; } .advantages-wrap { display: block; height: 100%; background: #fff; -webkit-box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); -webkit-border-radius: 15px; border-radius: 15px; padding: 14px 19px 27px; border: 1px solid transparent; } .advantages-wrap p { font-family: Calibri, sans-serif; font-size: 16px; line-height: 20px; color: #333; padding-bottom: 12px; } .advantages-wrap:hover { border-color: #cf3a3a; } .advantages-wrap:hover .advantages-subtitle { color: #cf3a3a; } .advantages-wrap.advantages-dark { background: #333; } .advantages-wrap.advantages-dark .advantages-title, .advantages-wrap.advantages-dark p { color: #fff; } .advantages-wrap.advantages-dark .advantages-subtitle { color: rgba(255, 255, 255, 0.5); } .advantages-wrap.advantages-dark:hover .advantages-subtitle { color: #cf3a3a; } .advantages-wrap.advantages-green { background: #4fa64d; } .advantages-wrap.advantages-green .advantages-title, .advantages-wrap.advantages-green p { color: #fff; } .advantages-wrap.advantages-green .advantages-subtitle { color: rgba(255, 255, 255, 0.8); } .advantages-wrap.advantages-green:hover { border-color: #dc937c; } .advantages-wrap.advantages-green:hover .advantages-subtitle { color: #ecd8b9; } .advantages-ico { display: inline-block; width: 75px; height: 75px; position: relative; margin: 0 0 5px -10px; } .advantages-ico img, .advantages-ico svg { display: block; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .advantages-ico__big img, .advantages-ico__big svg { left: 72%; bottom: -35px; min-width: 160px; height: 155px; } .advantages-title { font-size: 20px; line-height: 1.2; font-weight: 700; color: #333; margin: 0 0 5px; } .advantages-subtitle { font-size: 14px; line-height: 16px; font-weight: 700; color: rgba(51, 51, 51, 0.5); -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } @media only screen and (max-width: 1020px) { .advantages-col { width: 33.333%; } } @media only screen and (max-width: 920px) { .advantages .section-title { margin-bottom: 50px; } .advantages-row { margin: 0 -7.5px; } .advantages-col { padding: 0 7.5px 30px; } .advantages-col .status { left: 7.5px; } } @media only screen and (max-width: 768px) { .advantages { padding: 0; } .advantages-col { width: 50%; } } @media only screen and (max-width: 530px) { .advantages .section-title { margin-bottom: 30px; } .advantages-col { width: 100%; } .advantages-col__status { padding-top: 44px; } .advantages-col__status .status { top: 0; } .advantages-wrap p { font-size: 18px; line-height: 22px; padding-bottom: 16px; } } .quote { padding: 70px 0 160px; background: #faf3ef; position: relative; } .quote .wrapper { position: relative; } .quote-ico { position: absolute; bottom: 0; right: 20px; } .quote-ico img, .quote-ico svg { display: block; } .quote-title { display: block; font-size: 24px; line-height: 1.2; font-weight: 400; margin: 0 0 30px; max-width: 1270px; position: relative; z-index: 10; font-family:sans-serif; } .quote-title span { color: #999; } .quote-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 10; } .quote-user { width: 90px; min-width: 90px; margin-right: 20px; } .quote-user img, .quote-user svg { display: block; -webkit-border-radius: 50%; border-radius: 50%; } .quote-name { display: block; font-size: 28px; line-height: 32px; font-weight: 700; margin: 0 0 6px; } .quote-status { display: block; font-size: 20px; line-height: 1.2; font-weight: 700; color: rgba(51, 51, 51, 0.6); max-width: 500px; } .quote.quote-second { background: #fff; padding: 100px 0 160px; } .quote.quote-second .quote-title { max-width: 1250px; } .quoteMain { padding: 70px 0 160px; background: #f9f5e6; } .quoteMain-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; background: #eccdce; -webkit-box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); -webkit-border-radius: 20px; border-radius: 20px; padding: 80px 80px 90px 70px; position: relative; max-width: 1280px; margin: 0 auto; } .quoteMain-ico { position: absolute; top: -20px; left: 390px; } .quoteMain-ico img, .quoteMain-ico svg { display: block; } .quoteMain-user { min-width: 330px; width: 330px; } .quoteMain-user img, .quoteMain-user svg { display: block; max-width: 280px; -webkit-border-radius: 50%; border-radius: 50%; } .quoteMain-info { padding-top: 10px; position: relative; z-index: 10; } .quoteMain-title { display: block; margin: 0 0 30px; font-size: 40px; line-height: 1.2; font-weight: 700; } .quoteMain-name { display: block; font-size: 28px; line-height: 32px; font-weight: 700; margin-bottom: 10px; } .quoteMain-status { display: block; max-width: 360px; font-size: 20px; line-height: 1.2; font-weight: 700; color: rgba(51, 51, 51, 0.6); } .quoteMain-brand { position: absolute; bottom: 50px; right: 40px; } .quoteMain-brand img, .quoteMain-brand svg { display: block; } @media only screen and (max-width: 1020px) { .quoteMain .wrapper { padding: 0; } .quoteMain-wrap { padding: 70px 22px; -webkit-border-radius: 0; border-radius: 0; } .quoteMain-user { width: 250px; min-width: 250px; } .quoteMain-user img { max-width: 210px; } .quoteMain-ico { left: 262px; } } @media only screen and (max-width: 768px) { .quote { padding: 50px 0 140px; } .quote-title { font-size: 28px; line-height: 32px; } .quote-name { font-size: 20px; line-height: 1.2; } .quote-status { font-size: 16px; line-height: 1.3; } .quote.quote-second .quote-ico img, .quote.quote-second .quote-ico svg { max-width: 130px; max-height: 90px; } .quoteMain { padding: 0 0 140px; } .quoteMain-wrap { display: block; padding: 61px 22px 80px; } .quoteMain-title { font-size: 28px; line-height: 32px; margin-bottom: 133px; } .quoteMain-user { position: absolute; bottom: 172px; left: 22px; width: 90px; min-width: 90px; } .quoteMain-user img { max-width: 90px; } .quoteMain-name { font-size: 20px; margin-bottom: 6px; } .quoteMain-status { font-size: 16px; line-height: 1.3; } .quoteMain-ico { left: 10px; } .quoteMain-brand { bottom: 40px; right: -50px; } .quoteMain-brand img, .quoteMain-brand svg { max-width: 200px; max-height: 200px; } } @media only screen and (max-width: 530px) { .quote-row { display: block; } .quote-user { margin: 0 0 14px; } .quote-info { max-width: 280px; } .quote-status { max-width: 240px; } .quote.quote-second { padding-top: 14px; padding-bottom: 150px; } .quote.quote-second .quote-info, .quote.quote-second .quote-status { max-width: 100%; } } .timetable { padding: 103px 0 27px; } .timetable-tabs, .timetable-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .timetable-top { margin-bottom: 50px; } .timetable-top .section-title { margin: 0 60px 0 0; } .timetable-tabs { padding: 4px; background: #f3f3f3; -webkit-border-radius: 10px; border-radius: 10px; } .timetable-tabs li a { display: inline-block; padding: 14px 30px 10px; font-size: 20px; line-height: 1.3; -webkit-border-radius: 10px; border-radius: 10px; white-space: nowrap; text-align: center; color: #333; } .timetable-tabs li a span { display: none; } .timetable-tabs li a.active { background: #ffcf40; -webkit-box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); } .timetable-tabs li a.active span { display: inline; } .timetable-table__row { position: relative; padding-right: 110px; } .timetable-table__row-all { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; max-width: 1200px; margin: 0 -10px; position: relative; } .timetable-table__col { width: 20%; padding: 0 10px; } .timetable-table__second .timetable-block { background: #e4ede7; } .timetable-table__second .timetable-time { top: -8px; font-size: 40px; } .timetable-quiet { padding: 10px 110px 20px 0; } .timetable-quiet__wrap { background: #faf3ef; -webkit-border-radius: 10px; border-radius: 10px; padding: 26px 220px 22px 20px; position: relative; } .timetable-quiet__text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 28px; line-height: 32px; font-weight: 700; color: #333; } .timetable-quiet__text b { margin-left: 44px; } .timetable-quiet__ico { position: absolute; bottom: 0; right: 80px; } .timetable-quiet__ico img, .timetable-quiet__ico svg { display: block; } .timetable-block { 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; min-height: 80px; padding: 20px; margin-bottom: 10px; position: relative; background: #fff3d1; -webkit-border-radius: 10px; border-radius: 10px; } .timetable-block img { display: block; position: absolute; bottom: 0; right: 14px; } .timetable-link { position: absolute; top: 10px; right: 14px; } .timetable-link img, .timetable-link svg { display: block; } .timetable-title { display: block; font-size: 40px; line-height: 1.3; font-weight: 700; letter-spacing: 0.1em; padding-bottom: 18px; } .timetable-name { font-family: Calibri, sans-serif; font-size: 16px; line-height: 20px; font-weight: 700; color: #333; position: relative; z-index: 2; } .timetable-disable { opacity: 0.5; } .timetable-time { position: absolute; top: 50px; right: 0; -webkit-transform: rotate(90deg) translate(50%, -100%); -ms-transform: rotate(90deg) translate(50%, -100%); transform: rotate(90deg) translate(50%, -100%); font-size: 30px; line-height: 1.3; font-weight: 700; letter-spacing: 0.01em; color: #333; } .timetable-mob { display: none; } @media only screen and (max-width: 1200px) { .timetable-top { display: block; } .timetable-top .section-title { margin-bottom: 20px; } .timetable-table__row { padding-right: 0; } .timetable-time { display: none; position: static; -webkit-transform: translate(0) rotate(0); -ms-transform: translate(0) rotate(0); transform: translate(0) rotate(0); } .timetable-quiet { padding-right: 0; } } @media only screen and (max-width: 1020px) { .timetable { padding: 80px 0 60px; } .timetable-time { display: block; padding: 0 0 16px 80px; } .timetable-quiet { display: none; } .timetable-table { margin: 0 -20px; } .timetable-table__second { display: none; } .timetable-table__row-all { display: block; margin: 0; overflow-y: hidden; overflow-x: auto; } .timetable-table__col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 0 20px 20px 80px; position: relative; } .timetable-table__col .timetable-block:last-child { margin-right: 20px; } .timetable-title { font-size: 28px; line-height: 80px; padding: 0 0 0 20px; min-width: 80px; width: 80px; background: #fff; z-index: 10; position: absolute; top: 0; left: 0; } .timetable-block { width: 220px; min-width: 220px; margin: 0 10px 0 0; } .timetable-mob { display: block; background: #e4ede7; } } @media only screen and (max-width: 768px) { .timetable-top .section-title { font-size: 40px; line-height: 1.2; margin-bottom: 20px; } .timetable-row { margin: 0 -20px; padding-left: 20px; } .timetable-tabs { overflow-y: hidden; overflow-x: auto; } .timetable-time { font-size: 28px; line-height: 32px; } } .takenCare { padding: 100px 0 70px; background: #f9f5e6; } .takenCare-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -15px; } .takenCare-col { width: 25%; padding: 0 15px 30px; position: relative; } .takenCare-wrap { display: block; height: 100%; padding: 19px 19px 29px; background: #fff; -webkit-box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); -webkit-border-radius: 15px; border-radius: 15px; position: relative; border: 1px solid transparent; } .takenCare-wrap:hover { border-color: #cf3a3a; } .takenCare-wrap:hover .takenCare-status { color: #cf3a3a; } .takenCare-wrap.takenCare-main { background: #333; } .takenCare-wrap.takenCare-main .takenCare-ico { bottom: auto; right: -20px; top: -44px; width: 80px; height: 80px; -webkit-border-radius: 50%; border-radius: 50%; background: #ffcf40; -webkit-box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); z-index: 20; } .takenCare-wrap.takenCare-main .takenCare-ico img, .takenCare-wrap.takenCare-main .takenCare-ico svg { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .takenCare-wrap.takenCare-main .takenCare-name { color: #fff; } .takenCare-wrap.takenCare-main .takenCare-status { color: rgba(255, 255, 255, 0.6); } .takenCare-wrap.takenCare-main:hover .takenCare-status { color: #cf3a3a; } .takenCare-wrap.takenCare-white { overflow: hidden; } .takenCare-wrap.takenCare-white .takenCare-name { color: #fff; } .takenCare-wrap.takenCare-white .takenCare-status { color: rgba(255, 255, 255, 0.8); } .takenCare-wrap.takenCare-white:hover { border-color: #dc937c; } .takenCare-wrap.takenCare-white:hover .takenCare-status { color: #dc937c; } .takenCare-img { display: block; height: 248px; position: relative; margin-bottom: 24px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; z-index: 10; } .takenCare-img img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .takenCare-name { display: block; font-size: 20px; line-height: 1.2; font-weight: 700; color: #333; margin: 0 0 6px; position: relative; z-index: 2; } .takenCare-status { display: block; font-size: 14px; line-height: 16px; font-weight: 700; color: rgba(51, 51, 51, 0.6); position: relative; z-index: 2; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .takenCare-ico { position: absolute; bottom: 30px; right: 20px; } .takenCare-ico img, .takenCare-ico svg { display: block; } .takenCare-bg { position: absolute; bottom: 0; left: 0; } .takenCare-bg img, .takenCare-bg svg { display: block; } .takenCare-bottom { padding: 20px 0 0; text-align: center; } @media only screen and (max-width: 1020px) { .takenCare { padding-bottom: 0; } .takenCare .slick-track { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .takenCare .slick-slide { height: 100%; } .takenCare .wrapper { padding: 0; } .takenCare .section-title { padding: 0 20px; } .takenCare-row { margin: 0; } .takenCare-col { width: 320px; padding: 30px 0 80px 20px; } .takenCare-img { height: 260px; } .takenCare-wrap.takenCare-main .takenCare-ico { top: -30px; right: -10px; } .takenCare-bottom { display: none; } } @media only screen and (max-width: 768px) { .takenCare { padding: 80px 0 0; } .takenCare .section-title { margin-bottom: 0; max-width: 340px; } .takenCare-col { padding-bottom: 57px; } } .portfolio { padding: 100px 0 164px; } .portfolio .section-title { margin-bottom: 50px; } .portfolio-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .portfolio-row img { display: block; } .portfolio-images { max-width: 850px; width: 100%; } .portfolio-images .fotorama__stage, .portfolio-images .fotorama__wrap { width: 100% !important; } .portfolio-images .fotorama__img { -webkit-border-radius: 15px 15px 0 0 !important; border-radius: 15px 15px 0 0 !important; } .portfolio-images .fotorama__thumb-border { border: 3px solid #26babf; } .portfolio-info { max-width: 440px; width: 100%; padding-left: 50px; } .portfolio-info .main-btn { padding: 13px 20px; min-width: 260px; } .portfolio-title { display: block; font-size: 28px; line-height: 32px; font-weight: 700; margin: 0 0 20px; } .portfolio-descr { padding-top: 87px; } .portfolio-descr p { font-family: Calibri, sans-serif; font-size: 16px; line-height: 20px; padding-bottom: 16px; } .portfolio-ico { margin-bottom: 20px; } .portfolio-ico img, .portfolio-ico svg { display: block; } .portfolio-b { font-size: 16px; line-height: 20px; font-weight: 700; } .portfolio-subtitle { display: block; font-size: 20px; line-height: 1.2; font-weight: 700; margin-bottom: 6px; max-width: 300px; } @media only screen and (max-width: 1400px) { .portfolio-images { max-width: 780px; } } @media only screen and (max-width: 1200px) { .portfolio-images { max-width: 580px; } } @media only screen and (max-width: 1020px) { .portfolio-images { max-width: 450px; } } @media only screen and (max-width: 920px) { .portfolio-images { max-width: 400px; } } @media only screen and (max-width: 768px) { .portfolio { padding: 80px 0 140px; } .portfolio .wrapper { padding: 0 10px; } .portfolio .section-title { padding: 0 10px; margin-bottom: 30px; } .portfolio-row { display: block; } .portfolio-images { max-width: 100%; margin: 0 0 50px; } .portfolio-info { width: 100%; max-width: 100%; min-width: auto; padding: 0; } .portfolio-descr { padding: 80px 10px 0; } } .testimonials { background: #f9f5e6; padding: 80px 0 160px; } .testimonials .section-title { max-width: 300px; } .testimonials-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 50px; position: relative; } .testimonials-block__bg { position: absolute; bottom: -70px; right: -43px; } .testimonials-block__info { max-width: 520px; width: 100%; padding-right: 50px; } .testimonials-block__descr { padding: 6px 0 30px; position: relative; z-index: 10; } .testimonials-block__descr img, .testimonials-block__descr svg { display: block; margin-bottom: 20px; } .testimonials-block__title { display: block; font-size: 28px; line-height: 32px; font-weight: 700; margin-bottom: 20px; } .testimonials-block__name { display: block; font-size: 20px; line-height: 1.2; font-weight: 700; margin-bottom: 6px; } .testimonials-block__date { display: block; font-size: 14px; line-height: 16px; font-weight: 700; color: rgba(51, 51, 51, 0.6); } .testimonials-block__image { max-width: 770px; width: 100%; } .testimonials-block__video { display: block; height: 460px; padding: 60px; border: 2px solid transparent; position: relative; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; } .testimonials-block__video-bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: center; overflow: hidden; } .testimonials-block__video-bg::after { content: ""; background: -webkit-gradient(linear, left top, left bottom, color-stop(45.66%, rgba(51, 51, 51, 0)), to(#333)); background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0) 45.66%, #333 100%); background: -o-linear-gradient(top, rgba(51, 51, 51, 0) 45.66%, #333 100%); background: linear-gradient(180deg, rgba(51, 51, 51, 0) 45.66%, #333 100%); } .testimonials-block__video-play { display: block; position: absolute; bottom: 61px; left: 70px; width: 100px; height: 90px; text-align: center; padding: 38px 32px 38px 0; font-size: 20px; line-height: 1.2; font-weight: 700; color: #333; } .testimonials-block__video-play b { position: relative; z-index: 10; } .testimonials-block__video-play svg { display: block; position: absolute; top: 0; left: 0; } .testimonials-block__video:hover { border-color: #cf3a3a; -webkit-box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); } .testimonials-block__second .testimonials-block__info { padding: 0 0 0 50px; } .testimonials-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -15px; position: relative; z-index: 10; } .testimonials-col { width: 33.333%; padding: 0 15px 30px; } .testimonials-wrap { display: block; background: #fff; -webkit-box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); -webkit-border-radius: 15px; border-radius: 15px; padding: 20px 20px 44px; } .testimonials-wrap__title { display: block; font-size: 20px; line-height: 1.3; font-weight: 700; margin-bottom: 10px; } .testimonials-wrap__name { display: block; font-size: 16px; line-height: 20px; font-weight: 700; margin-bottom: 4px; } .testimonials-wrap__date { display: block; font-size: 14px; line-height: 17px; font-weight: 700; color: rgba(51, 51, 51, 0.6); margin-bottom: 30px; } .testimonials-wrap__descr { min-height: 149px; max-height: 149px; overflow: hidden; position: relative; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .testimonials-wrap__descr::after { content: ""; position: absolute; bottom: -14px; left: 0; width: 100%; height: 80px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%); -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .testimonials-wrap__descr p { font-family: Calibri, sans-serif; font-size: 16px; line-height: 20px; padding-bottom: 9px; } .testimonials-wrap__descr p:last-child { padding-bottom: 0; } .testimonials-wrap:hover .testimonials-wrap__descr { max-height: 1000px; } .testimonials-wrap:hover .testimonials-wrap__descr::after { opacity: 0; } .testimonials-bottom { padding: 20px 0 0; text-align: center; } .testimonials-more { display: none; margin-top: 19px; font-size: 16px; line-height: 19px; cursor: pointer; color: rgba(51, 51, 51, 0.5); } @media only screen and (max-width: 1020px) { .testimonials-row { margin: 0 -20px; } .testimonials-col { width: 400px; padding: 0 0 50px 20px; } } @media only screen and (max-width: 920px) { .testimonials .section-title { max-width: 100%; margin-bottom: 30px; } .testimonials-block { display: block; padding-bottom: 80px; } .testimonials-block__info { max-width: 100%; padding: 0 0 40px; } .testimonials-block__descr { padding: 0; } .testimonials-block__image { max-width: 100%; } .testimonials-block__second .testimonials-block__info { padding: 40px 0 0; } .testimonials-col { width: 340px; } } @media only screen and (max-width: 768px) { .testimonials { padding: 80px 0 140px; } .testimonials-block__title { margin-bottom: 14px; } .testimonials-block__name { padding-top: 6px; } .testimonials-block__video { height: 335px; } .testimonials-block__video-play { left: 20px; bottom: 30px; } .testimonials-col { width: 320px; } .testimonials-wrap__descr { max-height: 100%; height: 149px; } .testimonials-wrap.active .testimonials-wrap__descr { height: 100%; } .testimonials-wrap.active .testimonials-more { display: none; } .testimonials-more { display: block; } } .learning { padding: 100px 0 160px; } .learning .status { top: 0; } .learning-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid rgba(51, 51, 51, 0.2); padding-bottom: 14px; margin-bottom: 50px; } .learning-top .section-title { margin: 0; } .learning-top__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .learning-top__row span { display: block; font-size: 40px; line-height: 1.15; font-weight: 700; letter-spacing: 0.1em; margin-left: 40px; } .learning-top__row span b { font-size: 28px; letter-spacing: 0; } .learning-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -15px 70px; } .learning-col { width: 33.333%; padding: 44px 15px 30px; position: relative; } .learning-wrap { display: block; height: 100%; background: #f9f5e6; -webkit-box-shadow: 0 15px 30px rgba(82, 82, 82, 0.25); box-shadow: 0 15px 30px rgba(82, 82, 82, 0.25); -webkit-border-radius: 15px; border-radius: 15px; padding: 18px 28px 48px; border: 2px solid transparent; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .learning-wrap .second-btn { max-width: 260px; width: 100%; } .learning-wrap p, .learning-wrap ul li { padding-bottom: 6px; font-size: 20px; line-height: 1.2; font-weight: 700; color: rgba(51, 51, 51, 0.6); } .learning-wrap:hover { border-color: #4fa64d; } .learning-wrap:hover .second-btn { background: #ffcf40; border-color: #ffcf40; } .learning-wrap.learning-main { background: #333; -webkit-box-shadow: 0 15px 30px rgba(82, 82, 82, 0.35); box-shadow: 0 15px 30px rgba(82, 82, 82, 0.35); } .learning-wrap.learning-main .learning-name, .learning-wrap.learning-main .learning-price b, .learning-wrap.learning-main .learning-price i { color: #fff; } .learning-wrap.learning-main .learning-price svg path { fill: #fff; } .learning-wrap.learning-main .second-btn { background: #ffcf40; border-color: #ffcf40; -webkit-box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); } .learning-wrap.learning-main p, .learning-wrap.learning-main ul li { color: rgba(255, 255, 255, 0.6); } .learning-wrap.learning-main:hover { border-color: #26babf; } .learning-wrap.learning-main:hover .second-btn { background: #ffdf40; } .learning-wrap.learning-main:hover .second-btn { background: #ffdf40; } .learning-name { display: block; font-size: 40px; line-height: 1.2; font-weight: 700; margin-bottom: 8px; } .learning-price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; padding: 43px 0 26px; white-space: nowrap; } .learning-price b { font-size: 58px; line-height: 32px; } .learning-price svg { display: block; margin: 0 4px 0 14px; } .learning-price i { font-style: normal; font-size: 28px; line-height: 20px; font-weight: 700; color: rgba(51, 51, 51, 0.6); } .learning-title { display: block; padding-bottom: 28px; font-size: 40px; line-height: 1.15; font-weight: 700; } .learning-bottom__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -25px; } .learning-block { width: 25%; padding: 0 11px 20px; } .learning-block__ico { position: absolute; top: 0; left: 14px; -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); } .learning-block__ico img, .learning-block__ico svg { display: block; } .learning-block__bg { position: absolute; bottom: -10px; right: 13px; z-index: -1; } .learning-block__bg img, .learning-block__bg svg { display: block; } .learning-block__wrap { display: block; padding: 11px 13px 14px; -webkit-border-radius: 10px; border-radius: 10px; position: relative; cursor: pointer; border: 1px solid transparent; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .learning-block__wrap.learning-main { background: #e4ede7; } .learning-block__wrap:hover { border-color: #cf3a3a; } .learning-block__wrap:hover .learning-block__subtitle { color: #cf3a3a; } .learning-block__wrap p, .learning-block__wrap ul li { font-family: Calibri, sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; } .learning-block__wrap p, .learning-block__wrap ul { margin-bottom: 12px; } .learning-block__name { display: block; font-size: 20px; line-height: 1.15; font-weight: 700; margin-bottom: 6px; } .learning-block__subtitle { display: block; font-size: 14px; line-height: 1.2; opacity: 0.7; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .learning-btn { text-align: center; padding: 20px 0 0; } .learning-btn.active { display: none; } .learning-bottom .main-btn span { display: none; } .learning-all { display: none; } @media only screen and (max-width: 1200px) { .learning .status { top: -43px; } .learning-col { width: 50%; padding-top: 0; } .learning-row { padding-top: 44px; } } @media only screen and (max-width: 1020px) { .learning-col { width: 100%; } .learning-wrap { max-width: 600px; margin: 0 auto; } .learning-block { width: 33.333%; } .learning-block__ico { display: none; } } @media only screen and (max-width: 920px) { .learning { padding: 80px 0 150px; } .learning-top { display: block; } .learning-top__row { padding-top: 14px; } .learning-top__row span { margin: 0 30px 0 0; } .learning-top__row span:last-child { margin-right: 0; } .learning-row { margin-bottom: 40px; } } @media only screen and (max-width: 768px) { .learning-block { width: 50%; } } @media only screen and (max-width: 530px) { .learning-top__row span { font-size: 28px; line-height: 32px; } .learning-wrap { padding: 20px 20px 50px; } .learning-wrap ul li:last-child { padding-bottom: 0; } .learning-price b { font-size: 54px; } .learning-price i { font-size: 20px; } .learning-name { font-size: 28px; line-height: 32px; margin-bottom: 14px; } .learning-block { width: 100%; padding-bottom: 15px; } .learning-block__ico { display: block; position: static; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); margin-bottom: 10px; } .learning-bottom .main-btn span { display: block; } .learning-bottom .main-btn b { display: none; } } .contacts { padding: 100px 0 140px; background: #ffcf40; position: relative; } .contacts-form { max-width: 850px; background: #333; -webkit-box-shadow: 0 15px 30px rgba(153, 124, 38, 0.5); box-shadow: 0 15px 30px rgba(153, 124, 38, 0.5); -webkit-border-radius: 20px; border-radius: 20px; padding: 40px 50px 90px; position: relative; } .contacts-form__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 2px 0 30px; } .contacts-form__list span { display: inline-block; margin-left: 30px; font-size: 20px; line-height: 1.2; font-weight: 700; color: #fff; } .contacts-form__price div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 8px 10px 6px; background: #26babf; -webkit-box-shadow: 0 5px 10px rgba(38, 186, 191, 0.2); box-shadow: 0 5px 10px rgba(38, 186, 191, 0.2); -webkit-border-radius: 7px; border-radius: 7px; white-space: nowrap; text-align: center; font-size: 20px; line-height: 1.2; font-weight: 700; color: #fff; } .contacts-form__price span { margin: 0; } .contacts-form__price img, .contacts-form__price svg { display: block; margin: 0 2px 0 6px; } .contacts-form__price i { font-size: 16px; line-height: 1.3; font-style: normal; } .contacts-form__wrap { max-width: 550px; position: relative; z-index: 11; } .contacts-form__wrap p { font-family: Calibri, sans-serif; font-size: 16px; line-height: 20px; color: #fff; padding-bottom: 30px; max-width: 500px; } .contacts-ico { position: absolute; top: -14px; right: -31px; } .contacts-ico img, .contacts-ico svg { display: block; } .contacts-title { display: block; font-size: 40px; line-height: 1.15; font-weight: 700; color: #fff; margin: 0 0 16px; max-width: 440px; } .contacts-subtitle { display: block; font-size: 16px; line-height: 18px; font-weight: 700; color: #fff; margin: 0 0 10px; } .contacts-btn { padding: 10px 0 20px; } .contacts-btn .main-btn { min-width: 300px; } .contacts-info p { color: rgba(255, 255, 255, 0.8); padding-bottom: 16px; } .contacts-info p a { display: inline-block; color: rgba(255, 255, 255, 0.8); padding-bottom: 3px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .contacts-info p a:hover { color: #ffcf40; border-color: rgba(255, 207, 64, 0.2); } .contacts-info p:last-child { padding-bottom: 0; } .contacts-img { position: absolute; bottom: 0; right: 0; } .contacts-img img, .contacts-img svg { display: block; max-width: 996px; } .contacts-done { display: none; background: #333; -webkit-box-shadow: 0 15px 30px rgba(153, 124, 38, 0.5); box-shadow: 0 15px 30px rgba(153, 124, 38, 0.5); -webkit-border-radius: 20px; border-radius: 20px; padding: 30px 40px 50px; position: relative; overflow: hidden; } .contacts-done__ico { position: absolute; top: -100px; right: 100px; } .contacts-done__ico img, .contacts-done__ico svg { display: block; } .contacts-done__wrap { position: relative; z-index: 10; } .contacts-done__wrap .contacts-title { max-width: 100%; margin-bottom: 20px; } .contacts-done__wrap p { max-width: 710px; font-size: 20px; line-height: 1.2; font-weight: 700; color: #fff; padding-bottom: 20px; } .contacts-done__img { margin-bottom: 42px; } .contacts-done__img img, .contacts-done__img svg { display: block; } .contacts.active .contacts-form, .contacts.active .contacts-img { display: none; } .contacts.active .contacts-done { display: block; } @media only screen and (max-width: 1400px) { .contacts-img img, .contacts-img svg { max-width: 900px; } } @media only screen and (max-width: 1200px) { .contacts { padding: 50px 0; } .contacts-img img, .contacts-img svg { max-width: 640px; } } @media only screen and (max-width: 1020px) { .contacts { padding: 0; } .contacts .wrapper { padding: 0; } .contacts-form { max-width: 100%; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; padding: 60px 20px 100px; } .contacts-img { z-index: 12; } .contacts-done { -webkit-border-radius: 0; border-radius: 0; padding: 60px 20px 100px; } .contacts-done__ico { right: -30px; } .contacts-done__ico img, .contacts-done__ico svg { max-width: 260px; max-height: 260px; } } @media only screen and (max-width: 920px) { .contacts-img img, .contacts-img svg { max-width: 500px; } } @media only screen and (max-width: 768px) { .contacts-title { margin-bottom: 20px; } .contacts-subtitle { margin-bottom: 20px; } .contacts-ico img, .contacts-ico svg { max-width: 260px; max-height: 260px; } .contacts-btn .main-btn { min-width: 220px; } .contacts-img { right: auto; left: 350px; bottom: 70px; } .contacts-info { max-width: 320px; } } @media only screen and (max-width: 530px) { .contacts-img { left: 214px; } .contacts-form__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; padding-bottom: 40px; } .contacts-form__list span { width: 50%; margin: 0; } .contacts-form__price { width: 100%; margin-bottom: 20px; } .contacts-form__price div { max-width: 150px; } } .about { padding: 100px 0 160px; } .about .wrapper { position: relative; } .about .section-title { margin-bottom: 40px; } .about-subtitle { display: block; font-family: Calibri, sans-serif; font-size: 30px; line-height: 37px; font-weight: 700; margin: 0 0 40px; } .about-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .about-info { padding-right: 440px; } .about-info p, .about-info ul { font-family: Calibri, sans-serif; font-size: 20px; line-height: 1.2; padding-bottom: 30px; } .about-info p b, .about-info ul b { display: block; padding-bottom: 4px; } .about-info ul { padding-left: 20px; } .about-list p { padding-bottom: 0; } .about-list ul { padding-bottom: 44px; } .about-list ul li { padding: 12px 0 0; } .about-btn { margin-top: -14px; } .about-slider { position: absolute; bottom: -50px; right: -10px; width: 360px; } .about-slide { padding: 50px 30px; } .about-wrap { display: block; background: #f9f5e6; -webkit-box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); -webkit-border-radius: 15px; border-radius: 15px; position: relative; border: 1px solid transparent; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .about-wrap:hover { border-color: #cf3a3a; } .about-wrap:hover .about-num { color: #cf3a3a; } .about-wrap__second .about-title { margin-bottom: 16px; } .about-wrap__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; padding-top: 34px; } .about-wrap__info span { display: block; font-size: 16px; line-height: 20px; font-weight: 700; color: #333; margin-bottom: 4px; } .about-wrap__info b { display: block; font-size: 14px; line-height: 17px; font-weight: 700; color: rgba(51, 51, 51, 0.6); max-width: 130px; } .about-user { min-width: 60px; width: 60px; margin-right: 10px; } .about-user img, .about-user svg { display: block; max-width: 60px; -webkit-border-radius: 50%; border-radius: 50%; } .about-img { display: block; height: 200px; position: relative; } .about-img img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .about-cat { position: absolute; top: 10px; left: 10px; display: inline-block; font-size: 14px; line-height: 16px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #fff; text-align: center; white-space: nowrap; padding: 8px 10px 6px; background: rgba(51, 51, 51, 0.8); -webkit-border-radius: 5px; border-radius: 5px; z-index: 10; } .about-descr { padding: 20px 20px 30px; } .about-descr p { font-family: Calibri, sans-serif; font-size: 16px; line-height: 20px; color: #333; padding-bottom: 14px; } .about-title { display: block; font-size: 20px; line-height: 1.15; font-weight: 700; color: #333; margin: 0 0 4px; } .about-date { display: block; font-size: 14px; line-height: 17px; color: rgba(51, 51, 51, 0.6); margin-bottom: 26px; } .about-num { display: block; font-size: 14px; line-height: 16px; font-weight: 700; color: rgba(51, 51, 51, 0.6); -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .about-ico { position: absolute; top: -30px; right: 30px; } .about-ico img, .about-ico svg { display: block; } .about-more { display: none; cursor: pointer; padding: 10px 0; font-size: 16px; line-height: 1.3; color: #333; opacity: 0.5; margin-bottom: 20px; } @media only screen and (max-width: 920px) { .about { padding: 80px 0 90px; } .about-info { padding-right: 350px; } } @media only screen and (max-width: 768px) { .about .section-title { margin-bottom: 30px; } .about-row { display: block; padding-right: 0; } .about-info { padding: 0 0 40px; } .about-info p, .about-info ul li { font-size: 18px; line-height: 22px; } .about-info p, .about-info ul { padding-bottom: 15px; } .about-main { height: 264px; overflow: hidden; } .about-more { display: block; } .about-subtitle { font-size: 22px; line-height: 1.2; margin-bottom: 30px; } .about-slider { position: static; width: 100%; } .about-images { margin: 0 -20px; } .about-slide { width: 320px; padding: 40px 0 50px 20px; } .about-btn { margin-top: 0; } .about.active .about-main { height: 100%; } } .complex { padding: 80px 0 54px; background: #f9f5e6; position: relative; } .complex-done { position: absolute; top: 40px; left: 0; width: 300px; padding: 20px 20px 30px; background: #333; -webkit-box-shadow: 0 15px 30px rgba(82, 82, 82, 0.35); box-shadow: 0 15px 30px rgba(82, 82, 82, 0.35); -webkit-border-radius: 10px; border-radius: 10px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; opacity: 0; visibility: hidden; } .complex-done.active { opacity: 1; visibility: visible; } .complex-done img, .complex-done svg { display: block; margin-left: -15px; } .complex-done__title { display: block; font-size: 16px; line-height: 1.3; font-weight: 700; color: #fff; margin: 0 0 5px; } .complex-done p { font-family: Calibri, sans-serif; font-size: 16px; line-height: 20px; font-weight: 700; color: #fff; } .complex .wrapper { position: relative; } .complex-ico { position: absolute; top: -147px; right: -10px; } .complex-ico img, .complex-ico svg { display: block; } .complex-top { position: relative; padding-bottom: 50px; } .complex-top__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 16px; } .complex-top__row .section-title { font-size: 40px; line-height: 1.2; margin: 0 20px 0 0; } .complex-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; overflow-y: hidden; overflow-x: auto; } .complex-list li { padding: 0 30px 10px 0; white-space: nowrap; } .complex-list li a { font-size: 20px; line-height: 1.2; font-weight: 700; color: #333; } .complex-list li a:hover { color: #cf3a3a; } .complex-list li:last-child { padding-right: 0; } .complex-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 30px; position: relative; z-index: 1; } .complex-row__1 { z-index: 2; } .complex-row__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; margin: 0 -15px; width: 100%; } .complex-row__info { max-width: 330px; width: 100%; padding: 0 0 42px 30px; position: relative; z-index: 30; } .complex-row__info .complex-tag { margin: 0 0 13px; } .complex-row__info-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 20; margin-bottom: 34px; } .complex-row__info-row.active .complex-form, .complex-row__info-row.active .complex-row__info-close { opacity: 1; visibility: visible; } .complex-row__info-close { display: inline-block; padding: 0 10px; cursor: pointer; font-size: 14px; line-height: 20px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(51, 51, 51, 0.5); opacity: 0; visibility: hidden; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .complex-form { position: absolute; top: 40px; left: 0; width: 300px; padding: 20px 20px 30px; background: #333; -webkit-box-shadow: 0 15px 30px rgba(82, 82, 82, 0.35); box-shadow: 0 15px 30px rgba(82, 82, 82, 0.35); -webkit-border-radius: 10px; border-radius: 10px; z-index: 20; opacity: 0; visibility: hidden; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .complex-form__subtitle { display: block; font-size: 16px; line-height: 1.3; color: #fff; margin: 0 0 14px; } .complex-form .input-block { margin-bottom: 14px; } .complex-form .input-block input { height: 46px; padding: 0 14px; font-size: 16px; } .complex-form__btn { padding: 6px 0 14px; } .complex-form__btn .main-btn { display: block; width: 100%; padding: 14px; font-family: Calibri, sans-serif; font-size: 18px; line-height: 22px; } .complex-form p { font-family: Calibri, sans-serif; font-size: 14px; line-height: 17px; color: rgba(255, 255, 255, 0.8); margin-bottom: 30px; } .complex-form p a { color: rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .complex-sms { font-family: Calibri, sans-serif; font-size: 16px; line-height: 20px; font-weight: 700; color: rgba(255, 255, 255, 0.8); position: relative; } .complex-sms img, .complex-sms svg { display: block; position: absolute; bottom: 5px; right: 0; } .complex-subtitle { display: block; padding: 6px 0 10px; font-size: 28px; line-height: 32px; font-weight: 700; } .complex-subtitle a { color: #333; } .complex-date { display: block; margin-bottom: 24px; font-size: 16px; line-height: 18px; font-weight: 700; opacity: 0.6; } .complex-col { width: 50%; padding: 0 15px; } .complex-col__top { position: relative; padding-bottom: 35px; } .complex-col__top .complex-social { position: absolute; top: 0; right: 0; } .complex-wrap { height: 100%; background: #fff; -webkit-box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); -webkit-border-radius: 20px; border-radius: 20px; padding: 30px 30px 40px; } .complex-wrap__block { padding-bottom: 29px; } .complex-wrap__block p { font-family: Calibri, sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; } .complex-wrap__block-last { padding-bottom: 0; } .complex-wrap__subtitle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 20px; line-height: 1.2; font-weight: 700; margin-bottom: 6px; } .complex-wrap__subtitle a { color: #333; } .complex-wrap__subtitle a:hover { color: #cf3a3a; } .complex-wrap__subtitle-gray a { color: rgba(51, 51, 51, 0.5); } .complex-wrap__subtitle-gray a:hover { color: #cf3a3a; } .complex-tag { margin-left: 8px; display: inline-block; padding: 6px 8px 4px; background: rgba(207, 58, 58, 0.8); -webkit-border-radius: 5px; border-radius: 5px; white-space: nowrap; text-align: center; text-transform: uppercase; font-size: 12px; line-height: 14px; font-weight: 700; letter-spacing: 0.1em; color: #fff; font-style: normal; } .complex-tag__blue { background: rgba(38, 186, 191, 0.8); } .complex-logo { margin-bottom: 36px; } .complex-logo img, .complex-logo svg { display: block; } .complex-name { display: block; font-size: 40px; line-height: 1.2; font-weight: 700; margin-bottom: 20px; } .complex-name sup { display: inline-block; font-size: 16px; line-height: 18px; font-weight: 700; opacity: 0.5; -webkit-transform: translate(0, -12px); -ms-transform: translate(0, -12px); transform: translate(0, -12px); } .complex-social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 10px; } .complex-social li { padding-right: 14px; height: 50px; } .complex-social li a { display: block; width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; position: relative; } .complex-social li a img, .complex-social li a svg { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .complex-social li a.fb { background: #9cb2f9; } .complex-social li a.fb:hover { background: #6b8cf9; } .complex-social li a.inst { background: #f795d0; } .complex-social li a.inst:hover { background: #f763bc; } .complex-post { width: 100%; position: relative; -webkit-border-radius: 20px; border-radius: 20px; height: 460px; overflow: hidden; } .complex-post__tag { display: none; } .complex-post__descr { position: absolute; bottom: 20px; left: 16px; max-width: 430px; width: 100%; background: rgba(51, 51, 51, 0.5); -webkit-border-radius: 10px; border-radius: 10px; padding: 10px 14px 30px; } .complex-post__descr p { font-family: Calibri, sans-serif; font-size: 16px; line-height: 20px; color: #fff; max-width: 320px; padding-bottom: 20px; } .complex-post__descr-title { display: block; font-size: 40px; line-height: 1.2; font-weight: 700; color: #fff; margin: 0 0 4px; } .complex-post__descr .second-btn { border-color: #fff; color: #fff; } .complex-post__descr .second-btn:hover { border-color: #ffcf40; color: #333; } .complex-post__date { display: none; } .complex-post__bottom { display: none; } .complex-img, .complex-img img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .complex-img img { -o-object-fit: cover; object-fit: cover; } .complex-bottom { padding: 30px 0 0; } .complex-bottom__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 96px 0 0; } .complex-bottom__row p { font-family: Calibri, sans-serif; font-size: 16px; line-height: 20px; opacity: 0.6; } .complex-bottom__row ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .complex-bottom__row ul li { padding-right: 40px; } .complex-bottom__row ul li a { display: inline-block; font-family: Calibri, sans-serif; font-size: 16px; line-height: 20px; font-weight: 700; color: #333; border-bottom: 1px solid rgba(51, 51, 51, 0.2); padding: 3px 0; } .complex-bottom__row ul li a:hover { color: #cf3a3a; } .complex-version { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 15px 34px; background: #333; -webkit-box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); -webkit-border-radius: 10px; border-radius: 10px; font-family: Calibri, sans-serif; font-size: 20px; line-height: 1.2; font-weight: 700; color: #fff; max-width: 370px; } .complex-version b { display: block; min-width: 40px; width: 40px; height: 40px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; -webkit-box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); position: relative; } .complex-version b img, .complex-version b svg { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .complex-version span { margin-left: 14px; } .complex-version:hover { background: #000; } .complex-mob { display: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -15px; } .complex-block { width: 50%; padding: 0 15px 30px; } .complex-block__wrap { display: block; height: 100%; padding: 14px 20px 30px; -webkit-box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); -webkit-border-radius: 15px; border-radius: 15px; position: relative; } .complex-block__wrap .second-btn { border-color: #fff; color: #fff; } .complex-block__wrap .second-btn:hover { border-color: #ffcf40; color: #333; } .complex-block__1 .complex-block__wrap { background: #4fa64d; } .complex-block__2 .complex-block__wrap { background: #333; } .complex-block__ico { position: absolute; bottom: 0; right: 20px; } .complex-block__ico img, .complex-block__ico svg { display: block; } .complex-block__subtitle { display: block; font-size: 18px; line-height: 22px; font-weight: 700; color: #fff; margin-bottom: 30px; } .complex-block__time, .complex-block__title { display: block; font-size: 28px; line-height: 32px; font-weight: 700; color: #fff; } .complex-block__title { margin-bottom: 14px; } .complex-block__title a { color: #fff; } @media only screen and (max-width: 1200px) { .complex-col__top .complex-social { display: block; top: -50px; right: -20px; } .complex-col__top .complex-social li { padding: 0 0 10px; } } @media only screen and (max-width: 1020px) { .complex { padding: 80px 0 50px; } .complex-ico { top: -100px; right: -40px; } .complex-ico img, .complex-ico svg { max-width: 220px; max-height: 220px; } .complex-row { display: block; } .complex-row__info { display: none; } .complex-row__wrap { width: auto; } .complex-mob { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .complex-bottom { padding-top: 50px; } .complex-bottom__row { display: block; } .complex-bottom__row ul { margin-bottom: 20px; } .complex-bottom__row ul li { padding-bottom: 20px; } .complex-bottom__row ul li:last-child { padding-right: 0; } } @media only screen and (max-width: 768px) { .complex-top { padding-bottom: 40px; } .complex-top__row { display: block; padding-bottom: 30px; } .complex-top__row .section-title { font-size: 28px; line-height: 32px; margin-bottom: 14px; } .complex-list li { padding-right: 24px; } .complex-row { padding-bottom: 20px; } .complex-row__wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .complex-col { width: 100%; padding-bottom: 30px; } .complex-col:last-child { padding-bottom: 30px; } .complex-block { width: 100%; } .complex-post { height: auto; background: #fff; -webkit-box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); -webkit-border-radius: 15px; border-radius: 15px; } .complex-post__tag { display: inline-block; margin: 0 0 14px; } .complex-post__descr { position: static; background: 0 0; padding: 20px 20px 30px; max-width: 100%; } .complex-post__descr p { max-width: 100%; } .complex-post__descr-title { font-size: 28px; line-height: 32px; color: #333; margin-bottom: 6px; } .complex-post__descr-title a { color: #333; } .complex-post__descr p { font-size: 18px; line-height: 22px; color: #333; padding-bottom: 14px; } .complex-post__descr .second-btn { border-color: #333; color: #333; margin-bottom: 30px; } .complex-post__date { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; font-size: 18px; line-height: 21px; font-weight: 700; opacity: 0.5; padding-bottom: 20px; } .complex-post__date span { display: inline-block; padding-right: 20px; } .complex-post__date span:last-child { padding-right: 0; } .complex-post__bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 18px; line-height: 21px; font-weight: 700; opacity: 0.5; padding-top: 15px; border-top: 1px solid rgba(51, 51, 51, 0.2); } .complex-img { height: 240px; position: relative; } .complex-bottom { padding-top: 60px; } .complex-bottom__row ul { display: block; } .complex-bottom__row ul li a { display: inline; } .complex-version { margin: 0 auto; padding: 15px 20px; } .complex-version span { margin-left: 13px; } } @media only screen and (max-width: 370px) { .complex-version { font-size: 16px; } } body.school .main { background: #b6f2b6; } body.school .main .wrapper { position: relative; } body.school .main-img { bottom: -264px; right: -54px; } body.school .main-img img, body.school .main-img svg { max-width: 964px; } body.school .main-img__small { bottom: -470px; right: 0; } body.school .main-img__small img, body.school .main-img__small svg { max-width: 658px; } body.school .presentation-play svg path, body.school .testimonials-block__video-play svg path { fill: #b6f2b6; } body.school .quoteMain, body.school .takenCare { background: #e4ede7; } body.school .quoteMain-wrap { background: #faf3ef; } body.school .contacts { background: #b6f2b6; } body.school .learning-col { width: 50%; } body.school .learning-wrap:hover .second-btn { background: #ecd8b9; border-color: #ecd8b9; } body.school .modal-map { background: #b6f2b6; } body.school .takenCare-wrap.takenCare-main .takenCare-ico { background: #b6f2b6; } body.school .advantages-col { width: 33.333%; } body.school .complex { background: #b6f2b6; } @media only screen and (max-width: 1400px) { body.school .main-img { bottom: -73px; right: 0; } body.school .main-img img, body.school .main-img svg { max-width: 600px; } body.school .main-img__small { bottom: -470px; } } @media only screen and (max-width: 1200px) { body.school .main-img__small { bottom: -370px; } body.school .main-img__small img, body.school .main-img__small svg { max-width: 460px; } } @media only screen and (max-width: 920px) { body.school .main .wrapper { position: static; } body.school .main-img__small { bottom: 0; } body.school .main-img__small img, body.school .main-img__small svg { max-height: 500px; } } @media only screen and (max-width: 768px) { body.school .main-img { bottom: 0; } body.school .main-img img, body.school .main-img svg { max-height: 400px; } body.school .learning-col { width: 100%; } body.school .advantages-col { width: 50%; } } @media only screen and (max-width: 530px) { body.school .advantages-col { width: 100%; } } .page { background: #e8e8b3; padding: 260px 0 42px; } .page-back { display: inline-block; background: #ecd8b9; -webkit-box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); -webkit-border-radius: 30px; border-radius: 30px; padding: 23px 30px 21px 72px; position: relative; font-size: 14px; line-height: 16px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #333; margin-bottom: 50px; } .page-back span { position: absolute; top: 50%; left: 6px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 52px; height: 52px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; } .page-back span img, .page-back span svg { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .page-back span svg path { -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .page-back:hover { background: #ffe9c8; } .page-back:hover svg path { fill: #cf3a3a; } .page-title { display: block; font-size: 78px; line-height: 1; font-weight: 700; margin: 0; } .page-subtitle { display: block; margin: -18px 0 0; font-size: 40px; line-height: 1.2; font-weight: 700; max-width: 1080px; } .page-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 50px; } .page-wrap.active .page-list__second { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .page-row { display: inline-block; width: auto; overflow-y: auto; overflow-x: auto; } .page-list { font-family: RotondaC, sans-serif; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 4px; background: #f3f3f3; -webkit-border-radius: 10px; border-radius: 10px; white-space: nowrap; } .page-list li { padding-right: 1px; } .page-list li a { display: inline-block; padding: 12px 30px; font-size: 20px; line-height: 1.3; font-weight: 700; color: #333; -webkit-border-radius: 10px; border-radius: 10px; } .page-list li a:hover { color: #cf3a3a; } .page-list li a.active { -webkit-box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); background: #333; color: #fff; } .page-list li:last-child { padding-right: 0; } .page-list__second { display: none; margin-left: 30px; } .page-list__second li a.active { -webkit-box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); background: #ffcf40; color: #333; } .page-content .presentation-video { height: 520px; } .page-content .presentation-video svg { width: 106px; height: 102px; } .page-content .presentation-play { width: 106px; height: 106px; padding: 0 34px 0 0; font-size: 20px; line-height: 100px; bottom: 45px; } .page-content .presentation-bg::after { display: none; } .page-content p, .page-content ul { padding-bottom: 29px; font-family: Calibri, sans-serif; font-size: 20px; line-height: 1.4; color: #333; } .page-content p a, .page-content ul a { color: #333; } .page-content p b { display: block; } .page-content ul li { padding-left: 20px; margin-bottom: 5px; } .page-content ul.page-ul li { padding-left: 0; } .page-smallTitle { display: block; font-size: 20px; line-height: 1.2; font-weight: 700; margin-bottom: 6px; } .page-block { padding-right: 440px; padding-bottom: 20px; position: relative; } .page-block__pad { margin-top: 20px; } .page-sidebar { position: absolute; top: 0; right: 0; width: 390px; } .page-sidebar__block { padding-top: 4px; position: relative; } .page-sidebar__block-ico { position: absolute; top: 0; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: -1; } .page-sidebar__block-ico img, .page-sidebar__block-ico svg { display: block; } .page-sidebar__block-ico__2 { position: static; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); margin-bottom: 30px; } .page-sidebar__block-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 6px; } .page-sidebar__block-info { padding-right: 30px; } .page-sidebar__block-info b { display: block; font-size: 20px; line-height: 1.2; font-weight: 700; padding-bottom: 10px; } .page-sidebar__block-info span { display: block; font-size: 16px; line-height: 1.3; font-weight: 700; opacity: 0.6; } .page-sidebar__block-user { min-width: 90px; width: 90px; height: 90px; position: relative; } .page-sidebar__block-user img, .page-sidebar__block-user svg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .page-sidebar .portfolio-descr { padding-top: 0; } .page-sidebar .portfolio-descr p { font-size: 16px; line-height: 20px; margin-bottom: 0; } .page-sidebar .presentation-video { height: 234px; } .page-sidebar .presentation-play { width: 77px; height: 87px; left: 16px; bottom: 10px; font-size: 16px; line-height: 88px; text-align: left; padding: 0 0 0 14px; } .page-sidebar .presentation-play svg { width: 77px; height: 87px; } .page-video { padding: 10px 0 20px; } .page-video__subtitle { display: block; padding: 14px 0 0; font-size: 16px; line-height: 1.3; font-weight: 700; color: #333; } .page-text { display: block; font-size: 28px; line-height: 32px; font-weight: 700; color: #333; } .page-text a { color: #333; } .page-info { padding-top: 10px; } .page-info .page-smallTitle { font-family: Calibri, sans-serif; margin-bottom: 33px; } .page-info .page-smallTitle:last-child { margin-bottom: 6px; } .page-label { display: block; font-family: Calibri, sans-serif; font-size: 20px; line-height: 1.2; font-weight: 700; margin-bottom: 2px; } .page-sidebar__img { margin-bottom: 17px; } .page-sidebar__img img, .page-sidebar__img svg { display: block; } .page-post { padding-bottom: 30px; } .page-post img, .page-post svg { display: block; margin-bottom: 20px; } .page-post__title { font-size: 20px; line-height: 1.2; font-weight: 700; color: #333; margin-bottom: 6px; } .page-post__title a { color: #333; } .page-post p { font-family: Calibri, sans-serif; font-size: 16px; line-height: 20px; padding-bottom: 16px; } .page-post__link { font-family: Calibri, sans-serif; font-size: 16px; color: #5391db; } .pagination, .pagination-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .pagination { padding-top: 20px; } .pagination-next, .pagination-prev { display: inline-block; width: 70px; height: 70px; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid rgba(51, 51, 51, 0.2); position: relative; } .pagination-next img, .pagination-next svg, .pagination-prev img, .pagination-prev svg { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pagination-next svg path, .pagination-prev svg path { -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .pagination-next:hover, .pagination-prev:hover { border-color: rgba(207, 58, 58, 0.2); } .pagination-next:hover svg path, .pagination-prev:hover svg path { fill: #cf3a3a; } .pagination-next.notActive, .pagination-prev.notActive { opacity: 0; } .pagination-prev img, .pagination-prev svg { -webkit-transform: translate(-50%, -50%) rotate(180deg); -ms-transform: translate(-50%, -50%) rotate(180deg); transform: translate(-50%, -50%) rotate(180deg); } .pagination-list { padding: 0 50px; } .pagination-list li { width: 70px; height: 70px; font-size: 20px; line-height: 70px; font-weight: 700; color: #333; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; } .pagination-list li a { display: block; width: 100%; line-height: 70px; color: #333; } .pagination-list li a:hover { color: #cf3a3a; } .pagination-list li.active { background: #e8e8b3; } .cards { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -15px; } .cards.cards-second .card-img { -webkit-border-radius: 15px; border-radius: 15px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .cards.cards-second .card-wrap:hover .card-img { -webkit-box-shadow: 0 0 0 3px #26babf; box-shadow: 0 0 0 3px #26babf; } .fancybox-image, .fancybox-spaceball { -webkit-border-radius: 15px; border-radius: 15px; } .card { width: 33.333%; padding: 0 15px 40px; } .card-wrap { display: block; height: 100%; background: #fff; -webkit-box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); -webkit-border-radius: 15px; border-radius: 15px; position: relative; } .card-wrap:hover .card-info { border-color: #cf3a3a; } .card-wrap:hover .card-num { color: #cf3a3a; } .card-img { display: block; height: 300px; position: relative; overflow: hidden; -webkit-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; z-index: 11; } .card-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .card-info { padding: 21px 19px 30px; border-left: 1px solid transparent; border-bottom: 1px solid transparent; border-right: 1px solid transparent; -webkit-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .card-date { font-family: Calibri, sans-serif; display: block; font-size: 14px; line-height: 17px; font-weight: 700; color: rgba(51, 51, 51, 0.6); margin-bottom: 10px; } .card-name { font-size: 20px; line-height: 1.2; font-weight: 700; color: #333; margin-bottom: 21px; } .card-name a { color: #333; } .card-num { display: block; font-size: 14px; line-height: 16px; font-weight: 700; color: rgba(51, 51, 51, 0.5); -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .block-title { display: block; font-family: Calibri, sans-serif; font-size: 30px; line-height: 37px; font-weight: 700; margin-bottom: 40px; color: #333; } .block-title span { color: #81a670; } .block-title__small { font-family: RotondaC, sans-serif; font-size: 28px; line-height: 32px; margin-bottom: 10px; } .block-title__big { font-family: RotondaC, sans-serif; font-size: 40px; line-height: 1.2; font-weight: 700; margin: 10px 0 60px; max-width: 1040px; } .block-item { padding-bottom: 20px; } .block-item p { font-size: 20px; line-height: 1.2; padding-bottom: 30px; } .concept p { font-size: 20px; line-height: 1.2; } .blog.concept { padding-bottom: 90px; } .partners-title { display: block; font-size: 28px; line-height: 32px; font-weight: 700; max-width: 900px; margin: 0 0 50px; } .partners-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -15px; } .partners-col { width: 25%; padding: 0 15px 40px; } .partners-img { 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; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 200px; border: 1px solid rgba(51, 51, 51, 0.2); -webkit-border-radius: 15px; border-radius: 15px; margin-bottom: 20px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; padding: 10px; } .partners-img img, .partners-img svg { display: block; max-width: 100%; max-height: 100%; } .partners-name { display: block; font-size: 16px; line-height: 1.3; font-weight: 400; color: #333; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .partners-name a { color: #333; } .partners-wrap:hover .partners-img { border-color: #cf3a3a; } .partners-wrap:hover .partners-name { color: #cf3a3a; } .persent-size { width: 50%; } .reviews-row { margin: 0 -15px; } .reviews-col { width: 50%; padding: 0 15px 30px; } .reviews-wrap { padding: 23px 29px 35px; border: 1px solid rgba(51, 51, 51, 0.2); -webkit-border-radius: 20px; border-radius: 20px; } .reviews-wrap .presentation-video { height: 336px; } .reviews-wrap .presentation-bg::after { display: none; } .reviews-wrap .presentation-play { width: 106px; height: 106px; padding: 0 18px 0 0; font-size: 20px; line-height: 100px; left: 15px; bottom: 20px; } .reviews-wrap .presentation-play svg { width: 106px; height: 102px; } .reviews-wrap p { font-family: Calibri, sans-serif; font-size: 16px; line-height: 20px; padding-bottom: 14px; } .reviews-wrap p:last-child { padding-bottom: 0; } .reviews-title { display: block; font-size: 28px; line-height: 32px; font-weight: 700; margin: 0 0 10px; } .reviews-date { display: block; font-size: 14px; line-height: 16px; font-weight: 700; color: rgba(51, 51, 51, 0.6); margin-bottom: 30px; } .interview-cards.cards .card-name { margin-bottom: 4px; } .interview-cards.cards .card-sub { display: block; font-size: 14px; line-height: 17px; font-weight: 700; color: rgba(51, 51, 51, 0.6); margin-bottom: 27px; } .interview-title { display: block; font-size: 20px; line-height: 1.2; font-weight: 700; padding-bottom: 14px; } .interview-item { padding-bottom: 35px; } .interview-item p { font-family: Calibri, sans-serif; font-size: 20px; line-height: 1.4; padding: 0 !important; } .interview-item p b { display: inline; } .page-sidebar__human { margin-top: -320px; } .page-sidebar__human-img { width: 280px; height: 280px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); overflow: hidden; position: relative; margin-bottom: 40px; margin-left: -20px; } .page-sidebar__human-img img, .page-sidebar__human-img svg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (max-width: 1020px) { .page-title { font-size: 50px; } .page-wrap { display: block; } .page-wrap .page-list__second { margin: 20px 0 0; overflow-x: auto; } .page-list { overflow-x: auto; } .card { width: 50%; padding-bottom: 30px; } .partners-col { width: 33.333%; } } @media only screen and (max-width: 920px) { .page-row { background: #f3f3f3; } .page-block { padding-right: 0; } .page-block .portfolio-images { max-width: 100%; margin-bottom: 50px; } .page-content .presentation-video { margin-bottom: 40px; } .page-sidebar { position: static; width: 100%; padding-bottom: 30px; } .page-sidebar .presentation-video { height: 500px; margin-bottom: 0; } .page-sidebar__human { margin: 0; } .page-sidebar__human-img { margin-left: 0; } .pagination-next, .pagination-prev { width: 40px; height: 40px; min-width: 40px; } .pagination-next img, .pagination-next svg, .pagination-prev img, .pagination-prev svg { max-width: 8px; } .pagination-list { padding: 0 20px; } .pagination-list li { width: 40px; height: 40px; line-height: 40px; padding-top: 2px; } .pagination-list li a { width: 40px; height: 40px; line-height: 40px; } } @media only screen and (max-width: 768px) { .page-title { font-size: 34px; } .page-subtitle { font-size: 26px; line-height: 1.3; } .page-text { font-size: 22px; line-height: 1.3; } .page-content p, .page-content ul { font-size: 16px; line-height: 20px; padding-bottom: 20px; } .page-content ul li { padding-left: 10px; } .cards { margin: 0 -10px; } .card { padding: 0 10px 20px; } .card-img { height: 250px; } .block-title { font-size: 24px; line-height: 1.3; } .block-title__small { font-size: 22px; } .block-title__big { font-size: 28px; line-height: 32px; } .partners-title { font-size: 22px; line-height: 1.3; margin-bottom: 30px; } .partners-row { margin: 0 -10px; } .partners-col { width: 50%; padding: 0 10px 30px; } .reviews-col { width: 100%; padding-bottom: 20px; } .reviews-title { font-size: 22px; line-height: 1.3; } } @media only screen and (max-width: 530px) { .page-content .presentation-video { height: 335px; } .page-content .presentation-play { bottom: 20px; } .page-sidebar .presentation-video { height: 335px; } .card { width: 100%; } .card-img { height: 280px; } .partners-col { width: 100%; } .reviews-wrap { padding: 20px 15px; } } .blog { padding: 60px 0 160px; } .blog-wrap { padding-bottom: 50px; } .blog-card { display: block; min-height: 360px; border: 1px solid rgba(51, 51, 51, 0.2); padding: 19px 470px 39px 29px; -webkit-border-radius: 20px; border-radius: 20px; padding-bottom: 60px; position: relative; margin-bottom: 30px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .blog-card p { font-family: Calibri, sans-serif; font-size: 20px; line-height: 1.2; color: #333; max-width: 750px; margin-bottom: 14px; } .blog-card p a { color: #5391db; } .blog-card:hover { border-color: #cf3a3a; } .blog-card:hover .blog-link { color: #cf3a3a; } .blog-card ul { max-width: 750px; } .blog-card ul li { font-family: Calibri, sans-serif; font-size: 20px; line-height: 1.2; color: #333; margin-bottom: 22px; } .blog-card__list li { padding-left: 30px; position: relative; } .blog-card__list li span { position: absolute; top: 0; left: 0; font-family: RotondaC, sans-serif; font-size: 18px; line-height: 23px; font-weight: 700; } .blog-card__subtitle { display: block; font-family: Calibri, sans-serif; font-size: 20px; line-height: 1.2; font-weight: 700; color: #333; margin-bottom: 10px; } .blog-img { position: absolute; top: 50%; right: 30px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 410px; height: 300px; -webkit-border-radius: 15px; border-radius: 15px; overflow: hidden; } .blog-img img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .blog-date { font-family: Calibri, sans-serif; display: block; font-size: 14px; line-height: 17px; color: rgba(51, 51, 51, 0.6); margin-bottom: 20px; } .blog-name { display: block; font-size: 28px; line-height: 32px; font-weight: 700; color: #333; margin-bottom: 24px; max-width: 750px; } .blog-name a { color: #333; } .blog-link { position: absolute; bottom: 40px; left: 30px; font-size: 14px; line-height: 16px; font-weight: 700; color: rgba(51, 51, 51, 0.5); -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .blog-link a { color: rgba(51, 51, 51, 0.5); } @media only screen and (max-width: 920px) { .blog { padding-bottom: 80px; } .blog-card { padding: 420px 20px 80px; overflow: hidden; } .blog-img { top: 0; right: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); width: 100%; height: 400px; -webkit-border-radius: 0; border-radius: 0; } .blog-link { left: 20px; } } @media only screen and (max-width: 768px) { .blog { padding-bottom: 70px; } } @media only screen and (max-width: 530px) { .blog-card { padding-top: 270px; } .blog-card p, .blog-card ul li { font-size: 16px; line-height: 20px; } .blog-img { height: 250px; } .blog-name { font-size: 24px; line-height: 1.3; } } .summerProgram { background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; } .summerProgram .wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; min-height: 100vh; padding: 180px 20px 50px; } .summerProgram-wrap { max-width: 760px; width: 100%; background: rgba(51, 51, 51, 0.5); -webkit-border-radius: 15px; border-radius: 15px; padding: 26px 30px 35px; } .summerProgram-cat { display: inline-block; padding: 8px 10px 6px; font-size: 14px; line-height: 16px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #fff; background: #cf3a3a; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 14px; } .summerProgram-title { display: block; font-size: 78px; line-height: 90px; font-weight: 700; color: #fff; margin: 0 0 14px; } .summerProgram p { font-family: Calibri, sans-serif; font-size: 22px; line-height: 1.2; font-weight: 700; color: #fff; padding-bottom: 40px; } .summerProgram-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -15px; } .summerProgram-col { width: 50%; padding: 0 15px 30px; } .summerProgram-col span { display: block; font-size: 28px; line-height: 32px; font-weight: 700; color: #fff; } .summerProgram-col b { display: block; margin-top: 10px; font-size: 16px; line-height: 18px; font-weight: 700; color: #fff; } .summerProgram-bottom { border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .summerProgram-bottom p { font-family: Calibri, sans-serif; font-size: 16px; line-height: 20px; font-weight: 700; color: #fff; margin-right: 14px; padding: 0; } .summerProgram-bottom .second-btn { color: #fff; border-color: #fff; } .summerProgram-bottom .second-btn:hover { background: #fff; color: #333; } @media only screen and (max-width: 768px) { .summerProgram-title { font-size: 40px; line-height: 1.2; } .summerProgram-row { display: block; } .summerProgram-col { width: 100%; } .summerProgram-col span { font-size: 22px; line-height: 1.2; } } @media only screen and (max-width: 530px) { .summerProgram-wrap { padding: 20px 15px; } } .tab { display: none; } .tab.tab-active { display: block; } .hidden { display: none !important; } .takenCare-row-second { margin-top: 50px; } .takenCare-slider__elem { margin: 0 15px; padding-top: 45px; } .takenCare-slider .slick-prev, .takenCare-slider .slick-next { background-size: 25%; } .takenCare-slider .slick-prev { width: 15px; height: 25px; top: -46px; left: unset; right: 34px; transform: rotate(180deg) translateY(50%); padding: 17px; border-radius: 0 5px 5px 0; background: #fff url(/local/templates/okddd/img/slider-right.png) no-repeat center center; } .takenCare-slider .slick-next { width: 15px; height: 25px; top: -46px; right: 0; padding: 17px; border-radius: 0 5px 5px 0; background: #fff url(/local/templates/okddd/img/slider-right.png) no-repeat center center; } .portfolio-info { padding-right: 50px; padding-left: 0; } .workers-slide-popup__container { max-width: 970px; height: 630px; display: flex; background-color: #fff; padding: 40px 30px 45px 40px; } .workers-slide .img { text-align: center; padding: 0; width: 100%; height: 420px; margin: 30px auto; overflow: hidden; max-width: calc(100% - 60px); border-radius: 4%; margin-bottom: 15px; overflow: hidden; max-height: 385px; } .workers-slide-popup__container .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #ffcf40; width: 6px; } .workers-slide-popup__container:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #ffcf40; width: 6px; } .workers-slide-popup__container .workers-slide .img { width: 100%; max-width: 100%; margin-top: 0; margin-bottom: 25px; max-height: 340px; } .workers-slide-popup__container .worker-text { padding: 0; } .worker-post { display: inline-block; font-size: 18px; line-height: 123.58%; letter-spacing: 0.02em; color: #525252; opacity: 0.6; padding-top: 5px; padding-left: 0; padding-right: 5px; opacity: 0.6; margin-bottom: 5px; font-family: "Calibri"; } .workers-slide-popup__container .worker-post { background-color: #fff; padding-left: 0; font-size: 16px; line-height: 123.58%; color: #525252; opacity: 0.45; } .worker-name { font-size: 23px; line-height: 123.58%; letter-spacing: 0.01em; color: #525252; margin: 0 0 12px; max-width: 244px; min-height: 33px; } .workers-slide-popup__container .worker-name { font-size: 23px; line-height: 123.58%; letter-spacing: 0.01em; color: #525252; margin-bottom: 17px; } .worker-text ul { list-style: none; text-align: center; margin: 0 0 15px; } .worker-text ul li { position: relative; display: flex; align-items: flex-start; /* height: 17px; */ } .workers-slide-popup__container .worker-text li { padding-bottom: 8px; border-bottom: solid 1px rgba(50, 50, 50, 0.09); height: auto; padding-top: 8px; } .worker-text .left-text { font-size: 14px; width: 70%; line-height: 20px; letter-spacing: 0.02em; color: #b4b2b0; text-align: left; color: #525252; opacity: 0.5; position: relative; font-family: "Calibri"; } .workers-slide-popup__container .worker-text .left-text { font-size: 15px; line-height: 100%; letter-spacing: 0.02em; color: #525252; opacity: 0.62; font-weight: 400; } .worker-text .right-text { font-weight: 700; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; color: #525252; width: 130%; text-align: right; font-family: "Calibri"; text-align: right !important; } .workers-slide-popup__container .worker-text .right-text { font-size: 15px; line-height: 100%; text-align: right; letter-spacing: 0.02em; color: #525252; font-weight: 700; } .worker-text .right-text span { font-weight: 700; padding: 0; } .workers-slide-popup__description { width: 100%; padding-left: 70px; } .worker-text p span { background: #fcf9f5; position: relative; } .worker-text .left-text span { color: #525252; opacity: 0.5; padding: 0 5px 0 0; font-family: "Calibri"; } .workers-slide-popup__container .workers-slide { background: #fff; box-shadow: none; max-width: 290px; width: 100%; } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr; } .workers-slide-popup__description .mCustomScrollBox { padding-right: 70px; } .mCSB_container { overflow: hidden; width: auto; height: auto; } .mCSB_inside > .mCSB_container { margin-right: 30px; } .workers-slide-popup__title { color: #525252; letter-spacing: 0.01em; font-size: 23px; line-height: 123.58%; margin-bottom: 17px; } .workers-slide-popup__textContant { margin-bottom: 24px; color: #323232; opacity: 0.62; font-size: 15px; line-height: 133%; } /*MB*/ .modal.modal-big { margin: 50px 0; max-width: calc(100% - 100px); height: auto; border-radius: 20px; } @media (min-width: 1024px) { .fancybox-active { padding-right: 18px; } } .complex-list { flex-wrap: wrap; } .input-block[name="filial"], .input-block[name="time"] { height: 60px; background: #fff; -webkit-border-radius: 10px; border-radius: 10px; border: none; padding: 0 20px; font-size: 20px; font-weight: 700; color: #333; width: 100%; } .message[name="message"] { display: block; width: 100%; background: #fff; -webkit-border-radius: 10px; border-radius: 10px; border: none; padding: 20px; font-size: 20px; font-weight: 700; color: #333; } .form-item-select-text { margin: 0 0 10px 0; color: #ffffff; } @media (min-width: 768px) { .input-block { display: inline-flex; width: 100%; margin: 0 0 15px 0; } form.form-submit > .input-block:nth-child(1), form.form-submit > .input-block:nth-child(2) { display: inline-flex; flex-direction: column; width: calc(50% - 3px); } .form-item.form-item-select { display: inline-flex; flex-direction: column; width: calc(50% - 3px); } } /*.form-item.form-item-select:nth-child(4) { display: none; }*/ .main-nav-open-detail { background-size: cover !important; } .takenCare-img { height: 300px; } .infographics__container { display: flex; flex-direction: row; width: 100%; justify-content: center; align-items: center; } .infographics__atHome { border-right: 1px dashed #515252; text-align: left; padding-right: 10%; } .infographics .tariffs-title { display: block; font-size: 58px; line-height: 67px; font-weight: 700; margin: 0 0 60px; } .infographics__atKindergarten { text-align: right; padding-left: 10%; } .infographics .tariffs-title { display: block; font-size: 58px; line-height: 67px; font-weight: 700; margin: 0 0 60px; } .learning-col { width: 50%; } .tariffs-item-title { font-size: 20px; line-height: 1.15; font-weight: 700; padding: 0 0 30px 0px; } .tariffs-item ul { margin: auto -30px 0 -30px; } .tariffs-item ul li { height: 50px; display: flex; align-items: center; justify-content: space-between; clear: both; padding: 0 30px; } /*.tariffs-item ul li:nth-child(odd) {*/ /* background: #F9F5E5;*/ /*}*/ .tariffs-list { margin: -10px -10px 150px -10px; text-align: center; display: flex; flex-direction: row; flex-wrap: wrap; } @media (max-width: 768px) { .tariffs-list { margin: -5px -5px 95px -5px; } } .tariffs-item { background: #fcf9f5; box-shadow: 0 15px 30px rgba(82, 82, 82, 0.15); border-radius: 10px; padding: 35px 30px; margin: 10px; width: calc(50% - 20px); display: inline-flex; flex-direction: column; text-align: left; } @media (max-width: 768px) { .tariffs-item { margin: 5px; width: calc(100% - 10px); } } .tariffs-item .li-left { display: block; width: 50%; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; color: #525252; opacity: 0.62; float: left; } .tariffs-item .li-right { display: block; width: auto; font-size: 14px; line-height: 20px; text-align: right; letter-spacing: 0.02em; color: #525252; float: right; } .tariffs-cost { margin: 10px 0 0 0; display: flex; flex-direction: row; align-items: center; justify-content: space-between; font-size: 20px; line-height: 1.15; font-weight: 700; } .types { margin: 120px 0; padding: 120px 0; background-color: #f9f5e6; } .tariffs-list { margin: 0; } .fancybox-active { height: auto; overflow: hidden; } .tariffs-item-title { font-size: 19px; } .tariffs-item-title br { display: none; } .infographics__atHome { padding-right: 0; } .infographics__atKindergarten { padding-left: 0; } @media (max-width: 600px) { .modal.modal-big { margin: 0; max-width: 100%; } .container.infographics__container { flex-direction: column; } .infographics__atHome { border-right: none; border-bottom: 1px dashed #515252; } } @media (max-width: 920px) { .infographics .tariffs-title { font-size: 40px; line-height: 1.2; margin-bottom: 30px; } } .quote { padding: 70px 0 120px; background: #faf3ef; position: relative; } @media (max-width: 768px) { .about, section.contacts, .learning, .testimonials, .timetable, .quote, .portfolio { padding: 50px 0; } .types { margin: 50px 0; padding: 50px 0; } .quote.quote-second { padding-bottom: 50px; } .takenCare { padding-top: 50px; } .presentation { padding: 100px 0 150px; } } @media (max-width: 768px) { .contacts-form__wrap { max-width: 100%; } .header-list { display: none; } .timetable-block { width: 160px; min-width: 160px; min-height: 60px; padding: 10px; } .timetable-table__col { padding: 0 20px 10px 80px; } .section-title { font-size: 32px !important; } .quoteMain { padding: 0; } } .complex-wrap { display: flex; flex-direction: column; } .complex-social { margin: auto 0 0 0; } .about__link-news { width: 100%; margin: 20px 0 0 0; } /*ФОРМЫ*/ /*.contacts-form {*/ /* max-width: 60%;*/ /*}*/ /*.contacts-img img, .contacts-img svg {*/ /* max-width: 750px;*/ /* margin-left: -150px;*/ /*}*/ /*.modal .contacts-img img, .contacts-img svg {*/ /* max-width: 800px;*/ /* transform: translateX(-150px);*/ /*}*/ /*.contacts-img img, .contacts-img svg {*/ /* max-width: 900px;*/ /*}*/ /*.contacts-img {*/ /* max-width: 40%;*/ /*}*/ /*.modal .contacts {*/ /* overflow: hidden;*/ /*}*/ section.contacts { padding: 40px 0; } section.contacts .contacts-form { padding: 40px 50px; } @media (max-width: 1400px) { .contacts-img img, .contacts-img svg { max-width: 996px; transform: translateX(100px); } } @media (max-width: 1200px) { .contacts-img img, .contacts-img svg { max-width: 900px; transform: translateX(150px); } } @media (max-width: 1020px) { section.contacts .contacts-img { display: none; } .modal .contacts-img { display: none; } .modal .contacts { padding: 0; } .modal .contacts-form { max-width: 100%; } .contacts-form { max-width: 100%; } .contacts-form__wrap { max-width: none; } } @media (max-width: 480px) { section.contacts .contacts-form { padding: 20px; } } .main-nav { z-index: 1000; } .main-nav-logo svg { color: #6c6c6c; } .map-popup { z-index: 1000; } .header-nav-link { -webkit-box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); background: #fff; border-radius: 60px; width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(82, 82, 82, 0.38); font-size: 20px; } .header-nav-link .icon { width: 1em; height: 1em; } .icon { display: inline-block; vertical-align: middle; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor; } .complex-block__wrap, .advantages-wrap { height: auto; } /*ТАБЛИЦА С РАСПИСАНИЕМ В МОДАЛКЕ*/ .page-regimen-schedule-item { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid rgba(82, 82, 82, 0.15); padding: 10px 0; } .page-regimen-schedule-time { text-align: right; padding: 10px 20px 10px 10px; font-size: 37px; width: 50%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .page-regimen-schedule-article { padding: 10px 10px 10px 20px; width: 50%; display: flex; flex-direction: column; justify-content: center; } .timetable-block img { max-width: 40px; } .about, .contacts, .learning, .testimonials, .portfolio, .takenCare, .quote.quote-second, .timetable, .quote, .advantages, .presentation, .footer, .quoteMain { overflow: hidden; } .phone-phone-phone { display: none; } @media (max-width: 768px) { .main { padding: 150px 0 410px; } .complex-name sup { transform: none; top: unset; } .workers-slide-popup__container { display: flex; flex-direction: column; padding: 0; } .workers-slide-popup__description { padding: 0; } .workers-slide-popup__description .mCustomScrollBox { padding-right: 0; } .phone-phone-phone { display: flex; margin: 0 10px 0 0; } .takenCare { padding-bottom: 30px; } .quoteMain { padding-top: 20px; } } .about-slide { height: auto; } @media (min-width: 768px) { .infographics__atHome { width: 50%; } .infographics__atKindergarten { width: 50%; } } @media (max-width: 768px) { .main-nav-branches li { height: 130px !important; } } .tariffs-item-title, .tariffs-cost { order: -1; } .tariffs-cost { background: #f9f5e5; padding: 10px 30px; margin: 0 -30px; } .tariffs-item-title + .cost-left { display: none; } .tariffs-item-title { padding: 0 0 20px 0; } .learning-top { flex-wrap: wrap; } .learning-top:after { content: "Заморозка договора на 2 месяца, в случае закрытия учебных учреждений из-за пандемии"; padding: 5px 0; display: block; font-size: 29px; line-height: 32px; font-weight: 700; } @media (max-width: 768px) { .learning-top:after { content: "Заморозка договора на 2 месяца, в случае закрытия учебных учреждений из-за пандемии"; padding: 5px 0; display: block; font-size: 15px; line-height: 16px; font-weight: 400; } } .section-title { padding: 0 !important; } @media (max-width: 768px) { .takenCare-img { height: 600px; } } @media (max-width: 400px) { .takenCare-img { height: 380px; } } .testimonials.children-future .section-title { max-width: unset; } .testimonials.children-future .testimonials-block__video:hover { border-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .testimonials.children-future .testimonials-block { align-items: flex-start; } .testimonials.children-future .testimonials-block__name { font-size: 20px; line-height: 1.2; font-weight: 700; color: rgba(51, 51, 51, 0.6); } @media only screen and (max-width: 1020px) { .timetable-table__second { display: block; } .timetable-mob { display: none; } .timetable-table__second .timetable-time { font-size: 30px; } .timetable-quiet { display: block; } } @media (max-width: 768px) { .timetable-quiet .timetable-quiet__wrap { padding: 10px; } .timetable-quiet__text { font-size: 22px; } .timetable-quiet__ico { top: 10px; display: flex; align-items: flex-end; } .timetable-quiet__ico img, .timetable-quiet__ico svg { height: 100%; max-height: 40px; } } @media (max-width: 600px) { .timetable-quiet__text { flex-direction: column; align-items: flex-start; } .timetable-quiet__text b { margin-left: 0; } } .page-list li a.active { -webkit-box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); box-shadow: 0 10px 10px rgba(82, 82, 82, 0.1); background: #ffcf40; color: #333; } .pagination-item.current { background: #e8e8b3; } .pagination-item { display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; font-size: 20px; line-height: 70px; font-weight: 700; color: #333; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; } .pagination-link { color: #333; } .pagination-item:hover .pagination-link { color: #cf3a3a; } .contacts { background: #f9f5e6; } .page-content .interview p, .page-content .interview ul, .page-content .interview { margin-bottom: 30px; padding: 0; font-family: RotondaC, sans-serif; font-weight: bold; font-size: 14px; line-height: 23px; color: rgba(82, 82, 82, 0.5); } .interview h3 { margin-bottom: 30px; color: #525252; font-size: 22px; } .blog.interviews-list .page-row { overflow: auto; width: 100%; } @media (max-width: 600px) { .header-nav-link { margin: 0 0 0 10px; } .page { padding: 140px 0 42px 0; } .page-list li a { padding: 6px 12px; } .page-list.interviews-filter, .page-list.page-list__second { flex-wrap: wrap; } } .card-wrap { display: flex; flex-direction: column; height: auto; width: 100%; } .card-info { flex: 1; } .card { display: flex; } .blog.news-list { padding: 60px 0; } @media (max-width: 600px) { .blog.news-list { padding: 40px 0; } .blog.news-list .page-sidebar { padding-bottom: 0; } } .blog .blog { padding: 0; } .blog .blog .wrapper { padding: 0; } @media (max-width: 480px) { .blog.news-list .blog-card { padding-top: 200px; } .blog.news-list .blog-img { height: 200px; } .blog.news-list .blog-img img { padding: 0 20px; } } /*end TEST*/ @media (max-width: 500px) { .detail-datepicker-left { flex-direction: column; } .detail-datepicker-left .price.price--white { max-width: 300px; } .detail-datepicker-info { flex-wrap: wrap; } .detail-datepicker-info { margin: -10px; } .detail-datepicker-info-row:not(:last-of-type), .detail-datepicker-info-row { margin: 10px; min-width: calc(100% - 20px); } } .properties { margin-top: auto; } .modal-map__logo img.school { transform: rotate(90deg); transform-origin: top right; opacity: 0.2; } @media (max-width: 900px) { section:first-child { margin-top: 110px; } } .fancybox-container .contacts-done { position: relative !important; margin: 0 !important; } body .program__img-link { height: auto; } .program__img { height: fit-content; } @media (max-width: 900px) { body .program__img-link { overflow: visible; height: 100% !important; } .program__img { height: auto; } .program--big .program__wrapper { height: auto; } } @media (max-width: 765px) { .complex-row__wrap { display: none; } } .button-up { display: flex; justify-content: center; align-items: center; min-width: 40px; width: 40px; height: 40px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; border: 1px solid #fff; box-shadow: 1px 3px 11px rgba(82, 82, 82, 0.3); position: fixed; right: 16px; bottom: 50px; z-index: 4; transition: 0.3s; opacity: 0; visibility: hidden; } .button-up.active { opacity: 1; visibility: visible; } .button-up:hover { background: #333; border-color: #333; } .button-up:hover svg { color: #fff; } .url-new { margin-top: 20px; } .url-new a { margin-right: 20px; color: grey; font-size: 15px; } /* End */ /* /local/templates/okddd_365mg_footer/assets/main.css?1612542429197104 */ /* /local/templates/okddd_365mg_footer/custom.css?16793802485648 */ /* /local/templates/okddd_365mg_footer/components/bitrix/menu/top/style.min.css?1611154298490 */ /* /bitrix/components/slam/easyform/lib/css/bootstrap.min.css?160326739422741 */ /* /bitrix/components/slam/easyform/lib/css/bootstrapValidator.min.css?1603267394565 */ /* /bitrix/components/slam/easyform/templates/.default/style.min.css?1603267394805 */ /* /local/templates/okddd_365mg_footer/styles.css?161166436531517 */ /* /local/templates/okddd_365mg_footer/template_styles.css?1753907681220004 */